/*! * Bootstrap v4.6.2 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) *//*! * # Semantic UI 2.5.0 - Search * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */.ui.search{position:relative}.ui.search>.prompt{margin:0;outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);text-shadow:none;font-style:normal;font-weight:400;line-height:1.21428571em;padding:.67857143em 1em;font-size:1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);box-shadow:0 0 0 0 transparent inset;transition:background-color .1s ease,color .1s ease,box-shadow .1s ease,border-color .1s ease}.ui.search .prompt{border-radius:500rem}.ui.search .prompt~.search.icon{cursor:pointer}.ui.search>.results{display:none;position:absolute;top:100%;left:0;transform-origin:center top;white-space:normal;text-align:left;text-transform:none;background:#fff;margin-top:.5em;width:18em;border-radius:.28571429rem;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);border:1px solid #d4d4d5;z-index:998}.ui.search>.results>:first-child{border-radius:.28571429rem .28571429rem 0 0}.ui.search>.results>:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.search>.results .result{cursor:pointer;display:block;overflow:hidden;font-size:1em;padding:.85714286em 1.14285714em;color:rgba(0,0,0,.87);line-height:1.33;border-bottom:1px solid rgba(34,36,38,.1)}.ui.search>.results .result:last-child{border-bottom:none!important}.ui.search>.results .result .image{float:right;overflow:hidden;background:0 0;width:5em;height:3em;border-radius:.25em}.ui.search>.results .result .image img{display:block;width:auto;height:100%}.ui.search>.results .result .image+.content{margin:0 6em 0 0}.ui.search>.results .result .title{margin:-.14285714em 0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;font-size:1em;color:rgba(0,0,0,.85)}.ui.search>.results .result .description{margin-top:0;font-size:.92857143em;color:rgba(0,0,0,.4)}.ui.search>.results .result .price{float:right;color:#21ba45}.ui.search>.results>.message{padding:1em 1em}.ui.search>.results>.message .header{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;color:rgba(0,0,0,.87)}.ui.search>.results>.message .description{margin-top:.25rem;font-size:1em;color:rgba(0,0,0,.87)}.ui.search>.results>.action{display:block;border-top:none;background:#f3f4f5;padding:.92857143em 1em;color:rgba(0,0,0,.87);font-weight:700;text-align:center}.ui.search>.prompt:focus{border-color:rgba(34,36,38,.35);background:#fff;color:rgba(0,0,0,.95)}.ui.loading.search .input>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.search .input>i.icon:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;animation:button-spin .6s linear;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}.ui.category.search>.results .category .result:hover,.ui.search>.results .result:hover{background:#f9fafb}.ui.search .action:hover{background:#e0e0e0}.ui.category.search>.results .category.active{background:#f3f4f5}.ui.category.search>.results .category.active>.name{color:rgba(0,0,0,.87)}.ui.category.search>.results .category .result.active,.ui.search>.results .result.active{position:relative;border-left-color:rgba(34,36,38,.1);background:#f3f4f5;box-shadow:none}.ui.search>.results .result.active .title{color:rgba(0,0,0,.85)}.ui.search>.results .result.active .description{color:rgba(0,0,0,.85)}.ui.disabled.search{cursor:default;pointer-events:none;opacity:.45}.ui.search.selection .prompt{border-radius:.28571429rem}.ui.search.selection>.icon.input>.remove.icon{pointer-events:none;position:absolute;left:auto;opacity:0;color:'';top:0;right:0;transition:color .1s ease,opacity .1s ease}.ui.search.selection>.icon.input>.active.remove.icon{cursor:pointer;opacity:.8;pointer-events:auto}.ui.search.selection>.icon.input:not([class*="left icon"])>.icon~.remove.icon{right:1.85714em}.ui.search.selection>.icon.input>.remove.icon:hover{opacity:1;color:#db2828}.ui.category.search .results{width:28em}.ui.category.search .results.animating,.ui.category.search .results.visible{display:table}.ui.category.search>.results .category{display:table-row;background:#f3f4f5;box-shadow:none;transition:background .1s ease,border-color .1s ease}.ui.category.search>.results .category:last-child{border-bottom:none}.ui.category.search>.results .category:first-child .name+.result{border-radius:0 .28571429rem 0 0}.ui.category.search>.results .category:last-child .result:last-child{border-radius:0 0 .28571429rem 0}.ui.category.search>.results .category>.name{display:table-cell;text-overflow:ellipsis;width:100px;white-space:nowrap;background:0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;padding:.4em 1em;font-weight:700;color:rgba(0,0,0,.4);border-bottom:1px solid rgba(34,36,38,.1)}.ui.category.search>.results .category .results{display:table-cell;background:#fff;border-left:1px solid rgba(34,36,38,.15);border-bottom:1px solid rgba(34,36,38,.1)}.ui.category.search>.results .category .result{border-bottom:1px solid rgba(34,36,38,.1);transition:background .1s ease,border-color .1s ease;padding:.85714286em 1.14285714em}.ui[class*="left aligned"].search>.results{right:auto;left:0}.ui[class*="right aligned"].search>.results{right:0;left:auto}.ui.fluid.search .results{width:100%}.ui.mini.search{font-size:.78571429em}.ui.small.search{font-size:.92857143em}.ui.search{font-size:1em}.ui.large.search{font-size:1.14285714em}.ui.big.search{font-size:1.28571429em}.ui.huge.search{font-size:1.42857143em}.ui.massive.search{font-size:1.71428571em}@media only screen and (max-width:767px){.ui.search .results{max-width:calc(100vw - 2rem)}}/** * material-design-lite - Material Design Components in CSS, JS and HTML * @version v1.3.0 * @license Apache-2.0 * @copyright 2015 Google, Inc. * @link https://github.com/google/material-design-lite */@charset "UTF-8";/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Material Design Lite *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. *//* ========================================================================== Base styles: opinionated defaults ========================================================================== */html { color: rgba(0,0,0, 0.87); font-size: 1em; line-height: 1.4; }/* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */::-moz-selection { background: #b3d4fc; text-shadow: none; }::selection { background: #b3d4fc; text-shadow: none; }/* * A better looking default horizontal rule */hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }/* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */audio, canvas, iframe, img, svg, video { vertical-align: middle; }/* * Remove default fieldset styles. */fieldset { border: 0; margin: 0; padding: 0; }/* * Allow only vertical resizing of textareas. */textarea { resize: vertical; }/* ========================================================================== Browser Upgrade Prompt ========================================================================== */.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }/* ========================================================================== Author's custom styles ========================================================================== *//* ========================================================================== Helper classes ========================================================================== *//* * Hide visually and from screen readers: */.hidden { display: none !important; }/* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }/* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }/* * Hide visually and from screen readers, but maintain layout */.invisible { visibility: hidden; }/* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }.clearfix:after { clear: both; }/* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */@media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ }@media print, (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ }/* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */@media print { *, *:before, *:after, *:first-letter { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Remove the unwanted box around FAB buttons *//* More info: http://goo.gl/IPwKi */a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu, .mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }/* * Make html take up the entire screen * Then set touch-action to avoid touch delay on mobile IE */html { width: 100%; height: 100%; touch-action: manipulation; }/* * Make body take up the entire screen * Remove body margin so layout containers don't cause extra overflow. */body { width: 100%; min-height: 100%; margin: 0; }/* * Main display reset for IE support. * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011 */main { display: block; }/* * Apply no display to elements with the hidden attribute. * IE 9 and 10 support. */*[hidden] { display: none !important; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */html, body { font-family: "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; }h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }/** * Styles for HTML elements */h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 56px; font-weight: 400; line-height: 1.35; letter-spacing: -0.02em; opacity: 0.54; font-size: 0.6em; }h1 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 56px; font-weight: 400; line-height: 1.35; letter-spacing: -0.02em; margin-top: 24px; margin-bottom: 24px; }h2 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 45px; font-weight: 400; line-height: 48px; margin-top: 24px; margin-bottom: 24px; }h3 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 34px; font-weight: 400; line-height: 40px; margin-top: 24px; margin-bottom: 24px; }h4 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; -moz-osx-font-smoothing: grayscale; margin-top: 24px; margin-bottom: 16px; }h5 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: 0.02em; margin-top: 24px; margin-bottom: 16px; }h6 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.04em; margin-top: 24px; margin-bottom: 16px; }p { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; margin-bottom: 16px; }a { color: rgb(255,64,129); font-weight: 500; }blockquote { font-family: "Roboto", "Helvetica", "Arial", sans-serif; position: relative; font-size: 24px; font-weight: 300; font-style: italic; line-height: 1.35; letter-spacing: 0.08em; }blockquote:before { position: absolute; left: -0.5em; content: '“'; }blockquote:after { content: '”'; margin-left: -0.05em; }mark { background-color: #f4ff81; }dt { font-weight: 700; }address { font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; font-style: normal; }ul, ol { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; }/** * Class Name Styles */.mdl-typography--display-4 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 112px; font-weight: 300; line-height: 1; letter-spacing: -0.04em; }.mdl-typography--display-4-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 112px; font-weight: 300; line-height: 1; letter-spacing: -0.04em; opacity: 0.54; }.mdl-typography--display-3 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 56px; font-weight: 400; line-height: 1.35; letter-spacing: -0.02em; }.mdl-typography--display-3-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 56px; font-weight: 400; line-height: 1.35; letter-spacing: -0.02em; opacity: 0.54; }.mdl-typography--display-2 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 45px; font-weight: 400; line-height: 48px; }.mdl-typography--display-2-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 45px; font-weight: 400; line-height: 48px; opacity: 0.54; }.mdl-typography--display-1 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 34px; font-weight: 400; line-height: 40px; }.mdl-typography--display-1-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 34px; font-weight: 400; line-height: 40px; opacity: 0.54; }.mdl-typography--headline { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; -moz-osx-font-smoothing: grayscale; }.mdl-typography--headline-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; -moz-osx-font-smoothing: grayscale; opacity: 0.87; }.mdl-typography--title { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: 0.02em; }.mdl-typography--title-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: 0.02em; opacity: 0.87; }.mdl-typography--subhead { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.04em; }.mdl-typography--subhead-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.04em; opacity: 0.87; }.mdl-typography--body-2 { font-size: 14px; font-weight: bold; line-height: 24px; letter-spacing: 0; }.mdl-typography--body-2-color-contrast { font-size: 14px; font-weight: bold; line-height: 24px; letter-spacing: 0; opacity: 0.87; }.mdl-typography--body-1 { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; }.mdl-typography--body-1-color-contrast { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; opacity: 0.87; }.mdl-typography--body-2-force-preferred-font { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: 0; }.mdl-typography--body-2-force-preferred-font-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: 0; opacity: 0.87; }.mdl-typography--body-1-force-preferred-font { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; }.mdl-typography--body-1-force-preferred-font-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; opacity: 0.87; }.mdl-typography--caption { font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; }.mdl-typography--caption-force-preferred-font { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; }.mdl-typography--caption-color-contrast { font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; opacity: 0.54; }.mdl-typography--caption-force-preferred-font-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; opacity: 0.54; }.mdl-typography--menu { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0; }.mdl-typography--menu-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0; opacity: 0.87; }.mdl-typography--button { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: 0; }.mdl-typography--button-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: 0; opacity: 0.87; }.mdl-typography--text-left { text-align: left; }.mdl-typography--text-right { text-align: right; }.mdl-typography--text-center { text-align: center; }.mdl-typography--text-justify { text-align: justify; }.mdl-typography--text-nowrap { white-space: nowrap; }.mdl-typography--text-lowercase { text-transform: lowercase; }.mdl-typography--text-uppercase { text-transform: uppercase; }.mdl-typography--text-capitalize { text-transform: capitalize; }.mdl-typography--font-thin { font-weight: 200 !important; }.mdl-typography--font-light { font-weight: 300 !important; }.mdl-typography--font-regular { font-weight: 400 !important; }.mdl-typography--font-medium { font-weight: 500 !important; }.mdl-typography--font-bold { font-weight: 700 !important; }.mdl-typography--font-black { font-weight: 900 !important; }.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: 'liga'; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-color-text--red { color: rgb(244,67,54) !important; }.mdl-color--red { background-color: rgb(244,67,54) !important; }.mdl-color-text--red-50 { color: rgb(255,235,238) !important; }.mdl-color--red-50 { background-color: rgb(255,235,238) !important; }.mdl-color-text--red-100 { color: rgb(255,205,210) !important; }.mdl-color--red-100 { background-color: rgb(255,205,210) !important; }.mdl-color-text--red-200 { color: rgb(239,154,154) !important; }.mdl-color--red-200 { background-color: rgb(239,154,154) !important; }.mdl-color-text--red-300 { color: rgb(229,115,115) !important; }.mdl-color--red-300 { background-color: rgb(229,115,115) !important; }.mdl-color-text--red-400 { color: rgb(239,83,80) !important; }.mdl-color--red-400 { background-color: rgb(239,83,80) !important; }.mdl-color-text--red-500 { color: rgb(244,67,54) !important; }.mdl-color--red-500 { background-color: rgb(244,67,54) !important; }.mdl-color-text--red-600 { color: rgb(229,57,53) !important; }.mdl-color--red-600 { background-color: rgb(229,57,53) !important; }.mdl-color-text--red-700 { color: rgb(211,47,47) !important; }.mdl-color--red-700 { background-color: rgb(211,47,47) !important; }.mdl-color-text--red-800 { color: rgb(198,40,40) !important; }.mdl-color--red-800 { background-color: rgb(198,40,40) !important; }.mdl-color-text--red-900 { color: rgb(183,28,28) !important; }.mdl-color--red-900 { background-color: rgb(183,28,28) !important; }.mdl-color-text--red-A100 { color: rgb(255,138,128) !important; }.mdl-color--red-A100 { background-color: rgb(255,138,128) !important; }.mdl-color-text--red-A200 { color: rgb(255,82,82) !important; }.mdl-color--red-A200 { background-color: rgb(255,82,82) !important; }.mdl-color-text--red-A400 { color: rgb(255,23,68) !important; }.mdl-color--red-A400 { background-color: rgb(255,23,68) !important; }.mdl-color-text--red-A700 { color: rgb(213,0,0) !important; }.mdl-color--red-A700 { background-color: rgb(213,0,0) !important; }.mdl-color-text--pink { color: rgb(233,30,99) !important; }.mdl-color--pink { background-color: rgb(233,30,99) !important; }.mdl-color-text--pink-50 { color: rgb(252,228,236) !important; }.mdl-color--pink-50 { background-color: rgb(252,228,236) !important; }.mdl-color-text--pink-100 { color: rgb(248,187,208) !important; }.mdl-color--pink-100 { background-color: rgb(248,187,208) !important; }.mdl-color-text--pink-200 { color: rgb(244,143,177) !important; }.mdl-color--pink-200 { background-color: rgb(244,143,177) !important; }.mdl-color-text--pink-300 { color: rgb(240,98,146) !important; }.mdl-color--pink-300 { background-color: rgb(240,98,146) !important; }.mdl-color-text--pink-400 { color: rgb(236,64,122) !important; }.mdl-color--pink-400 { background-color: rgb(236,64,122) !important; }.mdl-color-text--pink-500 { color: rgb(233,30,99) !important; }.mdl-color--pink-500 { background-color: rgb(233,30,99) !important; }.mdl-color-text--pink-600 { color: rgb(216,27,96) !important; }.mdl-color--pink-600 { background-color: rgb(216,27,96) !important; }.mdl-color-text--pink-700 { color: rgb(194,24,91) !important; }.mdl-color--pink-700 { background-color: rgb(194,24,91) !important; }.mdl-color-text--pink-800 { color: rgb(173,20,87) !important; }.mdl-color--pink-800 { background-color: rgb(173,20,87) !important; }.mdl-color-text--pink-900 { color: rgb(136,14,79) !important; }.mdl-color--pink-900 { background-color: rgb(136,14,79) !important; }.mdl-color-text--pink-A100 { color: rgb(255,128,171) !important; }.mdl-color--pink-A100 { background-color: rgb(255,128,171) !important; }.mdl-color-text--pink-A200 { color: rgb(255,64,129) !important; }.mdl-color--pink-A200 { background-color: rgb(255,64,129) !important; }.mdl-color-text--pink-A400 { color: rgb(245,0,87) !important; }.mdl-color--pink-A400 { background-color: rgb(245,0,87) !important; }.mdl-color-text--pink-A700 { color: rgb(197,17,98) !important; }.mdl-color--pink-A700 { background-color: rgb(197,17,98) !important; }.mdl-color-text--purple { color: rgb(156,39,176) !important; }.mdl-color--purple { background-color: rgb(156,39,176) !important; }.mdl-color-text--purple-50 { color: rgb(243,229,245) !important; }.mdl-color--purple-50 { background-color: rgb(243,229,245) !important; }.mdl-color-text--purple-100 { color: rgb(225,190,231) !important; }.mdl-color--purple-100 { background-color: rgb(225,190,231) !important; }.mdl-color-text--purple-200 { color: rgb(206,147,216) !important; }.mdl-color--purple-200 { background-color: rgb(206,147,216) !important; }.mdl-color-text--purple-300 { color: rgb(186,104,200) !important; }.mdl-color--purple-300 { background-color: rgb(186,104,200) !important; }.mdl-color-text--purple-400 { color: rgb(171,71,188) !important; }.mdl-color--purple-400 { background-color: rgb(171,71,188) !important; }.mdl-color-text--purple-500 { color: rgb(156,39,176) !important; }.mdl-color--purple-500 { background-color: rgb(156,39,176) !important; }.mdl-color-text--purple-600 { color: rgb(142,36,170) !important; }.mdl-color--purple-600 { background-color: rgb(142,36,170) !important; }.mdl-color-text--purple-700 { color: rgb(123,31,162) !important; }.mdl-color--purple-700 { background-color: rgb(123,31,162) !important; }.mdl-color-text--purple-800 { color: rgb(106,27,154) !important; }.mdl-color--purple-800 { background-color: rgb(106,27,154) !important; }.mdl-color-text--purple-900 { color: rgb(74,20,140) !important; }.mdl-color--purple-900 { background-color: rgb(74,20,140) !important; }.mdl-color-text--purple-A100 { color: rgb(234,128,252) !important; }.mdl-color--purple-A100 { background-color: rgb(234,128,252) !important; }.mdl-color-text--purple-A200 { color: rgb(224,64,251) !important; }.mdl-color--purple-A200 { background-color: rgb(224,64,251) !important; }.mdl-color-text--purple-A400 { color: rgb(213,0,249) !important; }.mdl-color--purple-A400 { background-color: rgb(213,0,249) !important; }.mdl-color-text--purple-A700 { color: rgb(170,0,255) !important; }.mdl-color--purple-A700 { background-color: rgb(170,0,255) !important; }.mdl-color-text--deep-purple { color: rgb(103,58,183) !important; }.mdl-color--deep-purple { background-color: rgb(103,58,183) !important; }.mdl-color-text--deep-purple-50 { color: rgb(237,231,246) !important; }.mdl-color--deep-purple-50 { background-color: rgb(237,231,246) !important; }.mdl-color-text--deep-purple-100 { color: rgb(209,196,233) !important; }.mdl-color--deep-purple-100 { background-color: rgb(209,196,233) !important; }.mdl-color-text--deep-purple-200 { color: rgb(179,157,219) !important; }.mdl-color--deep-purple-200 { background-color: rgb(179,157,219) !important; }.mdl-color-text--deep-purple-300 { color: rgb(149,117,205) !important; }.mdl-color--deep-purple-300 { background-color: rgb(149,117,205) !important; }.mdl-color-text--deep-purple-400 { color: rgb(126,87,194) !important; }.mdl-color--deep-purple-400 { background-color: rgb(126,87,194) !important; }.mdl-color-text--deep-purple-500 { color: rgb(103,58,183) !important; }.mdl-color--deep-purple-500 { background-color: rgb(103,58,183) !important; }.mdl-color-text--deep-purple-600 { color: rgb(94,53,177) !important; }.mdl-color--deep-purple-600 { background-color: rgb(94,53,177) !important; }.mdl-color-text--deep-purple-700 { color: rgb(81,45,168) !important; }.mdl-color--deep-purple-700 { background-color: rgb(81,45,168) !important; }.mdl-color-text--deep-purple-800 { color: rgb(69,39,160) !important; }.mdl-color--deep-purple-800 { background-color: rgb(69,39,160) !important; }.mdl-color-text--deep-purple-900 { color: rgb(49,27,146) !important; }.mdl-color--deep-purple-900 { background-color: rgb(49,27,146) !important; }.mdl-color-text--deep-purple-A100 { color: rgb(179,136,255) !important; }.mdl-color--deep-purple-A100 { background-color: rgb(179,136,255) !important; }.mdl-color-text--deep-purple-A200 { color: rgb(124,77,255) !important; }.mdl-color--deep-purple-A200 { background-color: rgb(124,77,255) !important; }.mdl-color-text--deep-purple-A400 { color: rgb(101,31,255) !important; }.mdl-color--deep-purple-A400 { background-color: rgb(101,31,255) !important; }.mdl-color-text--deep-purple-A700 { color: rgb(98,0,234) !important; }.mdl-color--deep-purple-A700 { background-color: rgb(98,0,234) !important; }.mdl-color-text--indigo { color: rgb(63,81,181) !important; }.mdl-color--indigo { background-color: rgb(63,81,181) !important; }.mdl-color-text--indigo-50 { color: rgb(232,234,246) !important; }.mdl-color--indigo-50 { background-color: rgb(232,234,246) !important; }.mdl-color-text--indigo-100 { color: rgb(197,202,233) !important; }.mdl-color--indigo-100 { background-color: rgb(197,202,233) !important; }.mdl-color-text--indigo-200 { color: rgb(159,168,218) !important; }.mdl-color--indigo-200 { background-color: rgb(159,168,218) !important; }.mdl-color-text--indigo-300 { color: rgb(121,134,203) !important; }.mdl-color--indigo-300 { background-color: rgb(121,134,203) !important; }.mdl-color-text--indigo-400 { color: rgb(92,107,192) !important; }.mdl-color--indigo-400 { background-color: rgb(92,107,192) !important; }.mdl-color-text--indigo-500 { color: rgb(63,81,181) !important; }.mdl-color--indigo-500 { background-color: rgb(63,81,181) !important; }.mdl-color-text--indigo-600 { color: rgb(57,73,171) !important; }.mdl-color--indigo-600 { background-color: rgb(57,73,171) !important; }.mdl-color-text--indigo-700 { color: rgb(48,63,159) !important; }.mdl-color--indigo-700 { background-color: rgb(48,63,159) !important; }.mdl-color-text--indigo-800 { color: rgb(40,53,147) !important; }.mdl-color--indigo-800 { background-color: rgb(40,53,147) !important; }.mdl-color-text--indigo-900 { color: rgb(26,35,126) !important; }.mdl-color--indigo-900 { background-color: rgb(26,35,126) !important; }.mdl-color-text--indigo-A100 { color: rgb(140,158,255) !important; }.mdl-color--indigo-A100 { background-color: rgb(140,158,255) !important; }.mdl-color-text--indigo-A200 { color: rgb(83,109,254) !important; }.mdl-color--indigo-A200 { background-color: rgb(83,109,254) !important; }.mdl-color-text--indigo-A400 { color: rgb(61,90,254) !important; }.mdl-color--indigo-A400 { background-color: rgb(61,90,254) !important; }.mdl-color-text--indigo-A700 { color: rgb(48,79,254) !important; }.mdl-color--indigo-A700 { background-color: rgb(48,79,254) !important; }.mdl-color-text--blue { color: rgb(33,150,243) !important; }.mdl-color--blue { background-color: rgb(33,150,243) !important; }.mdl-color-text--blue-50 { color: rgb(227,242,253) !important; }.mdl-color--blue-50 { background-color: rgb(227,242,253) !important; }.mdl-color-text--blue-100 { color: rgb(187,222,251) !important; }.mdl-color--blue-100 { background-color: rgb(187,222,251) !important; }.mdl-color-text--blue-200 { color: rgb(144,202,249) !important; }.mdl-color--blue-200 { background-color: rgb(144,202,249) !important; }.mdl-color-text--blue-300 { color: rgb(100,181,246) !important; }.mdl-color--blue-300 { background-color: rgb(100,181,246) !important; }.mdl-color-text--blue-400 { color: rgb(66,165,245) !important; }.mdl-color--blue-400 { background-color: rgb(66,165,245) !important; }.mdl-color-text--blue-500 { color: rgb(33,150,243) !important; }.mdl-color--blue-500 { background-color: rgb(33,150,243) !important; }.mdl-color-text--blue-600 { color: rgb(30,136,229) !important; }.mdl-color--blue-600 { background-color: rgb(30,136,229) !important; }.mdl-color-text--blue-700 { color: rgb(25,118,210) !important; }.mdl-color--blue-700 { background-color: rgb(25,118,210) !important; }.mdl-color-text--blue-800 { color: rgb(21,101,192) !important; }.mdl-color--blue-800 { background-color: rgb(21,101,192) !important; }.mdl-color-text--blue-900 { color: rgb(13,71,161) !important; }.mdl-color--blue-900 { background-color: rgb(13,71,161) !important; }.mdl-color-text--blue-A100 { color: rgb(130,177,255) !important; }.mdl-color--blue-A100 { background-color: rgb(130,177,255) !important; }.mdl-color-text--blue-A200 { color: rgb(68,138,255) !important; }.mdl-color--blue-A200 { background-color: rgb(68,138,255) !important; }.mdl-color-text--blue-A400 { color: rgb(41,121,255) !important; }.mdl-color--blue-A400 { background-color: rgb(41,121,255) !important; }.mdl-color-text--blue-A700 { color: rgb(41,98,255) !important; }.mdl-color--blue-A700 { background-color: rgb(41,98,255) !important; }.mdl-color-text--light-blue { color: rgb(3,169,244) !important; }.mdl-color--light-blue { background-color: rgb(3,169,244) !important; }.mdl-color-text--light-blue-50 { color: rgb(225,245,254) !important; }.mdl-color--light-blue-50 { background-color: rgb(225,245,254) !important; }.mdl-color-text--light-blue-100 { color: rgb(179,229,252) !important; }.mdl-color--light-blue-100 { background-color: rgb(179,229,252) !important; }.mdl-color-text--light-blue-200 { color: rgb(129,212,250) !important; }.mdl-color--light-blue-200 { background-color: rgb(129,212,250) !important; }.mdl-color-text--light-blue-300 { color: rgb(79,195,247) !important; }.mdl-color--light-blue-300 { background-color: rgb(79,195,247) !important; }.mdl-color-text--light-blue-400 { color: rgb(41,182,246) !important; }.mdl-color--light-blue-400 { background-color: rgb(41,182,246) !important; }.mdl-color-text--light-blue-500 { color: rgb(3,169,244) !important; }.mdl-color--light-blue-500 { background-color: rgb(3,169,244) !important; }.mdl-color-text--light-blue-600 { color: rgb(3,155,229) !important; }.mdl-color--light-blue-600 { background-color: rgb(3,155,229) !important; }.mdl-color-text--light-blue-700 { color: rgb(2,136,209) !important; }.mdl-color--light-blue-700 { background-color: rgb(2,136,209) !important; }.mdl-color-text--light-blue-800 { color: rgb(2,119,189) !important; }.mdl-color--light-blue-800 { background-color: rgb(2,119,189) !important; }.mdl-color-text--light-blue-900 { color: rgb(1,87,155) !important; }.mdl-color--light-blue-900 { background-color: rgb(1,87,155) !important; }.mdl-color-text--light-blue-A100 { color: rgb(128,216,255) !important; }.mdl-color--light-blue-A100 { background-color: rgb(128,216,255) !important; }.mdl-color-text--light-blue-A200 { color: rgb(64,196,255) !important; }.mdl-color--light-blue-A200 { background-color: rgb(64,196,255) !important; }.mdl-color-text--light-blue-A400 { color: rgb(0,176,255) !important; }.mdl-color--light-blue-A400 { background-color: rgb(0,176,255) !important; }.mdl-color-text--light-blue-A700 { color: rgb(0,145,234) !important; }.mdl-color--light-blue-A700 { background-color: rgb(0,145,234) !important; }.mdl-color-text--cyan { color: rgb(0,188,212) !important; }.mdl-color--cyan { background-color: rgb(0,188,212) !important; }.mdl-color-text--cyan-50 { color: rgb(224,247,250) !important; }.mdl-color--cyan-50 { background-color: rgb(224,247,250) !important; }.mdl-color-text--cyan-100 { color: rgb(178,235,242) !important; }.mdl-color--cyan-100 { background-color: rgb(178,235,242) !important; }.mdl-color-text--cyan-200 { color: rgb(128,222,234) !important; }.mdl-color--cyan-200 { background-color: rgb(128,222,234) !important; }.mdl-color-text--cyan-300 { color: rgb(77,208,225) !important; }.mdl-color--cyan-300 { background-color: rgb(77,208,225) !important; }.mdl-color-text--cyan-400 { color: rgb(38,198,218) !important; }.mdl-color--cyan-400 { background-color: rgb(38,198,218) !important; }.mdl-color-text--cyan-500 { color: rgb(0,188,212) !important; }.mdl-color--cyan-500 { background-color: rgb(0,188,212) !important; }.mdl-color-text--cyan-600 { color: rgb(0,172,193) !important; }.mdl-color--cyan-600 { background-color: rgb(0,172,193) !important; }.mdl-color-text--cyan-700 { color: rgb(0,151,167) !important; }.mdl-color--cyan-700 { background-color: rgb(0,151,167) !important; }.mdl-color-text--cyan-800 { color: rgb(0,131,143) !important; }.mdl-color--cyan-800 { background-color: rgb(0,131,143) !important; }.mdl-color-text--cyan-900 { color: rgb(0,96,100) !important; }.mdl-color--cyan-900 { background-color: rgb(0,96,100) !important; }.mdl-color-text--cyan-A100 { color: rgb(132,255,255) !important; }.mdl-color--cyan-A100 { background-color: rgb(132,255,255) !important; }.mdl-color-text--cyan-A200 { color: rgb(24,255,255) !important; }.mdl-color--cyan-A200 { background-color: rgb(24,255,255) !important; }.mdl-color-text--cyan-A400 { color: rgb(0,229,255) !important; }.mdl-color--cyan-A400 { background-color: rgb(0,229,255) !important; }.mdl-color-text--cyan-A700 { color: rgb(0,184,212) !important; }.mdl-color--cyan-A700 { background-color: rgb(0,184,212) !important; }.mdl-color-text--teal { color: rgb(0,150,136) !important; }.mdl-color--teal { background-color: rgb(0,150,136) !important; }.mdl-color-text--teal-50 { color: rgb(224,242,241) !important; }.mdl-color--teal-50 { background-color: rgb(224,242,241) !important; }.mdl-color-text--teal-100 { color: rgb(178,223,219) !important; }.mdl-color--teal-100 { background-color: rgb(178,223,219) !important; }.mdl-color-text--teal-200 { color: rgb(128,203,196) !important; }.mdl-color--teal-200 { background-color: rgb(128,203,196) !important; }.mdl-color-text--teal-300 { color: rgb(77,182,172) !important; }.mdl-color--teal-300 { background-color: rgb(77,182,172) !important; }.mdl-color-text--teal-400 { color: rgb(38,166,154) !important; }.mdl-color--teal-400 { background-color: rgb(38,166,154) !important; }.mdl-color-text--teal-500 { color: rgb(0,150,136) !important; }.mdl-color--teal-500 { background-color: rgb(0,150,136) !important; }.mdl-color-text--teal-600 { color: rgb(0,137,123) !important; }.mdl-color--teal-600 { background-color: rgb(0,137,123) !important; }.mdl-color-text--teal-700 { color: rgb(0,121,107) !important; }.mdl-color--teal-700 { background-color: rgb(0,121,107) !important; }.mdl-color-text--teal-800 { color: rgb(0,105,92) !important; }.mdl-color--teal-800 { background-color: rgb(0,105,92) !important; }.mdl-color-text--teal-900 { color: rgb(0,77,64) !important; }.mdl-color--teal-900 { background-color: rgb(0,77,64) !important; }.mdl-color-text--teal-A100 { color: rgb(167,255,235) !important; }.mdl-color--teal-A100 { background-color: rgb(167,255,235) !important; }.mdl-color-text--teal-A200 { color: rgb(100,255,218) !important; }.mdl-color--teal-A200 { background-color: rgb(100,255,218) !important; }.mdl-color-text--teal-A400 { color: rgb(29,233,182) !important; }.mdl-color--teal-A400 { background-color: rgb(29,233,182) !important; }.mdl-color-text--teal-A700 { color: rgb(0,191,165) !important; }.mdl-color--teal-A700 { background-color: rgb(0,191,165) !important; }.mdl-color-text--green { color: rgb(76,175,80) !important; }.mdl-color--green { background-color: rgb(76,175,80) !important; }.mdl-color-text--green-50 { color: rgb(232,245,233) !important; }.mdl-color--green-50 { background-color: rgb(232,245,233) !important; }.mdl-color-text--green-100 { color: rgb(200,230,201) !important; }.mdl-color--green-100 { background-color: rgb(200,230,201) !important; }.mdl-color-text--green-200 { color: rgb(165,214,167) !important; }.mdl-color--green-200 { background-color: rgb(165,214,167) !important; }.mdl-color-text--green-300 { color: rgb(129,199,132) !important; }.mdl-color--green-300 { background-color: rgb(129,199,132) !important; }.mdl-color-text--green-400 { color: rgb(102,187,106) !important; }.mdl-color--green-400 { background-color: rgb(102,187,106) !important; }.mdl-color-text--green-500 { color: rgb(76,175,80) !important; }.mdl-color--green-500 { background-color: rgb(76,175,80) !important; }.mdl-color-text--green-600 { color: rgb(67,160,71) !important; }.mdl-color--green-600 { background-color: rgb(67,160,71) !important; }.mdl-color-text--green-700 { color: rgb(56,142,60) !important; }.mdl-color--green-700 { background-color: rgb(56,142,60) !important; }.mdl-color-text--green-800 { color: rgb(46,125,50) !important; }.mdl-color--green-800 { background-color: rgb(46,125,50) !important; }.mdl-color-text--green-900 { color: rgb(27,94,32) !important; }.mdl-color--green-900 { background-color: rgb(27,94,32) !important; }.mdl-color-text--green-A100 { color: rgb(185,246,202) !important; }.mdl-color--green-A100 { background-color: rgb(185,246,202) !important; }.mdl-color-text--green-A200 { color: rgb(105,240,174) !important; }.mdl-color--green-A200 { background-color: rgb(105,240,174) !important; }.mdl-color-text--green-A400 { color: rgb(0,230,118) !important; }.mdl-color--green-A400 { background-color: rgb(0,230,118) !important; }.mdl-color-text--green-A700 { color: rgb(0,200,83) !important; }.mdl-color--green-A700 { background-color: rgb(0,200,83) !important; }.mdl-color-text--light-green { color: rgb(139,195,74) !important; }.mdl-color--light-green { background-color: rgb(139,195,74) !important; }.mdl-color-text--light-green-50 { color: rgb(241,248,233) !important; }.mdl-color--light-green-50 { background-color: rgb(241,248,233) !important; }.mdl-color-text--light-green-100 { color: rgb(220,237,200) !important; }.mdl-color--light-green-100 { background-color: rgb(220,237,200) !important; }.mdl-color-text--light-green-200 { color: rgb(197,225,165) !important; }.mdl-color--light-green-200 { background-color: rgb(197,225,165) !important; }.mdl-color-text--light-green-300 { color: rgb(174,213,129) !important; }.mdl-color--light-green-300 { background-color: rgb(174,213,129) !important; }.mdl-color-text--light-green-400 { color: rgb(156,204,101) !important; }.mdl-color--light-green-400 { background-color: rgb(156,204,101) !important; }.mdl-color-text--light-green-500 { color: rgb(139,195,74) !important; }.mdl-color--light-green-500 { background-color: rgb(139,195,74) !important; }.mdl-color-text--light-green-600 { color: rgb(124,179,66) !important; }.mdl-color--light-green-600 { background-color: rgb(124,179,66) !important; }.mdl-color-text--light-green-700 { color: rgb(104,159,56) !important; }.mdl-color--light-green-700 { background-color: rgb(104,159,56) !important; }.mdl-color-text--light-green-800 { color: rgb(85,139,47) !important; }.mdl-color--light-green-800 { background-color: rgb(85,139,47) !important; }.mdl-color-text--light-green-900 { color: rgb(51,105,30) !important; }.mdl-color--light-green-900 { background-color: rgb(51,105,30) !important; }.mdl-color-text--light-green-A100 { color: rgb(204,255,144) !important; }.mdl-color--light-green-A100 { background-color: rgb(204,255,144) !important; }.mdl-color-text--light-green-A200 { color: rgb(178,255,89) !important; }.mdl-color--light-green-A200 { background-color: rgb(178,255,89) !important; }.mdl-color-text--light-green-A400 { color: rgb(118,255,3) !important; }.mdl-color--light-green-A400 { background-color: rgb(118,255,3) !important; }.mdl-color-text--light-green-A700 { color: rgb(100,221,23) !important; }.mdl-color--light-green-A700 { background-color: rgb(100,221,23) !important; }.mdl-color-text--lime { color: rgb(205,220,57) !important; }.mdl-color--lime { background-color: rgb(205,220,57) !important; }.mdl-color-text--lime-50 { color: rgb(249,251,231) !important; }.mdl-color--lime-50 { background-color: rgb(249,251,231) !important; }.mdl-color-text--lime-100 { color: rgb(240,244,195) !important; }.mdl-color--lime-100 { background-color: rgb(240,244,195) !important; }.mdl-color-text--lime-200 { color: rgb(230,238,156) !important; }.mdl-color--lime-200 { background-color: rgb(230,238,156) !important; }.mdl-color-text--lime-300 { color: rgb(220,231,117) !important; }.mdl-color--lime-300 { background-color: rgb(220,231,117) !important; }.mdl-color-text--lime-400 { color: rgb(212,225,87) !important; }.mdl-color--lime-400 { background-color: rgb(212,225,87) !important; }.mdl-color-text--lime-500 { color: rgb(205,220,57) !important; }.mdl-color--lime-500 { background-color: rgb(205,220,57) !important; }.mdl-color-text--lime-600 { color: rgb(192,202,51) !important; }.mdl-color--lime-600 { background-color: rgb(192,202,51) !important; }.mdl-color-text--lime-700 { color: rgb(175,180,43) !important; }.mdl-color--lime-700 { background-color: rgb(175,180,43) !important; }.mdl-color-text--lime-800 { color: rgb(158,157,36) !important; }.mdl-color--lime-800 { background-color: rgb(158,157,36) !important; }.mdl-color-text--lime-900 { color: rgb(130,119,23) !important; }.mdl-color--lime-900 { background-color: rgb(130,119,23) !important; }.mdl-color-text--lime-A100 { color: rgb(244,255,129) !important; }.mdl-color--lime-A100 { background-color: rgb(244,255,129) !important; }.mdl-color-text--lime-A200 { color: rgb(238,255,65) !important; }.mdl-color--lime-A200 { background-color: rgb(238,255,65) !important; }.mdl-color-text--lime-A400 { color: rgb(198,255,0) !important; }.mdl-color--lime-A400 { background-color: rgb(198,255,0) !important; }.mdl-color-text--lime-A700 { color: rgb(174,234,0) !important; }.mdl-color--lime-A700 { background-color: rgb(174,234,0) !important; }.mdl-color-text--yellow { color: rgb(255,235,59) !important; }.mdl-color--yellow { background-color: rgb(255,235,59) !important; }.mdl-color-text--yellow-50 { color: rgb(255,253,231) !important; }.mdl-color--yellow-50 { background-color: rgb(255,253,231) !important; }.mdl-color-text--yellow-100 { color: rgb(255,249,196) !important; }.mdl-color--yellow-100 { background-color: rgb(255,249,196) !important; }.mdl-color-text--yellow-200 { color: rgb(255,245,157) !important; }.mdl-color--yellow-200 { background-color: rgb(255,245,157) !important; }.mdl-color-text--yellow-300 { color: rgb(255,241,118) !important; }.mdl-color--yellow-300 { background-color: rgb(255,241,118) !important; }.mdl-color-text--yellow-400 { color: rgb(255,238,88) !important; }.mdl-color--yellow-400 { background-color: rgb(255,238,88) !important; }.mdl-color-text--yellow-500 { color: rgb(255,235,59) !important; }.mdl-color--yellow-500 { background-color: rgb(255,235,59) !important; }.mdl-color-text--yellow-600 { color: rgb(253,216,53) !important; }.mdl-color--yellow-600 { background-color: rgb(253,216,53) !important; }.mdl-color-text--yellow-700 { color: rgb(251,192,45) !important; }.mdl-color--yellow-700 { background-color: rgb(251,192,45) !important; }.mdl-color-text--yellow-800 { color: rgb(249,168,37) !important; }.mdl-color--yellow-800 { background-color: rgb(249,168,37) !important; }.mdl-color-text--yellow-900 { color: rgb(245,127,23) !important; }.mdl-color--yellow-900 { background-color: rgb(245,127,23) !important; }.mdl-color-text--yellow-A100 { color: rgb(255,255,141) !important; }.mdl-color--yellow-A100 { background-color: rgb(255,255,141) !important; }.mdl-color-text--yellow-A200 { color: rgb(255,255,0) !important; }.mdl-color--yellow-A200 { background-color: rgb(255,255,0) !important; }.mdl-color-text--yellow-A400 { color: rgb(255,234,0) !important; }.mdl-color--yellow-A400 { background-color: rgb(255,234,0) !important; }.mdl-color-text--yellow-A700 { color: rgb(255,214,0) !important; }.mdl-color--yellow-A700 { background-color: rgb(255,214,0) !important; }.mdl-color-text--amber { color: rgb(255,193,7) !important; }.mdl-color--amber { background-color: rgb(255,193,7) !important; }.mdl-color-text--amber-50 { color: rgb(255,248,225) !important; }.mdl-color--amber-50 { background-color: rgb(255,248,225) !important; }.mdl-color-text--amber-100 { color: rgb(255,236,179) !important; }.mdl-color--amber-100 { background-color: rgb(255,236,179) !important; }.mdl-color-text--amber-200 { color: rgb(255,224,130) !important; }.mdl-color--amber-200 { background-color: rgb(255,224,130) !important; }.mdl-color-text--amber-300 { color: rgb(255,213,79) !important; }.mdl-color--amber-300 { background-color: rgb(255,213,79) !important; }.mdl-color-text--amber-400 { color: rgb(255,202,40) !important; }.mdl-color--amber-400 { background-color: rgb(255,202,40) !important; }.mdl-color-text--amber-500 { color: rgb(255,193,7) !important; }.mdl-color--amber-500 { background-color: rgb(255,193,7) !important; }.mdl-color-text--amber-600 { color: rgb(255,179,0) !important; }.mdl-color--amber-600 { background-color: rgb(255,179,0) !important; }.mdl-color-text--amber-700 { color: rgb(255,160,0) !important; }.mdl-color--amber-700 { background-color: rgb(255,160,0) !important; }.mdl-color-text--amber-800 { color: rgb(255,143,0) !important; }.mdl-color--amber-800 { background-color: rgb(255,143,0) !important; }.mdl-color-text--amber-900 { color: rgb(255,111,0) !important; }.mdl-color--amber-900 { background-color: rgb(255,111,0) !important; }.mdl-color-text--amber-A100 { color: rgb(255,229,127) !important; }.mdl-color--amber-A100 { background-color: rgb(255,229,127) !important; }.mdl-color-text--amber-A200 { color: rgb(255,215,64) !important; }.mdl-color--amber-A200 { background-color: rgb(255,215,64) !important; }.mdl-color-text--amber-A400 { color: rgb(255,196,0) !important; }.mdl-color--amber-A400 { background-color: rgb(255,196,0) !important; }.mdl-color-text--amber-A700 { color: rgb(255,171,0) !important; }.mdl-color--amber-A700 { background-color: rgb(255,171,0) !important; }.mdl-color-text--orange { color: rgb(255,152,0) !important; }.mdl-color--orange { background-color: rgb(255,152,0) !important; }.mdl-color-text--orange-50 { color: rgb(255,243,224) !important; }.mdl-color--orange-50 { background-color: rgb(255,243,224) !important; }.mdl-color-text--orange-100 { color: rgb(255,224,178) !important; }.mdl-color--orange-100 { background-color: rgb(255,224,178) !important; }.mdl-color-text--orange-200 { color: rgb(255,204,128) !important; }.mdl-color--orange-200 { background-color: rgb(255,204,128) !important; }.mdl-color-text--orange-300 { color: rgb(255,183,77) !important; }.mdl-color--orange-300 { background-color: rgb(255,183,77) !important; }.mdl-color-text--orange-400 { color: rgb(255,167,38) !important; }.mdl-color--orange-400 { background-color: rgb(255,167,38) !important; }.mdl-color-text--orange-500 { color: rgb(255,152,0) !important; }.mdl-color--orange-500 { background-color: rgb(255,152,0) !important; }.mdl-color-text--orange-600 { color: rgb(251,140,0) !important; }.mdl-color--orange-600 { background-color: rgb(251,140,0) !important; }.mdl-color-text--orange-700 { color: rgb(245,124,0) !important; }.mdl-color--orange-700 { background-color: rgb(245,124,0) !important; }.mdl-color-text--orange-800 { color: rgb(239,108,0) !important; }.mdl-color--orange-800 { background-color: rgb(239,108,0) !important; }.mdl-color-text--orange-900 { color: rgb(230,81,0) !important; }.mdl-color--orange-900 { background-color: rgb(230,81,0) !important; }.mdl-color-text--orange-A100 { color: rgb(255,209,128) !important; }.mdl-color--orange-A100 { background-color: rgb(255,209,128) !important; }.mdl-color-text--orange-A200 { color: rgb(255,171,64) !important; }.mdl-color--orange-A200 { background-color: rgb(255,171,64) !important; }.mdl-color-text--orange-A400 { color: rgb(255,145,0) !important; }.mdl-color--orange-A400 { background-color: rgb(255,145,0) !important; }.mdl-color-text--orange-A700 { color: rgb(255,109,0) !important; }.mdl-color--orange-A700 { background-color: rgb(255,109,0) !important; }.mdl-color-text--deep-orange { color: rgb(255,87,34) !important; }.mdl-color--deep-orange { background-color: rgb(255,87,34) !important; }.mdl-color-text--deep-orange-50 { color: rgb(251,233,231) !important; }.mdl-color--deep-orange-50 { background-color: rgb(251,233,231) !important; }.mdl-color-text--deep-orange-100 { color: rgb(255,204,188) !important; }.mdl-color--deep-orange-100 { background-color: rgb(255,204,188) !important; }.mdl-color-text--deep-orange-200 { color: rgb(255,171,145) !important; }.mdl-color--deep-orange-200 { background-color: rgb(255,171,145) !important; }.mdl-color-text--deep-orange-300 { color: rgb(255,138,101) !important; }.mdl-color--deep-orange-300 { background-color: rgb(255,138,101) !important; }.mdl-color-text--deep-orange-400 { color: rgb(255,112,67) !important; }.mdl-color--deep-orange-400 { background-color: rgb(255,112,67) !important; }.mdl-color-text--deep-orange-500 { color: rgb(255,87,34) !important; }.mdl-color--deep-orange-500 { background-color: rgb(255,87,34) !important; }.mdl-color-text--deep-orange-600 { color: rgb(244,81,30) !important; }.mdl-color--deep-orange-600 { background-color: rgb(244,81,30) !important; }.mdl-color-text--deep-orange-700 { color: rgb(230,74,25) !important; }.mdl-color--deep-orange-700 { background-color: rgb(230,74,25) !important; }.mdl-color-text--deep-orange-800 { color: rgb(216,67,21) !important; }.mdl-color--deep-orange-800 { background-color: rgb(216,67,21) !important; }.mdl-color-text--deep-orange-900 { color: rgb(191,54,12) !important; }.mdl-color--deep-orange-900 { background-color: rgb(191,54,12) !important; }.mdl-color-text--deep-orange-A100 { color: rgb(255,158,128) !important; }.mdl-color--deep-orange-A100 { background-color: rgb(255,158,128) !important; }.mdl-color-text--deep-orange-A200 { color: rgb(255,110,64) !important; }.mdl-color--deep-orange-A200 { background-color: rgb(255,110,64) !important; }.mdl-color-text--deep-orange-A400 { color: rgb(255,61,0) !important; }.mdl-color--deep-orange-A400 { background-color: rgb(255,61,0) !important; }.mdl-color-text--deep-orange-A700 { color: rgb(221,44,0) !important; }.mdl-color--deep-orange-A700 { background-color: rgb(221,44,0) !important; }.mdl-color-text--brown { color: rgb(121,85,72) !important; }.mdl-color--brown { background-color: rgb(121,85,72) !important; }.mdl-color-text--brown-50 { color: rgb(239,235,233) !important; }.mdl-color--brown-50 { background-color: rgb(239,235,233) !important; }.mdl-color-text--brown-100 { color: rgb(215,204,200) !important; }.mdl-color--brown-100 { background-color: rgb(215,204,200) !important; }.mdl-color-text--brown-200 { color: rgb(188,170,164) !important; }.mdl-color--brown-200 { background-color: rgb(188,170,164) !important; }.mdl-color-text--brown-300 { color: rgb(161,136,127) !important; }.mdl-color--brown-300 { background-color: rgb(161,136,127) !important; }.mdl-color-text--brown-400 { color: rgb(141,110,99) !important; }.mdl-color--brown-400 { background-color: rgb(141,110,99) !important; }.mdl-color-text--brown-500 { color: rgb(121,85,72) !important; }.mdl-color--brown-500 { background-color: rgb(121,85,72) !important; }.mdl-color-text--brown-600 { color: rgb(109,76,65) !important; }.mdl-color--brown-600 { background-color: rgb(109,76,65) !important; }.mdl-color-text--brown-700 { color: rgb(93,64,55) !important; }.mdl-color--brown-700 { background-color: rgb(93,64,55) !important; }.mdl-color-text--brown-800 { color: rgb(78,52,46) !important; }.mdl-color--brown-800 { background-color: rgb(78,52,46) !important; }.mdl-color-text--brown-900 { color: rgb(62,39,35) !important; }.mdl-color--brown-900 { background-color: rgb(62,39,35) !important; }.mdl-color-text--grey { color: rgb(158,158,158) !important; }.mdl-color--grey { background-color: rgb(158,158,158) !important; }.mdl-color-text--grey-50 { color: rgb(250,250,250) !important; }.mdl-color--grey-50 { background-color: rgb(250,250,250) !important; }.mdl-color-text--grey-100 { color: rgb(245,245,245) !important; }.mdl-color--grey-100 { background-color: rgb(245,245,245) !important; }.mdl-color-text--grey-200 { color: rgb(238,238,238) !important; }.mdl-color--grey-200 { background-color: rgb(238,238,238) !important; }.mdl-color-text--grey-300 { color: rgb(224,224,224) !important; }.mdl-color--grey-300 { background-color: rgb(224,224,224) !important; }.mdl-color-text--grey-400 { color: rgb(189,189,189) !important; }.mdl-color--grey-400 { background-color: rgb(189,189,189) !important; }.mdl-color-text--grey-500 { color: rgb(158,158,158) !important; }.mdl-color--grey-500 { background-color: rgb(158,158,158) !important; }.mdl-color-text--grey-600 { color: rgb(117,117,117) !important; }.mdl-color--grey-600 { background-color: rgb(117,117,117) !important; }.mdl-color-text--grey-700 { color: rgb(97,97,97) !important; }.mdl-color--grey-700 { background-color: rgb(97,97,97) !important; }.mdl-color-text--grey-800 { color: rgb(66,66,66) !important; }.mdl-color--grey-800 { background-color: rgb(66,66,66) !important; }.mdl-color-text--grey-900 { color: rgb(33,33,33) !important; }.mdl-color--grey-900 { background-color: rgb(33,33,33) !important; }.mdl-color-text--blue-grey { color: rgb(96,125,139) !important; }.mdl-color--blue-grey { background-color: rgb(96,125,139) !important; }.mdl-color-text--blue-grey-50 { color: rgb(236,239,241) !important; }.mdl-color--blue-grey-50 { background-color: rgb(236,239,241) !important; }.mdl-color-text--blue-grey-100 { color: rgb(207,216,220) !important; }.mdl-color--blue-grey-100 { background-color: rgb(207,216,220) !important; }.mdl-color-text--blue-grey-200 { color: rgb(176,190,197) !important; }.mdl-color--blue-grey-200 { background-color: rgb(176,190,197) !important; }.mdl-color-text--blue-grey-300 { color: rgb(144,164,174) !important; }.mdl-color--blue-grey-300 { background-color: rgb(144,164,174) !important; }.mdl-color-text--blue-grey-400 { color: rgb(120,144,156) !important; }.mdl-color--blue-grey-400 { background-color: rgb(120,144,156) !important; }.mdl-color-text--blue-grey-500 { color: rgb(96,125,139) !important; }.mdl-color--blue-grey-500 { background-color: rgb(96,125,139) !important; }.mdl-color-text--blue-grey-600 { color: rgb(84,110,122) !important; }.mdl-color--blue-grey-600 { background-color: rgb(84,110,122) !important; }.mdl-color-text--blue-grey-700 { color: rgb(69,90,100) !important; }.mdl-color--blue-grey-700 { background-color: rgb(69,90,100) !important; }.mdl-color-text--blue-grey-800 { color: rgb(55,71,79) !important; }.mdl-color--blue-grey-800 { background-color: rgb(55,71,79) !important; }.mdl-color-text--blue-grey-900 { color: rgb(38,50,56) !important; }.mdl-color--blue-grey-900 { background-color: rgb(38,50,56) !important; }.mdl-color--black { background-color: rgb(0,0,0) !important; }.mdl-color-text--black { color: rgb(0,0,0) !important; }.mdl-color--white { background-color: rgb(255,255,255) !important; }.mdl-color-text--white { color: rgb(255,255,255) !important; }.mdl-color--primary { background-color: rgb(63,81,181) !important; }.mdl-color--primary-contrast { background-color: rgb(255,255,255) !important; }.mdl-color--primary-dark { background-color: rgb(48,63,159) !important; }.mdl-color--accent { background-color: rgb(255,64,129) !important; }.mdl-color--accent-contrast { background-color: rgb(255,255,255) !important; }.mdl-color-text--primary { color: rgb(63,81,181) !important; }.mdl-color-text--primary-contrast { color: rgb(255,255,255) !important; }.mdl-color-text--primary-dark { color: rgb(48,63,159) !important; }.mdl-color-text--accent { color: rgb(255,64,129) !important; }.mdl-color-text--accent-contrast { color: rgb(255,255,255) !important; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-ripple { background: rgb(0,0,0); border-radius: 50%; height: 50px; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transform: translate(-50%, -50%); width: 50px; overflow: hidden; }.mdl-ripple.is-animating { transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1); }.mdl-ripple.is-visible { opacity: 0.3; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-animation--default { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }.mdl-animation--fast-out-slow-in { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }.mdl-animation--linear-out-slow-in { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }.mdl-animation--fast-out-linear-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-badge { position: relative; white-space: nowrap; margin-right: 24px; }.mdl-badge:not([data-badge]) { margin-right: auto; }.mdl-badge[data-badge]:after { content: attr(data-badge); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; position: absolute; top: -11px; right: -24px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 600; font-size: 12px; width: 22px; height: 22px; border-radius: 50%; background: rgb(255,64,129); color: rgb(255,255,255); }.mdl-button .mdl-badge[data-badge]:after { top: -10px; right: -5px; }.mdl-badge.mdl-badge--no-background[data-badge]:after { color: rgb(255,64,129); background: rgba(255,255,255,0.2); box-shadow: 0 0 1px gray; }.mdl-badge.mdl-badge--overlap { margin-right: 10px; }.mdl-badge.mdl-badge--overlap:after { right: -10px; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-button { background: transparent; border: none; border-radius: 2px; color: rgb(0,0,0); position: relative; height: 36px; margin: 0; min-width: 64px; padding: 0 16px; display: inline-block; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: 0; overflow: hidden; will-change: box-shadow; 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: none; cursor: pointer; text-decoration: none; text-align: center; line-height: 36px; vertical-align: middle; }.mdl-button::-moz-focus-inner { border: 0; }.mdl-button:hover { background-color: rgba(158,158,158, 0.20); }.mdl-button:focus:not(:active) { background-color: rgba(0,0,0, 0.12); }.mdl-button:active { background-color: rgba(158,158,158, 0.40); }.mdl-button.mdl-button--colored { color: rgb(63,81,181); }.mdl-button.mdl-button--colored:focus:not(:active) { background-color: rgba(0,0,0, 0.12); }input.mdl-button[type="submit"] { -webkit-appearance: none; }.mdl-button--raised { background: rgba(158,158,158, 0.20); 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); }.mdl-button--raised:active { 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); background-color: rgba(158,158,158, 0.40); }.mdl-button--raised:focus:not(:active) { box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); background-color: rgba(158,158,158, 0.40); }.mdl-button--raised.mdl-button--colored { background: rgb(63,81,181); color: rgb(255,255,255); }.mdl-button--raised.mdl-button--colored:hover { background-color: rgb(63,81,181); }.mdl-button--raised.mdl-button--colored:active { background-color: rgb(63,81,181); }.mdl-button--raised.mdl-button--colored:focus:not(:active) { background-color: rgb(63,81,181); }.mdl-button--raised.mdl-button--colored .mdl-ripple { background: rgb(255,255,255); }.mdl-button--fab { border-radius: 50%; font-size: 24px; height: 56px; margin: auto; min-width: 56px; width: 56px; padding: 0; overflow: hidden; background: rgba(158,158,158, 0.20); 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; }.mdl-button--fab .material-icons { position: absolute; top: 50%; left: 50%; transform: translate(-12px, -12px); line-height: 24px; width: 24px; }.mdl-button--fab.mdl-button--mini-fab { height: 40px; min-width: 40px; width: 40px; }.mdl-button--fab .mdl-button__ripple-container { border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }.mdl-button--fab:active { 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); background-color: rgba(158,158,158, 0.40); }.mdl-button--fab:focus:not(:active) { box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); background-color: rgba(158,158,158, 0.40); }.mdl-button--fab.mdl-button--colored { background: rgb(255,64,129); color: rgb(255,255,255); }.mdl-button--fab.mdl-button--colored:hover { background-color: rgb(255,64,129); }.mdl-button--fab.mdl-button--colored:focus:not(:active) { background-color: rgb(255,64,129); }.mdl-button--fab.mdl-button--colored:active { background-color: rgb(255,64,129); }.mdl-button--fab.mdl-button--colored .mdl-ripple { background: rgb(255,255,255); }.mdl-button--icon { border-radius: 50%; font-size: 24px; height: 32px; margin-left: 0; margin-right: 0; min-width: 32px; width: 32px; padding: 0; overflow: hidden; color: inherit; line-height: normal; }.mdl-button--icon .material-icons { position: absolute; top: 50%; left: 50%; transform: translate(-12px, -12px); line-height: 24px; width: 24px; }.mdl-button--icon.mdl-button--mini-icon { height: 24px; min-width: 24px; width: 24px; }.mdl-button--icon.mdl-button--mini-icon .material-icons { top: 0px; left: 0px; }.mdl-button--icon .mdl-button__ripple-container { border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }.mdl-button__ripple-container { display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; overflow: hidden; }.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple, .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple { background-color: transparent; }.mdl-button--primary.mdl-button--primary { color: rgb(63,81,181); }.mdl-button--primary.mdl-button--primary .mdl-ripple { background: rgb(255,255,255); }.mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab { color: rgb(255,255,255); background-color: rgb(63,81,181); }.mdl-button--accent.mdl-button--accent { color: rgb(255,64,129); }.mdl-button--accent.mdl-button--accent .mdl-ripple { background: rgb(255,255,255); }.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab { color: rgb(255,255,255); background-color: rgb(255,64,129); }.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled { color: rgba(0,0,0, 0.26); cursor: default; background-color: transparent; }.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled { background-color: rgba(0,0,0, 0.12); color: rgba(0,0,0, 0.26); }.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled { background-color: rgba(0,0,0, 0.12); color: rgba(0,0,0, 0.26); box-shadow: none; }.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled { color: rgba(0,0,0, 0.26); }.mdl-button .material-icons { vertical-align: middle; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-card { display: flex; flex-direction: column; font-size: 16px; font-weight: 400; min-height: 200px; overflow: hidden; width: 330px; z-index: 1; position: relative; background: rgb(255,255,255); border-radius: 2px; box-sizing: border-box; }.mdl-card__media { background-color: rgb(255,64,129); background-repeat: repeat; background-position: 50% 50%; background-size: cover; background-origin: padding-box; background-attachment: scroll; box-sizing: border-box; }.mdl-card__title { align-items: center; color: rgb(0,0,0); display: block; display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px; perspective-origin: 165px 56px; transform-origin: 165px 56px; box-sizing: border-box; }.mdl-card__title.mdl-card--border { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }.mdl-card__title-text { align-self: flex-end; color: inherit; display: block; display: flex; font-size: 24px; font-weight: 300; line-height: normal; overflow: hidden; transform-origin: 149px 48px; margin: 0; }.mdl-card__subtitle-text { font-size: 14px; color: rgba(0,0,0, 0.54); margin: 0; }.mdl-card__supporting-text { color: rgba(0,0,0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px 16px; width: 90%; }.mdl-card__supporting-text.mdl-card--border { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }.mdl-card__actions { font-size: 16px; line-height: normal; width: 100%; background-color: transparent; padding: 8px; box-sizing: border-box; }.mdl-card__actions.mdl-card--border { border-top: 1px solid rgba(0, 0, 0, 0.1); }.mdl-card--expand { flex-grow: 1; }.mdl-card__menu { position: absolute; right: 16px; top: 16px; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-checkbox { position: relative; z-index: 1; vertical-align: middle; display: inline-block; box-sizing: border-box; width: 100%; height: 24px; margin: 0; padding: 0; }.mdl-checkbox.is-upgraded { padding-left: 24px; }.mdl-checkbox__input { line-height: 24px; }.mdl-checkbox.is-upgraded .mdl-checkbox__input { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; }.mdl-checkbox__box-outline { position: absolute; top: 3px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; margin: 0; cursor: pointer; overflow: hidden; border: 2px solid rgba(0,0,0, 0.54); border-radius: 2px; z-index: 2; }.mdl-checkbox.is-checked .mdl-checkbox__box-outline { border: 2px solid rgb(63,81,181); }fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox.is-disabled .mdl-checkbox__box-outline { border: 2px solid rgba(0,0,0, 0.26); cursor: auto; }.mdl-checkbox__focus-helper { position: absolute; top: 3px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; border-radius: 50%; background-color: transparent; }.mdl-checkbox.is-focused .mdl-checkbox__focus-helper { box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1); }.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper { box-shadow: 0 0 0px 8px rgba(63,81,181, 0.26); background-color: rgba(63,81,181, 0.26); }.mdl-checkbox__tick-outline { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==); mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==); background: transparent; transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: background; }.mdl-checkbox.is-checked .mdl-checkbox__tick-outline { background: rgb(63,81,181) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K); }fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline { background: rgba(0,0,0, 0.26) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K); }.mdl-checkbox__label { position: relative; cursor: pointer; font-size: 16px; line-height: 24px; margin: 0; }fieldset[disabled] .mdl-checkbox .mdl-checkbox__label, .mdl-checkbox.is-disabled .mdl-checkbox__label { color: rgba(0,0,0, 0.26); cursor: auto; }.mdl-checkbox__ripple-container { position: absolute; z-index: 2; top: -6px; left: -10px; box-sizing: border-box; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }.mdl-checkbox__ripple-container .mdl-ripple { background: rgb(63,81,181); }fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container, .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container { cursor: auto; }fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple, .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple { background: transparent; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-chip { height: 32px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: 32px; padding: 0 12px; border: 0; border-radius: 16px; background-color: #dedede; display: inline-block; color: rgba(0,0,0, 0.87); margin: 2px 0; font-size: 0; white-space: nowrap; }.mdl-chip__text { font-size: 13px; vertical-align: middle; display: inline-block; }.mdl-chip__action { height: 24px; width: 24px; background: transparent; opacity: 0.54; display: inline-block; cursor: pointer; text-align: center; vertical-align: middle; padding: 0; margin: 0 0 0 4px; font-size: 13px; text-decoration: none; color: rgba(0,0,0, 0.87); border: none; outline: none; overflow: hidden; }.mdl-chip__contact { height: 32px; width: 32px; border-radius: 16px; display: inline-block; vertical-align: middle; margin-right: 8px; overflow: hidden; text-align: center; font-size: 18px; line-height: 32px; }.mdl-chip:focus { outline: 0; 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); }.mdl-chip:active { background-color: #d6d6d6; }.mdl-chip--deletable { padding-right: 4px; }.mdl-chip--contact { padding-left: 0; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-data-table { position: relative; border: 1px solid rgba(0, 0, 0, 0.12); border-collapse: collapse; white-space: nowrap; font-size: 13px; background-color: rgb(255,255,255); }.mdl-data-table thead { padding-bottom: 3px; }.mdl-data-table thead .mdl-data-table__select { margin-top: 0; }.mdl-data-table tbody tr { position: relative; height: 48px; transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: background-color; }.mdl-data-table tbody tr.is-selected { background-color: #e0e0e0; }.mdl-data-table tbody tr:hover { background-color: #eeeeee; }.mdl-data-table td, .mdl-data-table th { padding: 0 18px 12px 18px; text-align: right; }.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type { padding-left: 24px; }.mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type { padding-right: 24px; }.mdl-data-table td { position: relative; vertical-align: middle; height: 48px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding-top: 12px; box-sizing: border-box; }.mdl-data-table td .mdl-data-table__select { vertical-align: middle; }.mdl-data-table th { position: relative; vertical-align: bottom; text-overflow: ellipsis; font-size: 14px; font-weight: bold; line-height: 24px; letter-spacing: 0; height: 48px; font-size: 12px; color: rgba(0, 0, 0, 0.54); padding-bottom: 8px; box-sizing: border-box; }.mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending { color: rgba(0, 0, 0, 0.87); }.mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: 'liga'; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; font-size: 16px; content: "\e5d8"; margin-right: 5px; vertical-align: sub; }.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover { cursor: pointer; }.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before { color: rgba(0, 0, 0, 0.26); }.mdl-data-table th.mdl-data-table__header--sorted-descending:before { content: "\e5db"; }.mdl-data-table__select { width: 16px; }.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric { text-align: left; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-dialog { border: none; box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); width: 280px; }.mdl-dialog__title { padding: 24px 24px 0; margin: 0; font-size: 2.5rem; }.mdl-dialog__actions { padding: 8px 8px 8px 24px; display: flex; flex-direction: row-reverse; flex-wrap: wrap; }.mdl-dialog__actions > * { margin-right: 8px; height: 36px; }.mdl-dialog__actions > *:first-child { margin-right: 0; }.mdl-dialog__actions--full-width { padding: 0 0 8px 0; }.mdl-dialog__actions--full-width > * { height: 48px; flex: 0 0 100%; padding-right: 16px; margin-right: 0; text-align: right; }.mdl-dialog__content { padding: 20px 24px 24px 24px; color: rgba(0,0,0, 0.54); }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-mega-footer { padding: 16px 40px; color: rgb(158,158,158); background-color: rgb(66,66,66); }.mdl-mega-footer--top-section:after, .mdl-mega-footer--middle-section:after, .mdl-mega-footer--bottom-section:after, .mdl-mega-footer__top-section:after, .mdl-mega-footer__middle-section:after, .mdl-mega-footer__bottom-section:after { content: ''; display: block; clear: both; }.mdl-mega-footer--left-section, .mdl-mega-footer__left-section { margin-bottom: 16px; }.mdl-mega-footer--right-section, .mdl-mega-footer__right-section { margin-bottom: 16px; }.mdl-mega-footer--right-section a, .mdl-mega-footer__right-section a { display: block; margin-bottom: 16px; color: inherit; text-decoration: none; }@media screen and (min-width: 760px) { .mdl-mega-footer--left-section, .mdl-mega-footer__left-section { float: left; } .mdl-mega-footer--right-section, .mdl-mega-footer__right-section { float: right; } .mdl-mega-footer--right-section a, .mdl-mega-footer__right-section a { display: inline-block; margin-left: 16px; line-height: 36px; vertical-align: middle; } }.mdl-mega-footer--social-btn, .mdl-mega-footer__social-btn { width: 36px; height: 36px; padding: 0; margin: 0; background-color: rgb(158,158,158); border: none; }.mdl-mega-footer--drop-down-section, .mdl-mega-footer__drop-down-section { display: block; position: relative; }@media screen and (min-width: 760px) { .mdl-mega-footer--drop-down-section, .mdl-mega-footer__drop-down-section { width: 33%; } .mdl-mega-footer--drop-down-section:nth-child(1), .mdl-mega-footer--drop-down-section:nth-child(2), .mdl-mega-footer__drop-down-section:nth-child(1), .mdl-mega-footer__drop-down-section:nth-child(2) { float: left; } .mdl-mega-footer--drop-down-section:nth-child(3), .mdl-mega-footer__drop-down-section:nth-child(3) { float: right; } .mdl-mega-footer--drop-down-section:nth-child(3):after, .mdl-mega-footer__drop-down-section:nth-child(3):after { clear: right; } .mdl-mega-footer--drop-down-section:nth-child(4), .mdl-mega-footer__drop-down-section:nth-child(4) { clear: right; float: right; } .mdl-mega-footer--middle-section:after, .mdl-mega-footer__middle-section:after { content: ''; display: block; clear: both; } .mdl-mega-footer--bottom-section, .mdl-mega-footer__bottom-section { padding-top: 0; } }@media screen and (min-width: 1024px) { .mdl-mega-footer--drop-down-section, .mdl-mega-footer--drop-down-section:nth-child(3), .mdl-mega-footer--drop-down-section:nth-child(4), .mdl-mega-footer__drop-down-section, .mdl-mega-footer__drop-down-section:nth-child(3), .mdl-mega-footer__drop-down-section:nth-child(4) { width: 24%; float: left; } }.mdl-mega-footer--heading-checkbox, .mdl-mega-footer__heading-checkbox { position: absolute; width: 100%; height: 55.8px; padding: 32px; margin: 0; margin-top: -16px; cursor: pointer; z-index: 1; opacity: 0; }.mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after { font-family: 'Material Icons'; content: '\E5CE'; }.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list { display: none; }.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after { font-family: 'Material Icons'; content: '\E5CF'; }.mdl-mega-footer--heading, .mdl-mega-footer__heading { position: relative; width: 100%; padding-right: 39.8px; margin-bottom: 16px; box-sizing: border-box; font-size: 14px; line-height: 23.8px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: rgb(224,224,224); }.mdl-mega-footer--heading:after, .mdl-mega-footer__heading:after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 23.8px; height: 23.8px; background-size: cover; }.mdl-mega-footer--link-list, .mdl-mega-footer__link-list { list-style: none; margin: 0; padding: 0; margin-bottom: 32px; }.mdl-mega-footer--link-list:after, .mdl-mega-footer__link-list:after { clear: both; display: block; content: ''; }.mdl-mega-footer--link-list li, .mdl-mega-footer__link-list li { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; line-height: 20px; }.mdl-mega-footer--link-list a, .mdl-mega-footer__link-list a { color: inherit; text-decoration: none; white-space: nowrap; }@media screen and (min-width: 760px) { .mdl-mega-footer--heading-checkbox, .mdl-mega-footer__heading-checkbox { display: none; } .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after { content: ''; } .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list { display: block; } .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after { content: ''; } }.mdl-mega-footer--bottom-section, .mdl-mega-footer__bottom-section { padding-top: 16px; margin-bottom: 16px; }.mdl-logo { margin-bottom: 16px; color: white; }.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li, .mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li { float: left; margin-bottom: 0; margin-right: 16px; }@media screen and (min-width: 760px) { .mdl-logo { float: left; margin-bottom: 0; margin-right: 16px; } }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-mini-footer { display: flex; flex-flow: row wrap; justify-content: space-between; padding: 32px 16px; color: rgb(158,158,158); background-color: rgb(66,66,66); }.mdl-mini-footer:after { content: ''; display: block; }.mdl-mini-footer .mdl-logo { line-height: 36px; }.mdl-mini-footer--link-list, .mdl-mini-footer__link-list { display: flex; flex-flow: row nowrap; list-style: none; margin: 0; padding: 0; }.mdl-mini-footer--link-list li, .mdl-mini-footer__link-list li { margin-bottom: 0; margin-right: 16px; }@media screen and (min-width: 760px) { .mdl-mini-footer--link-list li, .mdl-mini-footer__link-list li { line-height: 36px; } }.mdl-mini-footer--link-list a, .mdl-mini-footer__link-list a { color: inherit; text-decoration: none; white-space: nowrap; }.mdl-mini-footer--left-section, .mdl-mini-footer__left-section { display: inline-block; order: 0; }.mdl-mini-footer--right-section, .mdl-mini-footer__right-section { display: inline-block; order: 1; }.mdl-mini-footer--social-btn, .mdl-mini-footer__social-btn { width: 36px; height: 36px; padding: 0; margin: 0; background-color: rgb(158,158,158); border: none; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-icon-toggle { position: relative; z-index: 1; vertical-align: middle; display: inline-block; height: 32px; margin: 0; padding: 0; }.mdl-icon-toggle__input { line-height: 32px; }.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; }.mdl-icon-toggle__label { display: inline-block; position: relative; cursor: pointer; height: 32px; width: 32px; min-width: 32px; color: rgb(97,97,97); border-radius: 50%; padding: 0; margin-left: 0; margin-right: 0; text-align: center; background-color: transparent; will-change: background-color; transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }.mdl-icon-toggle__label.material-icons { line-height: 32px; font-size: 24px; }.mdl-icon-toggle.is-checked .mdl-icon-toggle__label { color: rgb(63,81,181); }.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label { color: rgba(0,0,0, 0.26); cursor: auto; transition: none; }.mdl-icon-toggle.is-focused .mdl-icon-toggle__label { background-color: rgba(0,0,0, 0.12); }.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label { background-color: rgba(63,81,181, 0.26); }.mdl-icon-toggle__ripple-container { position: absolute; z-index: 2; top: -2px; left: -2px; box-sizing: border-box; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }.mdl-icon-toggle__ripple-container .mdl-ripple { background: rgb(97,97,97); }.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container { cursor: auto; }.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple { background: transparent; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-list { display: block; padding: 8px 0; list-style: none; }.mdl-list__item { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.04em; line-height: 1; display: flex; min-height: 48px; box-sizing: border-box; flex-direction: row; flex-wrap: nowrap; align-items: center; padding: 16px; cursor: default; color: rgba(0,0,0, 0.87); overflow: hidden; }.mdl-list__item .mdl-list__item-primary-content { order: 0; flex-grow: 2; text-decoration: none; box-sizing: border-box; display: flex; align-items: center; }.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon { margin-right: 32px; }.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar { margin-right: 16px; }.mdl-list__item .mdl-list__item-secondary-content { display: flex; flex-flow: column; align-items: flex-end; margin-left: 16px; }.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label { display: inline; }.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info { font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; color: rgba(0,0,0, 0.54); }.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header { padding: 0 0 0 16px; }.mdl-list__item-icon, .mdl-list__item-icon.material-icons { height: 24px; width: 24px; font-size: 24px; box-sizing: border-box; color: rgb(117,117,117); }.mdl-list__item-avatar, .mdl-list__item-avatar.material-icons { height: 40px; width: 40px; box-sizing: border-box; border-radius: 50%; background-color: rgb(117,117,117); font-size: 40px; color: white; }.mdl-list__item--two-line { height: 72px; }.mdl-list__item--two-line .mdl-list__item-primary-content { height: 36px; line-height: 20px; display: block; }.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar { float: left; }.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon { float: left; margin-top: 6px; }.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content { height: 36px; }.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; line-height: 18px; color: rgba(0,0,0, 0.54); display: block; padding: 0; }.mdl-list__item--three-line { height: 88px; }.mdl-list__item--three-line .mdl-list__item-primary-content { height: 52px; line-height: 20px; display: block; }.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar, .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon { float: left; }.mdl-list__item--three-line .mdl-list__item-secondary-content { height: 52px; }.mdl-list__item--three-line .mdl-list__item-text-body { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; line-height: 18px; height: 52px; color: rgba(0,0,0, 0.54); display: block; padding: 0; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-menu__container { display: block; margin: 0; padding: 0; border: none; position: absolute; overflow: visible; height: 0; width: 0; visibility: hidden; z-index: -1; }.mdl-menu__container.is-visible, .mdl-menu__container.is-animating { z-index: 999; visibility: visible; }.mdl-menu__outline { display: block; background: rgb(255,255,255); margin: 0; padding: 0; border: none; border-radius: 2px; position: absolute; top: 0; left: 0; overflow: hidden; opacity: 0; transform: scale(0); transform-origin: 0 0; 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); will-change: transform; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); z-index: -1; }.mdl-menu__container.is-visible .mdl-menu__outline { opacity: 1; transform: scale(1); z-index: 999; }.mdl-menu__outline.mdl-menu--bottom-right { transform-origin: 100% 0; }.mdl-menu__outline.mdl-menu--top-left { transform-origin: 0 100%; }.mdl-menu__outline.mdl-menu--top-right { transform-origin: 100% 100%; }.mdl-menu { position: absolute; list-style: none; top: 0; left: 0; height: auto; width: auto; min-width: 124px; padding: 8px 0; margin: 0; opacity: 0; clip: rect(0 0 0 0); z-index: -1; }.mdl-menu__container.is-visible .mdl-menu { opacity: 1; z-index: 999; }.mdl-menu.is-animating { transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1); }.mdl-menu.mdl-menu--bottom-right { left: auto; right: 0; }.mdl-menu.mdl-menu--top-left { top: auto; bottom: 0; }.mdl-menu.mdl-menu--top-right { top: auto; left: auto; bottom: 0; right: 0; }.mdl-menu.mdl-menu--unaligned { top: auto; left: auto; }.mdl-menu__item { display: block; border: none; color: rgba(0,0,0, 0.87); background-color: transparent; text-align: left; margin: 0; padding: 0 16px; outline-color: rgb(189,189,189); position: relative; overflow: hidden; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; text-decoration: none; cursor: pointer; height: 48px; line-height: 48px; white-space: nowrap; opacity: 0; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; -moz-user-select: none; user-select: none; }.mdl-menu__container.is-visible .mdl-menu__item { opacity: 1; }.mdl-menu__item::-moz-focus-inner { border: 0; }.mdl-menu__item--full-bleed-divider { border-bottom: 1px solid rgba(0,0,0, 0.12); }.mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] { color: rgb(189,189,189); background-color: transparent; cursor: auto; }.mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover { background-color: transparent; }.mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus { background-color: transparent; }.mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple { background: transparent; }.mdl-menu__item:hover { background-color: rgb(238,238,238); }.mdl-menu__item:focus { outline: none; background-color: rgb(238,238,238); }.mdl-menu__item:active { background-color: rgb(224,224,224); }.mdl-menu__item--ripple-container { display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; overflow: hidden; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-progress { display: block; position: relative; height: 4px; width: 500px; max-width: 100%; }.mdl-progress > .bar { display: block; position: absolute; top: 0; bottom: 0; width: 0%; transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); }.mdl-progress > .progressbar { background-color: rgb(63,81,181); z-index: 1; left: 0; }.mdl-progress > .bufferbar { background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); z-index: 0; left: 0; }.mdl-progress > .auxbar { right: 0; }@supports (-webkit-appearance: none) { .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar { background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=); mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=); } }.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate) > .auxbar { background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); }.mdl-progress.mdl-progress--indeterminate > .bar1, .mdl-progress.mdl-progress__indeterminate > .bar1 { background-color: rgb(63,81,181); animation-name: indeterminate1; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; }.mdl-progress.mdl-progress--indeterminate > .bar3, .mdl-progress.mdl-progress__indeterminate > .bar3 { background-image: none; background-color: rgb(63,81,181); animation-name: indeterminate2; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; }@keyframes indeterminate1 { 0% { left: 0%; width: 0%; } 50% { left: 25%; width: 75%; } 75% { left: 100%; width: 0%; } }@keyframes indeterminate2 { 0% { left: 0%; width: 0%; } 50% { left: 0%; width: 0%; } 75% { left: 0%; width: 25%; } 100% { left: 100%; width: 0%; } }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-navigation { display: flex; flex-wrap: nowrap; box-sizing: border-box; }.mdl-navigation__link { color: rgb(66,66,66); text-decoration: none; margin: 0; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; opacity: 0.87; }.mdl-navigation__link .material-icons { vertical-align: middle; }.mdl-layout { width: 100%; height: 100%; display: flex; flex-direction: column; overflow-y: auto; overflow-x: hidden; position: relative; -webkit-overflow-scrolling: touch; }.mdl-layout.is-small-screen .mdl-layout--large-screen-only { display: none; }.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only { display: none; }.mdl-layout__container { position: absolute; width: 100%; height: 100%; }.mdl-layout__title, .mdl-layout-title { display: block; position: relative; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: 0.02em; font-weight: 400; box-sizing: border-box; }.mdl-layout-spacer { flex-grow: 1; }.mdl-layout__drawer { display: flex; flex-direction: column; flex-wrap: nowrap; width: 240px; height: 100%; max-height: 100%; position: absolute; top: 0; left: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; border-right: 1px solid rgb(224,224,224); background: rgb(250,250,250); transform: translateX(-250px); transform-style: preserve-3d; will-change: transform; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform; color: rgb(66,66,66); overflow: visible; overflow-y: auto; z-index: 5; }.mdl-layout__drawer.is-visible { transform: translateX(0); }.mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content { overflow: hidden; }.mdl-layout__drawer > * { flex-shrink: 0; }.mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title { line-height: 64px; padding-left: 40px; }@media screen and (max-width: 1024px) { .mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title { line-height: 56px; padding-left: 16px; } }.mdl-layout__drawer .mdl-navigation { flex-direction: column; align-items: stretch; padding-top: 16px; }.mdl-layout__drawer .mdl-navigation .mdl-navigation__link { display: block; flex-shrink: 0; padding: 16px 40px; margin: 0; color: #757575; }@media screen and (max-width: 1024px) { .mdl-layout__drawer .mdl-navigation .mdl-navigation__link { padding: 16px 16px; } }.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover { background-color: rgb(224,224,224); }.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current { background-color: rgb(224,224,224); color: rgb(0,0,0); }@media screen and (min-width: 1025px) { .mdl-layout--fixed-drawer > .mdl-layout__drawer { transform: translateX(0); } }.mdl-layout__drawer-button { display: block; position: absolute; height: 48px; width: 48px; border: 0; flex-shrink: 0; overflow: hidden; text-align: center; cursor: pointer; font-size: 26px; line-height: 56px; font-family: Helvetica, Arial, sans-serif; margin: 8px 12px; top: 0; left: 0; color: rgb(255,255,255); z-index: 4; }.mdl-layout__header .mdl-layout__drawer-button { position: absolute; color: rgb(255,255,255); background-color: inherit; }@media screen and (max-width: 1024px) { .mdl-layout__header .mdl-layout__drawer-button { margin: 4px; } }@media screen and (max-width: 1024px) { .mdl-layout__drawer-button { margin: 4px; color: rgba(0, 0, 0, 0.5); } }@media screen and (min-width: 1025px) { .mdl-layout__drawer-button { line-height: 54px; } .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button, .mdl-layout--fixed-drawer > .mdl-layout__drawer-button, .mdl-layout--no-drawer-button .mdl-layout__drawer-button { display: none; } }.mdl-layout__header { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; box-sizing: border-box; flex-shrink: 0; width: 100%; margin: 0; padding: 0; border: none; min-height: 64px; max-height: 1000px; z-index: 3; background-color: rgb(63,81,181); color: rgb(255,255,255); 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); transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: max-height, box-shadow; }@media screen and (max-width: 1024px) { .mdl-layout__header { min-height: 56px; } }.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header { margin-left: 240px; width: calc(100% - 240px); }@media screen and (min-width: 1025px) { .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row { padding-left: 40px; } }.mdl-layout__header > .mdl-layout-icon { position: absolute; left: 40px; top: 16px; height: 32px; width: 32px; overflow: hidden; z-index: 3; display: block; }@media screen and (max-width: 1024px) { .mdl-layout__header > .mdl-layout-icon { left: 16px; top: 12px; } }.mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon { display: none; }.mdl-layout__header.is-compact { max-height: 64px; }@media screen and (max-width: 1024px) { .mdl-layout__header.is-compact { max-height: 56px; } }.mdl-layout__header.is-compact.has-tabs { height: 112px; }@media screen and (max-width: 1024px) { .mdl-layout__header.is-compact.has-tabs { min-height: 104px; } }@media screen and (max-width: 1024px) { .mdl-layout__header { display: none; } .mdl-layout--fixed-header > .mdl-layout__header { display: flex; } }.mdl-layout__header--transparent.mdl-layout__header--transparent { background-color: transparent; box-shadow: none; }.mdl-layout__header--seamed { box-shadow: none; }.mdl-layout__header--scroll { box-shadow: none; }.mdl-layout__header--waterfall { box-shadow: none; overflow: hidden; }.mdl-layout__header--waterfall.is-casting-shadow { 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); }.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top { justify-content: flex-end; }.mdl-layout__header-row { display: flex; flex-direction: row; flex-wrap: nowrap; flex-shrink: 0; box-sizing: border-box; align-self: stretch; align-items: center; height: 64px; margin: 0; padding: 0 40px 0 80px; }.mdl-layout--no-drawer-button .mdl-layout__header-row { padding-left: 40px; }@media screen and (min-width: 1025px) { .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row { padding-left: 40px; } }@media screen and (max-width: 1024px) { .mdl-layout__header-row { height: 56px; padding: 0 16px 0 72px; } .mdl-layout--no-drawer-button .mdl-layout__header-row { padding-left: 16px; } }.mdl-layout__header-row > * { flex-shrink: 0; }.mdl-layout__header--scroll .mdl-layout__header-row { width: 100%; }.mdl-layout__header-row .mdl-navigation { margin: 0; padding: 0; height: 64px; flex-direction: row; align-items: center; }@media screen and (max-width: 1024px) { .mdl-layout__header-row .mdl-navigation { height: 56px; } }.mdl-layout__header-row .mdl-navigation__link { display: block; color: rgb(255,255,255); line-height: 64px; padding: 0 24px; }@media screen and (max-width: 1024px) { .mdl-layout__header-row .mdl-navigation__link { line-height: 56px; padding: 0 16px; } }.mdl-layout__obfuscator { background-color: transparent; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 4; visibility: hidden; transition-property: background-color; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }.mdl-layout__obfuscator.is-visible { background-color: rgba(0, 0, 0, 0.5); visibility: visible; }@supports (pointer-events: auto) { .mdl-layout__obfuscator { background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition-property: opacity; visibility: visible; pointer-events: none; } .mdl-layout__obfuscator.is-visible { pointer-events: auto; opacity: 1; } }.mdl-layout__content { -ms-flex: 0 1 auto; position: relative; display: inline-block; overflow-y: auto; overflow-x: hidden; flex-grow: 1; z-index: 1; -webkit-overflow-scrolling: touch; }.mdl-layout--fixed-drawer > .mdl-layout__content { margin-left: 240px; }.mdl-layout__container.has-scrolling-header .mdl-layout__content { overflow: visible; }@media screen and (max-width: 1024px) { .mdl-layout--fixed-drawer > .mdl-layout__content { margin-left: 0; } .mdl-layout__container.has-scrolling-header .mdl-layout__content { overflow-y: auto; overflow-x: hidden; } }.mdl-layout__tab-bar { height: 96px; margin: 0; width: calc(100% - 112px); padding: 0 0 0 56px; display: flex; background-color: rgb(63,81,181); overflow-y: hidden; overflow-x: scroll; }.mdl-layout__tab-bar::-webkit-scrollbar { display: none; }.mdl-layout--no-drawer-button .mdl-layout__tab-bar { padding-left: 16px; width: calc(100% - 32px); }@media screen and (min-width: 1025px) { .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar { padding-left: 16px; width: calc(100% - 32px); } }@media screen and (max-width: 1024px) { .mdl-layout__tab-bar { width: calc(100% - 60px); padding: 0 0 0 60px; } .mdl-layout--no-drawer-button .mdl-layout__tab-bar { width: calc(100% - 8px); padding-left: 4px; } }.mdl-layout--fixed-tabs .mdl-layout__tab-bar { padding: 0; overflow: hidden; width: 100%; }.mdl-layout__tab-bar-container { position: relative; height: 48px; width: 100%; border: none; margin: 0; z-index: 2; flex-grow: 0; flex-shrink: 0; overflow: hidden; }.mdl-layout__container > .mdl-layout__tab-bar-container { position: absolute; top: 0; left: 0; }.mdl-layout__tab-bar-button { display: inline-block; position: absolute; top: 0; height: 48px; width: 56px; z-index: 4; text-align: center; background-color: rgb(63,81,181); color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; }.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button, .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button { width: 16px; }.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons, .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons { position: relative; left: -4px; }@media screen and (max-width: 1024px) { .mdl-layout__tab-bar-button { width: 60px; } }.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button { display: none; }.mdl-layout__tab-bar-button .material-icons { line-height: 48px; }.mdl-layout__tab-bar-button.is-active { color: rgb(255,255,255); }.mdl-layout__tab-bar-left-button { left: 0; }.mdl-layout__tab-bar-right-button { right: 0; }.mdl-layout__tab { margin: 0; border: none; padding: 0 24px 0 24px; float: left; position: relative; display: block; flex-grow: 0; flex-shrink: 0; text-decoration: none; height: 48px; line-height: 48px; text-align: center; font-weight: 500; font-size: 14px; text-transform: uppercase; color: rgba(255,255,255, 0.6); overflow: hidden; }@media screen and (max-width: 1024px) { .mdl-layout__tab { padding: 0 12px 0 12px; } }.mdl-layout--fixed-tabs .mdl-layout__tab { float: none; flex-grow: 1; padding: 0; }.mdl-layout.is-upgraded .mdl-layout__tab.is-active { color: rgb(255,255,255); }.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after { height: 2px; width: 100%; display: block; content: " "; bottom: 0; left: 0; position: absolute; background: rgb(255,64,129); animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards; transition: all 1s cubic-bezier(0.4, 0, 1, 1); }.mdl-layout__tab .mdl-layout__tab-ripple-container { display: block; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 1; overflow: hidden; }.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple { background-color: rgb(255,255,255); }.mdl-layout__tab-panel { display: block; }.mdl-layout.is-upgraded .mdl-layout__tab-panel { display: none; }.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active { display: block; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-radio { position: relative; font-size: 16px; line-height: 24px; display: inline-block; vertical-align: middle; box-sizing: border-box; height: 24px; margin: 0; padding-left: 0; }.mdl-radio.is-upgraded { padding-left: 24px; }.mdl-radio__button { line-height: 24px; }.mdl-radio.is-upgraded .mdl-radio__button { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; }.mdl-radio__outer-circle { position: absolute; top: 4px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; margin: 0; cursor: pointer; border: 2px solid rgba(0,0,0, 0.54); border-radius: 50%; z-index: 2; }.mdl-radio.is-checked .mdl-radio__outer-circle { border: 2px solid rgb(63,81,181); }.mdl-radio__outer-circle fieldset[disabled] .mdl-radio, .mdl-radio.is-disabled .mdl-radio__outer-circle { border: 2px solid rgba(0,0,0, 0.26); cursor: auto; }.mdl-radio__inner-circle { position: absolute; z-index: 1; margin: 0; top: 8px; left: 4px; box-sizing: border-box; width: 8px; height: 8px; cursor: pointer; transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform; transform: scale(0, 0); border-radius: 50%; background: rgb(63,81,181); }.mdl-radio.is-checked .mdl-radio__inner-circle { transform: scale(1, 1); }fieldset[disabled] .mdl-radio .mdl-radio__inner-circle, .mdl-radio.is-disabled .mdl-radio__inner-circle { background: rgba(0,0,0, 0.26); cursor: auto; }.mdl-radio.is-focused .mdl-radio__inner-circle { box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1); }.mdl-radio__label { cursor: pointer; }fieldset[disabled] .mdl-radio .mdl-radio__label, .mdl-radio.is-disabled .mdl-radio__label { color: rgba(0,0,0, 0.26); cursor: auto; }.mdl-radio__ripple-container { position: absolute; z-index: 2; top: -9px; left: -13px; box-sizing: border-box; width: 42px; height: 42px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }.mdl-radio__ripple-container .mdl-ripple { background: rgb(63,81,181); }fieldset[disabled] .mdl-radio .mdl-radio__ripple-container, .mdl-radio.is-disabled .mdl-radio__ripple-container { cursor: auto; }fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple, .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple { background: transparent; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded { -ms-appearance: none; height: 32px; margin: 0; }.mdl-slider { width: calc(100% - 40px); margin: 0 20px; }.mdl-slider.is-upgraded { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 2px; background: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; outline: 0; padding: 0; color: rgb(63,81,181); align-self: center; z-index: 1; cursor: pointer; /**************************** Tracks ****************************/ /**************************** Thumbs ****************************/ /**************************** 0-value ****************************/ /**************************** Disabled ****************************/ }.mdl-slider.is-upgraded::-moz-focus-outer { border: 0; }.mdl-slider.is-upgraded::-ms-tooltip { display: none; }.mdl-slider.is-upgraded::-webkit-slider-runnable-track { background: transparent; }.mdl-slider.is-upgraded::-moz-range-track { background: transparent; border: none; }.mdl-slider.is-upgraded::-ms-track { background: none; color: transparent; height: 2px; width: 100%; border: none; }.mdl-slider.is-upgraded::-ms-fill-lower { padding: 0; background: linear-gradient(to right, transparent, transparent 16px, rgb(63,81,181) 16px, rgb(63,81,181) 0); }.mdl-slider.is-upgraded::-ms-fill-upper { padding: 0; background: linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0, 0.26) 16px, rgba(0,0,0, 0.26) 0); }.mdl-slider.is-upgraded::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; box-sizing: border-box; border-radius: 50%; background: rgb(63,81,181); border: none; -webkit-transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); }.mdl-slider.is-upgraded::-moz-range-thumb { -moz-appearance: none; width: 12px; height: 12px; box-sizing: border-box; border-radius: 50%; background-image: none; background: rgb(63,81,181); border: none; }.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb { box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb { box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }.mdl-slider.is-upgraded:active::-webkit-slider-thumb { background-image: none; background: rgb(63,81,181); transform: scale(1.5); }.mdl-slider.is-upgraded:active::-moz-range-thumb { background-image: none; background: rgb(63,81,181); transform: scale(1.5); }.mdl-slider.is-upgraded::-ms-thumb { width: 32px; height: 32px; border: none; border-radius: 50%; background: rgb(63,81,181); transform: scale(0.375); -ms-transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); }.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb { background: radial-gradient(circle closest-side, rgb(63,81,181) 0%, rgb(63,81,181) 37.5%, rgba(63,81,181, 0.26) 37.5%, rgba(63,81,181, 0.26) 100%); transform: scale(1); }.mdl-slider.is-upgraded:active::-ms-thumb { background: rgb(63,81,181); transform: scale(0.5625); }.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb { border: 2px solid rgba(0,0,0, 0.26); background: transparent; }.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb { border: 2px solid rgba(0,0,0, 0.26); background: transparent; }.mdl-slider.is-upgraded.is-lowest-value + .mdl-slider__background-flex > .mdl-slider__background-upper { left: 6px; }.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb { box-shadow: 0 0 0 10px rgba(0,0,0, 0.12); background: rgba(0,0,0, 0.12); }.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb { box-shadow: 0 0 0 10px rgba(0,0,0, 0.12); background: rgba(0,0,0, 0.12); }.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb { border: 1.6px solid rgba(0,0,0, 0.26); transform: scale(1.5); }.mdl-slider.is-upgraded.is-lowest-value:active + .mdl-slider__background-flex > .mdl-slider__background-upper { left: 9px; }.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb { border: 1.5px solid rgba(0,0,0, 0.26); transform: scale(1.5); }.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb { background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0,0,0, 0.26) 66.67%, rgba(0,0,0, 0.26) 100%); }.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb { background: radial-gradient(circle closest-side, rgba(0,0,0, 0.12) 0%, rgba(0,0,0, 0.12) 25%, rgba(0,0,0, 0.26) 25%, rgba(0,0,0, 0.26) 37.5%, rgba(0,0,0, 0.12) 37.5%, rgba(0,0,0, 0.12) 100%); transform: scale(1); }.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb { transform: scale(0.5625); background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0,0,0, 0.26) 77.78%, rgba(0,0,0, 0.26) 100%); }.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower { background: transparent; }.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper { margin-left: 6px; }.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper { margin-left: 9px; }.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb { transform: scale(0.667); background: rgba(0,0,0, 0.26); }.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded:disabled::-moz-range-thumb { transform: scale(0.667); background: rgba(0,0,0, 0.26); }.mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-lower { background-color: rgba(0,0,0, 0.26); left: -6px; }.mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-upper { left: 6px; }.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb { border: 3px solid rgba(0,0,0, 0.26); background: transparent; transform: scale(0.667); }.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb { border: 3px solid rgba(0,0,0, 0.26); background: transparent; transform: scale(0.667); }.mdl-slider.is-upgraded.is-lowest-value:disabled:active + .mdl-slider__background-flex > .mdl-slider__background-upper { left: 6px; }.mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb { transform: scale(0.25); background: rgba(0,0,0, 0.26); }.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb { transform: scale(0.25); background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0, 0.26) 50%, rgba(0,0,0, 0.26) 100%); }.mdl-slider.is-upgraded:disabled::-ms-fill-lower { margin-right: 6px; background: linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0, 0.26) 25px, rgba(0,0,0, 0.26) 0); }.mdl-slider.is-upgraded:disabled::-ms-fill-upper { margin-left: 6px; }.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper { margin-left: 6px; }.mdl-slider__ie-container { height: 18px; overflow: visible; border: none; margin: none; padding: none; }.mdl-slider__container { height: 18px; position: relative; background: none; display: flex; flex-direction: row; }.mdl-slider__background-flex { background: transparent; position: absolute; height: 2px; width: calc(100% - 52px); top: 50%; left: 0; margin: 0 26px; display: flex; overflow: hidden; border: 0; padding: 0; transform: translate(0, -1px); }.mdl-slider__background-lower { background: rgb(63,81,181); flex: 0 1; position: relative; border: 0; padding: 0; }.mdl-slider__background-upper { background: rgba(0,0,0, 0.26); flex: 0 1; position: relative; border: 0; padding: 0; transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1); }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-snackbar { position: fixed; bottom: 0; left: 50%; cursor: default; background-color: #323232; z-index: 3; display: block; display: flex; justify-content: space-between; font-family: "Roboto", "Helvetica", "Arial", sans-serif; will-change: transform; transform: translate(0, 80px); transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1); pointer-events: none; }@media (max-width: 479px) { .mdl-snackbar { width: 100%; left: 0; min-height: 48px; max-height: 80px; } }@media (min-width: 480px) { .mdl-snackbar { min-width: 288px; max-width: 568px; border-radius: 2px; transform: translate(-50%, 80px); } }.mdl-snackbar--active { transform: translate(0, 0); pointer-events: auto; transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1); }@media (min-width: 480px) { .mdl-snackbar--active { transform: translate(-50%, 0); } }.mdl-snackbar__text { padding: 14px 12px 14px 24px; vertical-align: middle; color: white; float: left; }.mdl-snackbar__action { background: transparent; border: none; color: rgb(255,64,129); float: right; text-transform: uppercase; padding: 14px 24px 14px 12px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: 0; overflow: hidden; outline: none; opacity: 0; pointer-events: none; cursor: pointer; text-decoration: none; text-align: center; align-self: center; }.mdl-snackbar__action::-moz-focus-inner { border: 0; }.mdl-snackbar__action:not([aria-hidden]) { opacity: 1; pointer-events: auto; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-spinner { display: inline-block; position: relative; width: 28px; height: 28px; }.mdl-spinner:not(.is-upgraded).is-active:after { content: "Loading..."; }.mdl-spinner.is-upgraded.is-active { animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; }@keyframes mdl-spinner__container-rotate { to { transform: rotate(360deg); } }.mdl-spinner__layer { position: absolute; width: 100%; height: 100%; opacity: 0; }.mdl-spinner__layer-1 { border-color: rgb(66,165,245); }.mdl-spinner--single-color .mdl-spinner__layer-1 { border-color: rgb(63,81,181); }.mdl-spinner.is-active .mdl-spinner__layer-1 { animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }.mdl-spinner__layer-2 { border-color: rgb(244,67,54); }.mdl-spinner--single-color .mdl-spinner__layer-2 { border-color: rgb(63,81,181); }.mdl-spinner.is-active .mdl-spinner__layer-2 { animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }.mdl-spinner__layer-3 { border-color: rgb(253,216,53); }.mdl-spinner--single-color .mdl-spinner__layer-3 { border-color: rgb(63,81,181); }.mdl-spinner.is-active .mdl-spinner__layer-3 { animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }.mdl-spinner__layer-4 { border-color: rgb(76,175,80); }.mdl-spinner--single-color .mdl-spinner__layer-4 { border-color: rgb(63,81,181); }.mdl-spinner.is-active .mdl-spinner__layer-4 { animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }@keyframes mdl-spinner__fill-unfill-rotate { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } to { transform: rotate(1080deg); } }/** * HACK: Even though the intention is to have the current .mdl-spinner__layer-N * at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome * to do proper subpixel rendering for the elements being animated. This is * especially visible in Chrome 39 on Ubuntu 14.04. See: * * - https://github.com/Polymer/paper-spinner/issues/9 * - https://code.google.com/p/chromium/issues/detail?id=436255 */@keyframes mdl-spinner__layer-1-fade-in-out { from { opacity: 0.99; } 25% { opacity: 0.99; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 0.99; } 100% { opacity: 0.99; } }@keyframes mdl-spinner__layer-2-fade-in-out { from { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 0.99; } 50% { opacity: 0.99; } 51% { opacity: 0; } }@keyframes mdl-spinner__layer-3-fade-in-out { from { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0.99; } 75% { opacity: 0.99; } 76% { opacity: 0; } }@keyframes mdl-spinner__layer-4-fade-in-out { from { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 0.99; } 90% { opacity: 0.99; } 100% { opacity: 0; } }/** * Patch the gap that appear between the two adjacent * div.mdl-spinner__circle-clipper while the spinner is rotating * (appears on Chrome 38, Safari 7.1, and IE 11). * * Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's * opacity is 0.99, but still does on Safari and IE. */.mdl-spinner__gap-patch { position: absolute; box-sizing: border-box; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit; }.mdl-spinner__gap-patch .mdl-spinner__circle { width: 1000%; left: -450%; }.mdl-spinner__circle-clipper { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit; }.mdl-spinner__circle-clipper.mdl-spinner__left { float: left; }.mdl-spinner__circle-clipper.mdl-spinner__right { float: right; }.mdl-spinner__circle-clipper .mdl-spinner__circle { width: 200%; }.mdl-spinner__circle { box-sizing: border-box; height: 100%; border-width: 3px; border-style: solid; border-color: inherit; border-bottom-color: transparent !important; border-radius: 50%; animation: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }.mdl-spinner__left .mdl-spinner__circle { border-right-color: transparent !important; transform: rotate(129deg); }.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle { animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }.mdl-spinner__right .mdl-spinner__circle { left: -100%; border-left-color: transparent !important; transform: rotate(-129deg); }.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle { animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }@keyframes mdl-spinner__left-spin { from { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } to { transform: rotate(130deg); } }@keyframes mdl-spinner__right-spin { from { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } to { transform: rotate(-130deg); } }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-switch { position: relative; z-index: 1; vertical-align: middle; display: inline-block; box-sizing: border-box; width: 100%; height: 24px; margin: 0; padding: 0; overflow: visible; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }.mdl-switch.is-upgraded { padding-left: 28px; }.mdl-switch__input { line-height: 24px; }.mdl-switch.is-upgraded .mdl-switch__input { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; }.mdl-switch__track { background: rgba(0,0,0, 0.26); position: absolute; left: 0; top: 5px; height: 14px; width: 36px; border-radius: 14px; cursor: pointer; }.mdl-switch.is-checked .mdl-switch__track { background: rgba(63,81,181, 0.5); }.mdl-switch__track fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__track { background: rgba(0,0,0, 0.12); cursor: auto; }.mdl-switch__thumb { background: rgb(250,250,250); position: absolute; left: 0; top: 2px; height: 20px; width: 20px; border-radius: 50%; cursor: pointer; 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); transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: left; }.mdl-switch.is-checked .mdl-switch__thumb { background: rgb(63,81,181); left: 16px; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }.mdl-switch__thumb fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__thumb { background: rgb(189,189,189); cursor: auto; }.mdl-switch__focus-helper { position: absolute; top: 50%; left: 50%; transform: translate(-4px, -4px); display: inline-block; box-sizing: border-box; width: 8px; height: 8px; border-radius: 50%; background-color: transparent; }.mdl-switch.is-focused .mdl-switch__focus-helper { box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1); }.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper { box-shadow: 0 0 0px 20px rgba(63,81,181, 0.26); background-color: rgba(63,81,181, 0.26); }.mdl-switch__label { position: relative; cursor: pointer; font-size: 16px; line-height: 24px; margin: 0; left: 24px; }.mdl-switch__label fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__label { color: rgb(189,189,189); cursor: auto; }.mdl-switch__ripple-container { position: absolute; z-index: 2; top: -12px; left: -14px; box-sizing: border-box; width: 48px; height: 48px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); transition-duration: 0.40s; transition-timing-function: step-end; transition-property: left; }.mdl-switch__ripple-container .mdl-ripple { background: rgb(63,81,181); }.mdl-switch__ripple-container fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__ripple-container { cursor: auto; }fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple, .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple { background: transparent; }.mdl-switch.is-checked .mdl-switch__ripple-container { left: 2px; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-tabs { display: block; width: 100%; }.mdl-tabs__tab-bar { display: flex; flex-direction: row; justify-content: center; align-content: space-between; align-items: flex-start; height: 48px; padding: 0 0 0 0; margin: 0; border-bottom: 1px solid rgb(224,224,224); }.mdl-tabs__tab { margin: 0; border: none; padding: 0 24px 0 24px; float: left; position: relative; display: block; text-decoration: none; height: 48px; line-height: 48px; text-align: center; font-weight: 500; font-size: 14px; text-transform: uppercase; color: rgba(0,0,0, 0.54); overflow: hidden; }.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active { color: rgba(0,0,0, 0.87); }.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after { height: 2px; width: 100%; display: block; content: " "; bottom: 0px; left: 0px; position: absolute; background: rgb(63,81,181); animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards; transition: all 1s cubic-bezier(0.4, 0, 1, 1); }.mdl-tabs__tab .mdl-tabs__ripple-container { display: block; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 1; overflow: hidden; }.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple { background: rgb(63,81,181); }.mdl-tabs__panel { display: block; }.mdl-tabs.is-upgraded .mdl-tabs__panel { display: none; }.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active { display: block; }@keyframes border-expand { 0% { opacity: 0; width: 0; } 100% { opacity: 1; width: 100%; } }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-textfield { position: relative; font-size: 16px; display: inline-block; box-sizing: border-box; width: 300px; max-width: 100%; margin: 0; padding: 20px 0; }.mdl-textfield .mdl-button { position: absolute; bottom: 20px; }.mdl-textfield--align-right { text-align: right; }.mdl-textfield--full-width { width: 100%; }.mdl-textfield--expandable { min-width: 32px; width: auto; min-height: 32px; }.mdl-textfield--expandable .mdl-button--icon { top: 16px; }.mdl-textfield__input { border: none; border-bottom: 1px solid rgba(0,0,0, 0.12); display: block; font-size: 16px; font-family: "Helvetica", "Arial", sans-serif; margin: 0; padding: 4px 0; width: 100%; background: none; text-align: left; color: inherit; }.mdl-textfield__input[type="number"] { -moz-appearance: textfield; }.mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }.mdl-textfield.is-focused .mdl-textfield__input { outline: none; }.mdl-textfield.is-invalid .mdl-textfield__input { border-color: rgb(213,0,0); box-shadow: none; }fieldset[disabled] .mdl-textfield .mdl-textfield__input, .mdl-textfield.is-disabled .mdl-textfield__input { background-color: transparent; border-bottom: 1px dotted rgba(0,0,0, 0.12); color: rgba(0,0,0, 0.26); }.mdl-textfield textarea.mdl-textfield__input { display: block; }.mdl-textfield__label { bottom: 0; color: rgba(0,0,0, 0.26); font-size: 16px; left: 0; right: 0; pointer-events: none; position: absolute; display: block; top: 24px; width: 100%; overflow: hidden; white-space: nowrap; text-align: left; }.mdl-textfield.is-dirty .mdl-textfield__label, .mdl-textfield.has-placeholder .mdl-textfield__label { visibility: hidden; }.mdl-textfield--floating-label .mdl-textfield__label { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { transition: none; }fieldset[disabled] .mdl-textfield .mdl-textfield__label, .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label { color: rgba(0,0,0, 0.26); }.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { color: rgb(63,81,181); font-size: 12px; top: 4px; visibility: visible; }.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label { top: -16px; }.mdl-textfield--floating-label.is-invalid .mdl-textfield__label { color: rgb(213,0,0); font-size: 12px; }.mdl-textfield__label:after { background-color: rgb(63,81,181); bottom: 20px; content: ''; height: 2px; left: 45%; position: absolute; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); visibility: hidden; width: 10px; }.mdl-textfield.is-focused .mdl-textfield__label:after { left: 0; visibility: visible; width: 100%; }.mdl-textfield.is-invalid .mdl-textfield__label:after { background-color: rgb(213,0,0); }.mdl-textfield__error { color: rgb(213,0,0); position: absolute; font-size: 12px; margin-top: 3px; visibility: hidden; display: block; }.mdl-textfield.is-invalid .mdl-textfield__error { visibility: visible; }.mdl-textfield__expandable-holder { display: inline-block; position: relative; margin-left: 32px; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: inline-block; max-width: 0.1px; }.mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder { max-width: 600px; }.mdl-textfield__expandable-holder .mdl-textfield__label:after { bottom: 0; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-tooltip { transform: scale(0); transform-origin: top center; z-index: 999; background: rgba(97,97,97, 0.9); border-radius: 2px; color: rgb(255,255,255); display: inline-block; font-size: 10px; font-weight: 500; line-height: 14px; max-width: 170px; position: fixed; top: -500px; left: -500px; padding: 8px; text-align: center; }.mdl-tooltip.is-active { animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }.mdl-tooltip--large { line-height: 14px; font-size: 14px; padding: 16px; }@keyframes pulse { 0% { transform: scale(0); opacity: 0; } 50% { transform: scale(0.99); } 100% { transform: scale(1); opacity: 1; visibility: visible; } }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-shadow--2dp { 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); }.mdl-shadow--3dp { box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }.mdl-shadow--4dp { 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); }.mdl-shadow--6dp { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }.mdl-shadow--8dp { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }.mdl-shadow--16dp { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }.mdl-shadow--24dp { box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* * NOTE: Some rules here are applied using duplicate selectors. * This is on purpose to increase their specificity when applied. * For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone` *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-grid { display: flex; flex-flow: row wrap; margin: 0 auto 0 auto; align-items: stretch; }.mdl-grid.mdl-grid--no-spacing { padding: 0; }.mdl-cell { box-sizing: border-box; }.mdl-cell--top { align-self: flex-start; }.mdl-cell--middle { align-self: center; }.mdl-cell--bottom { align-self: flex-end; }.mdl-cell--stretch { align-self: stretch; }.mdl-grid.mdl-grid--no-spacing > .mdl-cell { margin: 0; }.mdl-cell--order-1 { order: 1; }.mdl-cell--order-2 { order: 2; }.mdl-cell--order-3 { order: 3; }.mdl-cell--order-4 { order: 4; }.mdl-cell--order-5 { order: 5; }.mdl-cell--order-6 { order: 6; }.mdl-cell--order-7 { order: 7; }.mdl-cell--order-8 { order: 8; }.mdl-cell--order-9 { order: 9; }.mdl-cell--order-10 { order: 10; }.mdl-cell--order-11 { order: 11; }.mdl-cell--order-12 { order: 12; }@media (max-width: 479px) { .mdl-grid { padding: 8px; } .mdl-cell { margin: 8px; width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 100%; } .mdl-cell--hide-phone { display: none !important; } .mdl-cell--order-1-phone.mdl-cell--order-1-phone { order: 1; } .mdl-cell--order-2-phone.mdl-cell--order-2-phone { order: 2; } .mdl-cell--order-3-phone.mdl-cell--order-3-phone { order: 3; } .mdl-cell--order-4-phone.mdl-cell--order-4-phone { order: 4; } .mdl-cell--order-5-phone.mdl-cell--order-5-phone { order: 5; } .mdl-cell--order-6-phone.mdl-cell--order-6-phone { order: 6; } .mdl-cell--order-7-phone.mdl-cell--order-7-phone { order: 7; } .mdl-cell--order-8-phone.mdl-cell--order-8-phone { order: 8; } .mdl-cell--order-9-phone.mdl-cell--order-9-phone { order: 9; } .mdl-cell--order-10-phone.mdl-cell--order-10-phone { order: 10; } .mdl-cell--order-11-phone.mdl-cell--order-11-phone { order: 11; } .mdl-cell--order-12-phone.mdl-cell--order-12-phone { order: 12; } .mdl-cell--1-col, .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(25% - 16px); } .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: 25%; } .mdl-cell--2-col, .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: 50%; } .mdl-cell--3-col, .mdl-cell--3-col-phone.mdl-cell--3-col-phone { width: calc(75% - 16px); } .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone { width: 75%; } .mdl-cell--4-col, .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: 100%; } .mdl-cell--5-col, .mdl-cell--5-col-phone.mdl-cell--5-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone { width: 100%; } .mdl-cell--6-col, .mdl-cell--6-col-phone.mdl-cell--6-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone { width: 100%; } .mdl-cell--7-col, .mdl-cell--7-col-phone.mdl-cell--7-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone { width: 100%; } .mdl-cell--8-col, .mdl-cell--8-col-phone.mdl-cell--8-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone { width: 100%; } .mdl-cell--9-col, .mdl-cell--9-col-phone.mdl-cell--9-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone { width: 100%; } .mdl-cell--10-col, .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: 100%; } .mdl-cell--11-col, .mdl-cell--11-col-phone.mdl-cell--11-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-phone.mdl-cell--11-col-phone { width: 100%; } .mdl-cell--12-col, .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: 100%; } .mdl-cell--1-offset, .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone { margin-left: calc(25% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone { margin-left: 25%; } .mdl-cell--2-offset, .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone { margin-left: calc(50% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone { margin-left: 50%; } .mdl-cell--3-offset, .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone { margin-left: calc(75% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone { margin-left: 75%; } }@media (min-width: 480px) and (max-width: 839px) { .mdl-grid { padding: 8px; } .mdl-cell { margin: 8px; width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 50%; } .mdl-cell--hide-tablet { display: none !important; } .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet { order: 1; } .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet { order: 2; } .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet { order: 3; } .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet { order: 4; } .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet { order: 5; } .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet { order: 6; } .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet { order: 7; } .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet { order: 8; } .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet { order: 9; } .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet { order: 10; } .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet { order: 11; } .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet { order: 12; } .mdl-cell--1-col, .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: calc(12.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: 12.5%; } .mdl-cell--2-col, .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(25% - 16px); } .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: 25%; } .mdl-cell--3-col, .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: calc(37.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: 37.5%; } .mdl-cell--4-col, .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: 50%; } .mdl-cell--5-col, .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { width: calc(62.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { width: 62.5%; } .mdl-cell--6-col, .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { width: calc(75% - 16px); } .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { width: 75%; } .mdl-cell--7-col, .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { width: calc(87.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { width: 87.5%; } .mdl-cell--8-col, .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { width: 100%; } .mdl-cell--9-col, .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { width: 100%; } .mdl-cell--10-col, .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { width: 100%; } .mdl-cell--11-col, .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { width: 100%; } .mdl-cell--12-col, .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { width: 100%; } .mdl-cell--1-offset, .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet { margin-left: calc(12.5% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet { margin-left: 12.5%; } .mdl-cell--2-offset, .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet { margin-left: calc(25% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet { margin-left: 25%; } .mdl-cell--3-offset, .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet { margin-left: calc(37.5% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet { margin-left: 37.5%; } .mdl-cell--4-offset, .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet { margin-left: calc(50% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet { margin-left: 50%; } .mdl-cell--5-offset, .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet { margin-left: calc(62.5% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet { margin-left: 62.5%; } .mdl-cell--6-offset, .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet { margin-left: calc(75% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet { margin-left: 75%; } .mdl-cell--7-offset, .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet { margin-left: calc(87.5% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet { margin-left: 87.5%; } }@media (min-width: 840px) { .mdl-grid { padding: 8px; } .mdl-cell { margin: 8px; width: calc(33.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 33.3333333333%; } .mdl-cell--hide-desktop { display: none !important; } .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop { order: 1; } .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop { order: 2; } .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop { order: 3; } .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop { order: 4; } .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop { order: 5; } .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop { order: 6; } .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop { order: 7; } .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop { order: 8; } .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop { order: 9; } .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop { order: 10; } .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop { order: 11; } .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop { order: 12; } .mdl-cell--1-col, .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: calc(8.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: 8.3333333333%; } .mdl-cell--2-col, .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: calc(16.6666666667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: 16.6666666667%; } .mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(25% - 16px); } .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: 25%; } .mdl-cell--4-col, .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: calc(33.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: 33.3333333333%; } .mdl-cell--5-col, .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { width: calc(41.6666666667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { width: 41.6666666667%; } .mdl-cell--6-col, .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: 50%; } .mdl-cell--7-col, .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { width: calc(58.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { width: 58.3333333333%; } .mdl-cell--8-col, .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: calc(66.6666666667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: 66.6666666667%; } .mdl-cell--9-col, .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { width: calc(75% - 16px); } .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { width: 75%; } .mdl-cell--10-col, .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: calc(83.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: 83.3333333333%; } .mdl-cell--11-col, .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { width: calc(91.6666666667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { width: 91.6666666667%; } .mdl-cell--12-col, .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: 100%; } .mdl-cell--1-offset, .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop { margin-left: calc(8.3333333333% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop { margin-left: 8.3333333333%; } .mdl-cell--2-offset, .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop { margin-left: calc(16.6666666667% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop { margin-left: 16.6666666667%; } .mdl-cell--3-offset, .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop { margin-left: calc(25% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop { margin-left: 25%; } .mdl-cell--4-offset, .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop { margin-left: calc(33.3333333333% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop { margin-left: 33.3333333333%; } .mdl-cell--5-offset, .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop { margin-left: calc(41.6666666667% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop { margin-left: 41.6666666667%; } .mdl-cell--6-offset, .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop { margin-left: calc(50% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop { margin-left: 50%; } .mdl-cell--7-offset, .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop { margin-left: calc(58.3333333333% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop { margin-left: 58.3333333333%; } .mdl-cell--8-offset, .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop { margin-left: calc(66.6666666667% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop { margin-left: 66.6666666667%; } .mdl-cell--9-offset, .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop { margin-left: calc(75% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop { margin-left: 75%; } .mdl-cell--10-offset, .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop { margin-left: calc(83.3333333333% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop { margin-left: 83.3333333333%; } .mdl-cell--11-offset, .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop { margin-left: calc(91.6666666667% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop { margin-left: 91.6666666667%; } }@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0px)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:3em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05, 1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width 300ms ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{position:relative}.dropzone .dz-preview{position:relative;display:inline-block;width:120px;margin:.5em}.dropzone .dz-preview .dz-progress{display:block;height:15px;border:1px solid #aaa}.dropzone .dz-preview .dz-progress .dz-upload{display:block;height:100%;width:0;background:green}.dropzone .dz-preview .dz-error-message{color:red;display:none}.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-error .dz-error-mark{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{position:absolute;display:none;left:30px;top:30px;width:54px;height:58px;left:50%;margin-left:-27px}:root{--blue: #007bff;--indigo: #6610f2;--purple: #6f42c1;--pink: #e83e8c;--red: #dc3545;--orange: #fd7e14;--yellow: #ffc107;--green: #28a745;--teal: #20c997;--cyan: #17a2b8;--white: #fff;--gray: #6c757d;--gray-dark: #343a40;--primary: #FFA96A;--secondary: #6c757d;--success: #28a745;--info: #17a2b8;--warning: #ffc107;--danger: #dc3545;--light: #f8f9fa;--dark: #2F2F2F;--judo: #FFA96A;--judo2: #E96C43;--judo3: #f2f2f2;--muted: #808080;--muted2: #E6E6E6;--menu: rgba(47, 47, 47, 0.6);--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*,*::before,*::after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fcfcfc}[tabindex="-1"]:focus:not(:focus-visible){outline:0 !important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:#ffa96a;text-decoration:none;background-color:rgba(0,0,0,0)}a:hover{color:rgb(255,124.8456375839,29.5);text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none !important}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}h1,.h1{font-size:2.5rem}h2,.h2{font-size:2rem}h3,.h3{font-size:1.75rem}h4,.h4{font-size:1.5rem}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}small,.small{font-size:0.875em;font-weight:400}mark,.mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:0.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fcfcfc;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-xl,.container-lg,.container-md,.container-sm{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width: 576px){.container-sm,.container{max-width:540px}}@media(min-width: 768px){.container-md,.container-sm,.container{max-width:720px}}@media(min-width: 992px){.container-lg,.container-md,.container-sm,.container{max-width:960px}}@media(min-width: 1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1140px}}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col-xl,.col-xl-auto,.col-xl-12,.col-xl-11,.col-xl-10,.col-xl-9,.col-xl-8,.col-xl-7,.col-xl-6,.col-xl-5,.col-xl-4,.col-xl-3,.col-xl-2,.col-xl-1,.col-lg,.col-lg-auto,.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1,.col-md,.col-md-auto,.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col-sm,.col-sm-auto,.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1,.col,.col-auto,.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}@media(min-width: 576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-sm-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-sm-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-sm-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-sm-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}}@media(min-width: 768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-md-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-md-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-md-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-md-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}}@media(min-width: 992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-lg-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-lg-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-lg-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-lg-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}}@media(min-width: 1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-xl-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-xl-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-xl-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-xl-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table th,.table td{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm th,.table-sm td{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered th,.table-bordered td{border:1px solid #dee2e6}.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>th,.table-primary>td{background-color:rgb(255,230.92,213.28)}.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody{border-color:rgb(255,210.28,177.52)}.table-hover .table-primary:hover{background-color:rgb(255,216.2018791946,187.78)}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:rgb(255,216.2018791946,187.78)}.table-secondary,.table-secondary>th,.table-secondary>td{background-color:rgb(213.84,216.36,218.6)}.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody{border-color:rgb(178.56,183.24,187.4)}.table-hover .table-secondary:hover{background-color:hsl(208.2352941176,6.1371841155%,79.7921568627%)}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:hsl(208.2352941176,6.1371841155%,79.7921568627%)}.table-success,.table-success>th,.table-success>td{background-color:rgb(194.8,230.36,202.92)}.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody{border-color:rgb(143.2,209.24,158.28)}.table-hover .table-success:hover{background-color:rgb(176.7059405941,222.9540594059,187.2665346535)}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:rgb(176.7059405941,222.9540594059,187.2665346535)}.table-info,.table-info>th,.table-info>td{background-color:rgb(190.04,228.96,235.12)}.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody{border-color:rgb(134.36,206.64,218.08)}.table-hover .table-info:hover{background-color:hsl(188.198757764,53.1353135314%,78.3647058824%)}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:hsl(188.198757764,53.1353135314%,78.3647058824%)}.table-warning,.table-warning>th,.table-warning>td{background-color:rgb(255,237.64,185.56)}.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody{border-color:rgb(255,222.76,126.04)}.table-hover .table-warning:hover{background-color:rgb(255,231.265,160.06)}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:rgb(255,231.265,160.06)}.table-danger,.table-danger>th,.table-danger>td{background-color:rgb(245.2,198.44,202.92)}.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody{border-color:rgb(236.8,149.96,158.28)}.table-hover .table-danger:hover{background-color:hsl(354.251497006,70.4641350211%,81.9882352941%)}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:hsl(354.251497006,70.4641350211%,81.9882352941%)}.table-light,.table-light>th,.table-light>td{background-color:rgb(253.04,253.32,253.6)}.table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody{border-color:rgb(251.36,251.88,252.4)}.table-hover .table-light:hover{background-color:rgb(238.165,240.57,242.975)}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:rgb(238.165,240.57,242.975)}.table-dark,.table-dark>th,.table-dark>td{background-color:hsl(0,0%,77.1607843137%)}.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody{border-color:hsl(0,0%,57.5843137255%)}.table-hover .table-dark:hover{background-color:hsl(0,0%,72.1607843137%)}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:hsl(0,0%,72.1607843137%)}.table-judo,.table-judo>th,.table-judo>td{background-color:rgb(255,230.92,213.28)}.table-judo th,.table-judo td,.table-judo thead th,.table-judo tbody+tbody{border-color:rgb(255,210.28,177.52)}.table-hover .table-judo:hover{background-color:rgb(255,216.2018791946,187.78)}.table-hover .table-judo:hover>td,.table-hover .table-judo:hover>th{background-color:rgb(255,216.2018791946,187.78)}.table-judo2,.table-judo2>th,.table-judo2>td{background-color:rgb(248.84,213.84,202.36)}.table-judo2 th,.table-judo2 td,.table-judo2 thead th,.table-judo2 tbody+tbody{border-color:rgb(243.56,178.56,157.24)}.table-hover .table-judo2:hover{background-color:rgb(246.1685714286,195.99,179.5314285714)}.table-hover .table-judo2:hover>td,.table-hover .table-judo2:hover>th{background-color:rgb(246.1685714286,195.99,179.5314285714)}.table-judo3,.table-judo3>th,.table-judo3>td{background-color:hsl(0,0%,98.5725490196%)}.table-judo3 th,.table-judo3 td,.table-judo3 thead th,.table-judo3 tbody+tbody{border-color:hsl(0,0%,97.3490196078%)}.table-hover .table-judo3:hover{background-color:hsl(0,0%,93.5725490196%)}.table-hover .table-judo3:hover>td,.table-hover .table-judo3:hover>th{background-color:hsl(0,0%,93.5725490196%)}.table-muted,.table-muted>th,.table-muted>td{background-color:hsl(0,0%,86.0549019608%)}.table-muted th,.table-muted td,.table-muted thead th,.table-muted tbody+tbody{border-color:hsl(0,0%,74.1019607843%)}.table-hover .table-muted:hover{background-color:hsl(0,0%,81.0549019608%)}.table-hover .table-muted:hover>td,.table-hover .table-muted:hover>th{background-color:hsl(0,0%,81.0549019608%)}.table-muted2,.table-muted2>th,.table-muted2>td{background-color:#f8f8f8}.table-muted2 th,.table-muted2 td,.table-muted2 thead th,.table-muted2 tbody+tbody{border-color:#f2f2f2}.table-hover .table-muted2:hover{background-color:hsl(0,0%,92.2549019608%)}.table-hover .table-muted2:hover>td,.table-hover .table-muted2:hover>th{background-color:hsl(0,0%,92.2549019608%)}.table-menu,.table-menu>th,.table-menu>td{background-color:hsla(0,0%,88.3473389356%,.888)}.table-menu th,.table-menu td,.table-menu thead th,.table-menu tbody+tbody{border-color:hsla(0,0%,74.1367766619%,.792)}.table-hover .table-menu:hover{background-color:hsla(0,0%,83.3473389356%,.888)}.table-hover .table-menu:hover>td,.table-hover .table-menu:hover>th{background-color:hsla(0,0%,83.3473389356%,.888)}.table-active,.table-active>th,.table-active>td{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:hsl(210,10.3448275862%,30.2450980392%)}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark th,.table-dark td,.table-dark thead th{border-color:hsl(210,10.3448275862%,30.2450980392%)}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:hsla(0,0%,100%,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:hsla(0,0%,100%,.075)}@media(max-width: 575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media(max-width: 767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media(max-width: 991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media(max-width: 1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:rgba(0,0,0,0);border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:rgb(255,242.5906040268,233.5);outline:0;box-shadow:0 0 0 .2rem rgba(255,169,106,.25)}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 #495057}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(0.375rem + 1px);padding-bottom:calc(0.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(0.5rem + 1px);padding-bottom:calc(0.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(0.25rem + 1px);padding-bottom:calc(0.25rem + 1px);font-size:0.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:rgba(0,0,0,0);border:solid rgba(0,0,0,0);border-width:1px 0}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + 0.5rem + 2px);padding:.25rem .5rem;font-size:0.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[size],select.form-control[multiple]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:0.875em;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:0.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip{left:5px}.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.was-validated .form-control:valid,.form-control.is-valid{border-color:#28a745;padding-right:calc(1.5em + 0.75rem) !important;background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated select.form-control:valid,select.form-control.is-valid{padding-right:3rem !important;background-position:right 1.5rem center}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .custom-select:valid,.custom-select.is-valid{border-color:#28a745;padding-right:calc(0.75em + 2.3125rem) !important;background:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat}.was-validated .custom-select:valid:focus,.custom-select.is-valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{color:#28a745}.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip{display:block}.was-validated .custom-control-input:valid~.custom-control-label,.custom-control-input.is-valid~.custom-control-label{color:#28a745}.was-validated .custom-control-input:valid~.custom-control-label::before,.custom-control-input.is-valid~.custom-control-label::before{border-color:#28a745}.was-validated .custom-control-input:valid:checked~.custom-control-label::before,.custom-control-input.is-valid:checked~.custom-control-label::before{border-color:rgb(51.6956521739,206.3043478261,87);background-color:rgb(51.6956521739,206.3043478261,87)}.was-validated .custom-control-input:valid:focus~.custom-control-label::before,.custom-control-input.is-valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.was-validated .custom-file-input:valid~.custom-file-label,.custom-file-input.is-valid~.custom-file-label{border-color:#28a745}.was-validated .custom-file-input:valid:focus~.custom-file-label,.custom-file-input.is-valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:0.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:0.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{left:5px}.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:#dc3545;padding-right:calc(1.5em + 0.75rem) !important;background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated select.form-control:invalid,select.form-control.is-invalid{padding-right:3rem !important;background-position:right 1.5rem center}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .custom-select:invalid,.custom-select.is-invalid{border-color:#dc3545;padding-right:calc(0.75em + 2.3125rem) !important;background:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat}.was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{color:#dc3545}.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip{display:block}.was-validated .custom-control-input:invalid~.custom-control-label,.custom-control-input.is-invalid~.custom-control-label{color:#dc3545}.was-validated .custom-control-input:invalid~.custom-control-label::before,.custom-control-input.is-invalid~.custom-control-label::before{border-color:#dc3545}.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,.custom-control-input.is-invalid:checked~.custom-control-label::before{border-color:rgb(227.5316455696,96.4683544304,109.0253164557);background-color:rgb(227.5316455696,96.4683544304,109.0253164557)}.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,.custom-control-input.is-invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.was-validated .custom-file-input:invalid~.custom-file-label,.custom-file-input.is-invalid~.custom-file-label{border-color:#dc3545}.was-validated .custom-file-input:invalid:focus~.custom-file-label,.custom-file-input.is-invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media(min-width: 576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .input-group,.form-inline .custom-select{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn:focus,.btn.focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,169,106,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#212529;background-color:#ffa96a;border-color:#ffa96a}.btn-primary:hover{color:#212529;background-color:rgb(255,146.9228187919,67.75);border-color:rgb(255,139.5637583893,55)}.btn-primary:focus,.btn-primary.focus{color:#212529;background-color:rgb(255,146.9228187919,67.75);border-color:rgb(255,139.5637583893,55);box-shadow:0 0 0 .2rem rgba(221.7,149.2,96.25,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#212529;background-color:#ffa96a;border-color:#ffa96a}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{color:#212529;background-color:rgb(255,139.5637583893,55);border-color:rgb(255,132.2046979866,42.25)}.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(221.7,149.2,96.25,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:rgb(90.2703862661,97.7929184549,104.4796137339);border-color:rgb(84.3605150215,91.3905579399,97.6394849785)}.btn-secondary:focus,.btn-secondary.focus{color:#fff;background-color:rgb(90.2703862661,97.7929184549,104.4796137339);border-color:rgb(84.3605150215,91.3905579399,97.6394849785);box-shadow:0 0 0 .2rem rgba(130.05,137.7,144.5,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:rgb(84.3605150215,91.3905579399,97.6394849785);border-color:rgb(78.4506437768,84.9881974249,90.7993562232)}.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130.05,137.7,144.5,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:rgb(32.6086956522,136.1413043478,56.25);border-color:rgb(30.1449275362,125.8550724638,52)}.btn-success:focus,.btn-success.focus{color:#fff;background-color:rgb(32.6086956522,136.1413043478,56.25);border-color:rgb(30.1449275362,125.8550724638,52);box-shadow:0 0 0 .2rem rgba(72.25,180.2,96.9,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:rgb(30.1449275362,125.8550724638,52);border-color:rgb(27.6811594203,115.5688405797,47.75)}.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72.25,180.2,96.9,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:rgb(18.75,132.0652173913,150);border-color:rgb(17.3333333333,122.0869565217,138.6666666667)}.btn-info:focus,.btn-info.focus{color:#fff;background-color:rgb(18.75,132.0652173913,150);border-color:rgb(17.3333333333,122.0869565217,138.6666666667);box-shadow:0 0 0 .2rem rgba(57.8,175.95,194.65,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:rgb(17.3333333333,122.0869565217,138.6666666667);border-color:rgb(15.9166666667,112.1086956522,127.3333333333)}.btn-info:not(:disabled):not(.disabled):active:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(57.8,175.95,194.65,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:rgb(223.75,167.8125,0);border-color:rgb(211,158.25,0)}.btn-warning:focus,.btn-warning.focus{color:#212529;background-color:rgb(223.75,167.8125,0);border-color:rgb(211,158.25,0);box-shadow:0 0 0 .2rem rgba(221.7,169.6,12.1,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:rgb(211,158.25,0);border-color:rgb(198.25,148.6875,0)}.btn-warning:not(:disabled):not(.disabled):active:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(221.7,169.6,12.1,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:rgb(200.082278481,34.667721519,50.5158227848);border-color:rgb(189.2151898734,32.7848101266,47.7721518987)}.btn-danger:focus,.btn-danger.focus{color:#fff;background-color:rgb(200.082278481,34.667721519,50.5158227848);border-color:rgb(189.2151898734,32.7848101266,47.7721518987);box-shadow:0 0 0 .2rem rgba(225.25,83.3,96.9,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:rgb(189.2151898734,32.7848101266,47.7721518987);border-color:rgb(178.3481012658,30.9018987342,45.0284810127)}.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225.25,83.3,96.9,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:rgb(225.6875,229.875,234.0625);border-color:rgb(218.25,223.5,228.75)}.btn-light:focus,.btn-light.focus{color:#212529;background-color:rgb(225.6875,229.875,234.0625);border-color:rgb(218.25,223.5,228.75);box-shadow:0 0 0 .2rem rgba(215.75,217.2,218.65,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:rgb(218.25,223.5,228.75);border-color:rgb(210.8125,217.125,223.4375)}.btn-light:not(:disabled):not(.disabled):active:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(215.75,217.2,218.65,.5)}.btn-dark{color:#fff;background-color:#2f2f2f;border-color:#2f2f2f}.btn-dark:hover{color:#fff;background-color:hsl(0,0%,10.931372549%);border-color:rgb(21.5,21.5,21.5)}.btn-dark:focus,.btn-dark.focus{color:#fff;background-color:hsl(0,0%,10.931372549%);border-color:rgb(21.5,21.5,21.5);box-shadow:0 0 0 .2rem rgba(78.2,78.2,78.2,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#2f2f2f;border-color:#2f2f2f}.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:rgb(21.5,21.5,21.5);border-color:hsl(0,0%,5.931372549%)}.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(78.2,78.2,78.2,.5)}.btn-judo{color:#212529;background-color:#ffa96a;border-color:#ffa96a}.btn-judo:hover{color:#212529;background-color:rgb(255,146.9228187919,67.75);border-color:rgb(255,139.5637583893,55)}.btn-judo:focus,.btn-judo.focus{color:#212529;background-color:rgb(255,146.9228187919,67.75);border-color:rgb(255,139.5637583893,55);box-shadow:0 0 0 .2rem rgba(221.7,149.2,96.25,.5)}.btn-judo.disabled,.btn-judo:disabled{color:#212529;background-color:#ffa96a;border-color:#ffa96a}.btn-judo:not(:disabled):not(.disabled):active,.btn-judo:not(:disabled):not(.disabled).active,.show>.btn-judo.dropdown-toggle{color:#212529;background-color:rgb(255,139.5637583893,55);border-color:rgb(255,132.2046979866,42.25)}.btn-judo:not(:disabled):not(.disabled):active:focus,.btn-judo:not(:disabled):not(.disabled).active:focus,.show>.btn-judo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(221.7,149.2,96.25,.5)}.btn-judo2{color:#fff;background-color:#e96c43;border-color:#e96c43}.btn-judo2:hover{color:#fff;background-color:rgb(228.9928571429,81.225,32.7571428571);border-color:rgb(222.9142857143,74.7,26.0857142857)}.btn-judo2:focus,.btn-judo2.focus{color:#fff;background-color:rgb(228.9928571429,81.225,32.7571428571);border-color:rgb(222.9142857143,74.7,26.0857142857);box-shadow:0 0 0 .2rem rgba(236.3,130.05,95.2,.5)}.btn-judo2.disabled,.btn-judo2:disabled{color:#fff;background-color:#e96c43;border-color:#e96c43}.btn-judo2:not(:disabled):not(.disabled):active,.btn-judo2:not(:disabled):not(.disabled).active,.show>.btn-judo2.dropdown-toggle{color:#fff;background-color:rgb(222.9142857143,74.7,26.0857142857);border-color:rgb(211.5,70.875,24.75)}.btn-judo2:not(:disabled):not(.disabled):active:focus,.btn-judo2:not(:disabled):not(.disabled).active:focus,.show>.btn-judo2.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(236.3,130.05,95.2,.5)}.btn-judo3{color:#212529;background-color:#f2f2f2;border-color:#f2f2f2}.btn-judo3:hover{color:#212529;background-color:hsl(0,0%,87.4019607843%);border-color:rgb(216.5,216.5,216.5)}.btn-judo3:focus,.btn-judo3.focus{color:#212529;background-color:hsl(0,0%,87.4019607843%);border-color:rgb(216.5,216.5,216.5);box-shadow:0 0 0 .2rem rgba(210.65,211.25,211.85,.5)}.btn-judo3.disabled,.btn-judo3:disabled{color:#212529;background-color:#f2f2f2;border-color:#f2f2f2}.btn-judo3:not(:disabled):not(.disabled):active,.btn-judo3:not(:disabled):not(.disabled).active,.show>.btn-judo3.dropdown-toggle{color:#212529;background-color:rgb(216.5,216.5,216.5);border-color:hsl(0,0%,82.4019607843%)}.btn-judo3:not(:disabled):not(.disabled):active:focus,.btn-judo3:not(:disabled):not(.disabled).active:focus,.show>.btn-judo3.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(210.65,211.25,211.85,.5)}.btn-muted{color:#fff;background-color:gray;border-color:gray}.btn-muted:hover{color:#fff;background-color:hsl(0,0%,42.6960784314%);border-color:rgb(102.5,102.5,102.5)}.btn-muted:focus,.btn-muted.focus{color:#fff;background-color:hsl(0,0%,42.6960784314%);border-color:rgb(102.5,102.5,102.5);box-shadow:0 0 0 .2rem hsla(0,0%,57.6666666667%,.5)}.btn-muted.disabled,.btn-muted:disabled{color:#fff;background-color:gray;border-color:gray}.btn-muted:not(:disabled):not(.disabled):active,.btn-muted:not(:disabled):not(.disabled).active,.show>.btn-muted.dropdown-toggle{color:#fff;background-color:rgb(102.5,102.5,102.5);border-color:hsl(0,0%,37.6960784314%)}.btn-muted:not(:disabled):not(.disabled):active:focus,.btn-muted:not(:disabled):not(.disabled).active:focus,.show>.btn-muted.dropdown-toggle:focus{box-shadow:0 0 0 .2rem hsla(0,0%,57.6666666667%,.5)}.btn-muted2{color:#212529;background-color:#e6e6e6;border-color:#e6e6e6}.btn-muted2:hover{color:#212529;background-color:hsl(0,0%,82.6960784314%);border-color:rgb(204.5,204.5,204.5)}.btn-muted2:focus,.btn-muted2.focus{color:#212529;background-color:hsl(0,0%,82.6960784314%);border-color:rgb(204.5,204.5,204.5);box-shadow:0 0 0 .2rem rgba(200.45,201.05,201.65,.5)}.btn-muted2.disabled,.btn-muted2:disabled{color:#212529;background-color:#e6e6e6;border-color:#e6e6e6}.btn-muted2:not(:disabled):not(.disabled):active,.btn-muted2:not(:disabled):not(.disabled).active,.show>.btn-muted2.dropdown-toggle{color:#212529;background-color:rgb(204.5,204.5,204.5);border-color:hsl(0,0%,77.6960784314%)}.btn-muted2:not(:disabled):not(.disabled):active:focus,.btn-muted2:not(:disabled):not(.disabled).active:focus,.show>.btn-muted2.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(200.45,201.05,201.65,.5)}.btn-menu{color:#fff;background-color:rgba(47,47,47,.6);border-color:rgba(47,47,47,.6)}.btn-menu:hover{color:#fff;background-color:hsla(0,0%,10.931372549%,.6);border-color:rgba(21.5,21.5,21.5,.6)}.btn-menu:focus,.btn-menu.focus{color:#fff;background-color:hsla(0,0%,10.931372549%,.6);border-color:rgba(21.5,21.5,21.5,.6);box-shadow:0 0 0 .2rem hsla(0,0%,42.2222222222%,.5)}.btn-menu.disabled,.btn-menu:disabled{color:#fff;background-color:rgba(47,47,47,.6);border-color:rgba(47,47,47,.6)}.btn-menu:not(:disabled):not(.disabled):active,.btn-menu:not(:disabled):not(.disabled).active,.show>.btn-menu.dropdown-toggle{color:#fff;background-color:rgba(21.5,21.5,21.5,.6);border-color:hsla(0,0%,5.931372549%,.6)}.btn-menu:not(:disabled):not(.disabled):active:focus,.btn-menu:not(:disabled):not(.disabled).active:focus,.show>.btn-menu.dropdown-toggle:focus{box-shadow:0 0 0 .2rem hsla(0,0%,42.2222222222%,.5)}.btn-outline-primary{color:#ffa96a;border-color:#ffa96a}.btn-outline-primary:hover{color:#212529;background-color:#ffa96a;border-color:#ffa96a}.btn-outline-primary:focus,.btn-outline-primary.focus{box-shadow:0 0 0 .2rem rgba(255,169,106,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#ffa96a;background-color:rgba(0,0,0,0)}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{color:#212529;background-color:#ffa96a;border-color:#ffa96a}.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,169,106,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:focus,.btn-outline-secondary.focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:rgba(0,0,0,0)}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:focus,.btn-outline-success.focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:rgba(0,0,0,0)}.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:focus,.btn-outline-info.focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:rgba(0,0,0,0)}.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:focus,.btn-outline-warning.focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:rgba(0,0,0,0)}.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:focus,.btn-outline-danger.focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:rgba(0,0,0,0)}.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:focus,.btn-outline-light.focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:rgba(0,0,0,0)}.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled):active:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#2f2f2f;border-color:#2f2f2f}.btn-outline-dark:hover{color:#fff;background-color:#2f2f2f;border-color:#2f2f2f}.btn-outline-dark:focus,.btn-outline-dark.focus{box-shadow:0 0 0 .2rem rgba(47,47,47,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#2f2f2f;background-color:rgba(0,0,0,0)}.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#2f2f2f;border-color:#2f2f2f}.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(47,47,47,.5)}.btn-outline-judo{color:#ffa96a;border-color:#ffa96a}.btn-outline-judo:hover{color:#212529;background-color:#ffa96a;border-color:#ffa96a}.btn-outline-judo:focus,.btn-outline-judo.focus{box-shadow:0 0 0 .2rem rgba(255,169,106,.5)}.btn-outline-judo.disabled,.btn-outline-judo:disabled{color:#ffa96a;background-color:rgba(0,0,0,0)}.btn-outline-judo:not(:disabled):not(.disabled):active,.btn-outline-judo:not(:disabled):not(.disabled).active,.show>.btn-outline-judo.dropdown-toggle{color:#212529;background-color:#ffa96a;border-color:#ffa96a}.btn-outline-judo:not(:disabled):not(.disabled):active:focus,.btn-outline-judo:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-judo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,169,106,.5)}.btn-outline-judo2{color:#e96c43;border-color:#e96c43}.btn-outline-judo2:hover{color:#fff;background-color:#e96c43;border-color:#e96c43}.btn-outline-judo2:focus,.btn-outline-judo2.focus{box-shadow:0 0 0 .2rem rgba(233,108,67,.5)}.btn-outline-judo2.disabled,.btn-outline-judo2:disabled{color:#e96c43;background-color:rgba(0,0,0,0)}.btn-outline-judo2:not(:disabled):not(.disabled):active,.btn-outline-judo2:not(:disabled):not(.disabled).active,.show>.btn-outline-judo2.dropdown-toggle{color:#fff;background-color:#e96c43;border-color:#e96c43}.btn-outline-judo2:not(:disabled):not(.disabled):active:focus,.btn-outline-judo2:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-judo2.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(233,108,67,.5)}.btn-outline-judo3{color:#f2f2f2;border-color:#f2f2f2}.btn-outline-judo3:hover{color:#212529;background-color:#f2f2f2;border-color:#f2f2f2}.btn-outline-judo3:focus,.btn-outline-judo3.focus{box-shadow:0 0 0 .2rem rgba(242,242,242,.5)}.btn-outline-judo3.disabled,.btn-outline-judo3:disabled{color:#f2f2f2;background-color:rgba(0,0,0,0)}.btn-outline-judo3:not(:disabled):not(.disabled):active,.btn-outline-judo3:not(:disabled):not(.disabled).active,.show>.btn-outline-judo3.dropdown-toggle{color:#212529;background-color:#f2f2f2;border-color:#f2f2f2}.btn-outline-judo3:not(:disabled):not(.disabled):active:focus,.btn-outline-judo3:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-judo3.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(242,242,242,.5)}.btn-outline-muted{color:gray;border-color:gray}.btn-outline-muted:hover{color:#fff;background-color:gray;border-color:gray}.btn-outline-muted:focus,.btn-outline-muted.focus{box-shadow:0 0 0 .2rem rgba(128,128,128,.5)}.btn-outline-muted.disabled,.btn-outline-muted:disabled{color:gray;background-color:rgba(0,0,0,0)}.btn-outline-muted:not(:disabled):not(.disabled):active,.btn-outline-muted:not(:disabled):not(.disabled).active,.show>.btn-outline-muted.dropdown-toggle{color:#fff;background-color:gray;border-color:gray}.btn-outline-muted:not(:disabled):not(.disabled):active:focus,.btn-outline-muted:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-muted.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(128,128,128,.5)}.btn-outline-muted2{color:#e6e6e6;border-color:#e6e6e6}.btn-outline-muted2:hover{color:#212529;background-color:#e6e6e6;border-color:#e6e6e6}.btn-outline-muted2:focus,.btn-outline-muted2.focus{box-shadow:0 0 0 .2rem rgba(230,230,230,.5)}.btn-outline-muted2.disabled,.btn-outline-muted2:disabled{color:#e6e6e6;background-color:rgba(0,0,0,0)}.btn-outline-muted2:not(:disabled):not(.disabled):active,.btn-outline-muted2:not(:disabled):not(.disabled).active,.show>.btn-outline-muted2.dropdown-toggle{color:#212529;background-color:#e6e6e6;border-color:#e6e6e6}.btn-outline-muted2:not(:disabled):not(.disabled):active:focus,.btn-outline-muted2:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-muted2.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(230,230,230,.5)}.btn-outline-menu{color:rgba(47,47,47,.6);border-color:rgba(47,47,47,.6)}.btn-outline-menu:hover{color:#fff;background-color:rgba(47,47,47,.6);border-color:rgba(47,47,47,.6)}.btn-outline-menu:focus,.btn-outline-menu.focus{box-shadow:0 0 0 .2rem rgba(47,47,47,.5)}.btn-outline-menu.disabled,.btn-outline-menu:disabled{color:rgba(47,47,47,.6);background-color:rgba(0,0,0,0)}.btn-outline-menu:not(:disabled):not(.disabled):active,.btn-outline-menu:not(:disabled):not(.disabled).active,.show>.btn-outline-menu.dropdown-toggle{color:#fff;background-color:rgba(47,47,47,.6);border-color:rgba(47,47,47,.6)}.btn-outline-menu:not(:disabled):not(.disabled):active:focus,.btn-outline-menu:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-menu.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(47,47,47,.5)}.btn-link{font-weight:400;color:#ffa96a;text-decoration:none}.btn-link:hover{color:rgb(255,124.8456375839,29.5);text-decoration:underline}.btn-link:focus,.btn-link.focus{text-decoration:underline}.btn-link:disabled,.btn-link.disabled{color:#6c757d;pointer-events:none}.btn-lg,.btn-group-lg>.btn{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-sm,.btn-group-sm>.btn{padding:.25rem .5rem;font-size:0.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{transition:opacity .15s linear}@media(prefers-reduced-motion: reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media(prefers-reduced-motion: reduce){.collapsing{transition:none}}.collapsing.width{width:0;height:auto;transition:width .35s ease}@media(prefers-reduced-motion: reduce){.collapsing.width{transition:none}}.dropup,.dropright,.dropdown,.dropleft{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid rgba(0,0,0,0);border-bottom:0;border-left:.3em solid rgba(0,0,0,0)}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media(min-width: 576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media(min-width: 768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media(min-width: 992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media(min-width: 1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid rgba(0,0,0,0);border-bottom:.3em solid;border-left:.3em solid rgba(0,0,0,0)}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid rgba(0,0,0,0);border-right:0;border-bottom:.3em solid rgba(0,0,0,0);border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid rgba(0,0,0,0);border-right:.3em solid;border-bottom:.3em solid rgba(0,0,0,0)}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=top],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:rgba(0,0,0,0);border:0}.dropdown-item:hover,.dropdown-item:focus{color:hsl(210,10.8108108108%,9.5098039216%);text-decoration:none;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#ffa96a}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:rgba(0,0,0,0)}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:0.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;flex:1 1 auto}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover{z-index:1}.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child){margin-left:-1px}.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-control-plaintext,.input-group>.custom-select,.input-group>.custom-file{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control,.input-group>.form-control+.custom-select,.input-group>.form-control+.custom-file,.input-group>.form-control-plaintext+.form-control,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.custom-file,.input-group>.custom-select+.form-control,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.custom-file,.input-group>.custom-file+.form-control,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.custom-file{margin-left:-1px}.input-group>.form-control:focus,.input-group>.custom-select:focus,.input-group>.custom-file .custom-file-input:focus~.custom-file-label{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.form-control:not(:first-child),.input-group>.custom-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation)>.form-control:not(:last-child),.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.form-control:nth-last-child(n+3),.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend,.input-group-append{display:flex}.input-group-prepend .btn,.input-group-append .btn{position:relative;z-index:2}.input-group-prepend .btn:focus,.input-group-append .btn:focus{z-index:3}.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.input-group-text,.input-group-append .input-group-text+.btn{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=radio],.input-group-text input[type=checkbox]{margin-top:0}.input-group-lg>.form-control:not(textarea),.input-group-lg>.custom-select{height:calc(1.5em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.custom-select,.input-group-lg>.input-group-prepend>.input-group-text,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-append>.btn{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.form-control:not(textarea),.input-group-sm>.custom-select{height:calc(1.5em + 0.5rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.custom-select,.input-group-sm>.input-group-prepend>.input-group-text,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-append>.btn{padding:.25rem .5rem;font-size:0.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;print-color-adjust:exact}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#ffa96a;background-color:#ffa96a}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(255,169,106,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:rgb(255,242.5906040268,233.5)}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#fff;border-color:#fff}.custom-control-input[disabled]~.custom-control-label,.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input[disabled]~.custom-control-label::before,.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:1px solid #adb5bd}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:50%/50% 50% no-repeat}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#ffa96a;background-color:#ffa96a}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(255,169,106,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(255,169,106,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(255,169,106,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(0.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;transform:translateX(0.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(255,169,106,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:rgb(255,242.5906040268,233.5);outline:0;box-shadow:0 0 0 .2rem rgba(255,169,106,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + 0.5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:0.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + 0.75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + 0.75rem + 2px);margin:0;overflow:hidden;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:rgb(255,242.5906040268,233.5);box-shadow:0 0 0 .2rem rgba(255,169,106,.25)}.custom-file-input[disabled]~.custom-file-label,.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + 0.75rem + 2px);padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + 0.75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fcfcfc,0 0 0 .2rem rgba(255,169,106,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fcfcfc,0 0 0 .2rem rgba(255,169,106,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fcfcfc,0 0 0 .2rem rgba(255,169,106,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-0.25rem;background-color:#ffa96a;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.custom-range::-webkit-slider-thumb:active{background-color:#fff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:#dee2e6;border-color:rgba(0,0,0,0);border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#ffa96a;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb{-moz-appearance:none;appearance:none}.custom-range::-moz-range-thumb:active{background-color:#fff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:#dee2e6;border-color:rgba(0,0,0,0);border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#ffa96a;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb{appearance:none}.custom-range::-ms-thumb:active{background-color:#fff}.custom-range::-ms-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:hover,.nav-link:focus{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{isolation:isolate;border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:#495057;background-color:#fcfcfc;border-color:#dee2e6 #dee2e6 #fcfcfc}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:none;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#ffa96a}.nav-fill>.nav-link,.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified>.nav-link,.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-sm,.navbar .container-md,.navbar .container-lg,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:.25rem}.navbar-toggler:hover,.navbar-toggler:focus{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media(max-width: 575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media(max-width: 767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-md,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-md,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media(max-width: 991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media(max-width: 1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-sm,.navbar-expand>.container-md,.navbar-expand>.container-lg,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-sm,.navbar-expand>.container-md,.navbar-expand>.container-lg,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:hover,.navbar-light .navbar-text a:focus{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active{color:#fff}.navbar-dark .navbar-toggler{color:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:hover,.navbar-dark .navbar-text a:focus{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(0.25rem - 1px);border-bottom-left-radius:calc(0.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-0.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)}.card-header-tabs{margin-right:-0.625rem;margin-bottom:-0.75rem;margin-left:-0.625rem;border-bottom:0}.card-header-pills{margin-right:-0.625rem;margin-left:-0.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(0.25rem - 1px)}.card-img,.card-img-top,.card-img-bottom{flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(0.25rem - 1px);border-bottom-left-radius:calc(0.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media(min-width: 576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media(min-width: 576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media(min-width: 576px){.card-columns{-moz-column-count:3;column-count:3;grid-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#ffa96a;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:rgb(255,124.8456375839,29.5);text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(255,169,106,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#ffa96a;border-color:#ffa96a}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:0.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.badge{transition:none}}a.badge:hover,a.badge:focus{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#212529;background-color:#ffa96a}a.badge-primary:hover,a.badge-primary:focus{color:#212529;background-color:rgb(255,139.5637583893,55)}a.badge-primary:focus,a.badge-primary.focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,169,106,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:hover,a.badge-secondary:focus{color:#fff;background-color:rgb(84.3605150215,91.3905579399,97.6394849785)}a.badge-secondary:focus,a.badge-secondary.focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:hover,a.badge-success:focus{color:#fff;background-color:rgb(30.1449275362,125.8550724638,52)}a.badge-success:focus,a.badge-success.focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:hover,a.badge-info:focus{color:#fff;background-color:rgb(17.3333333333,122.0869565217,138.6666666667)}a.badge-info:focus,a.badge-info.focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:hover,a.badge-warning:focus{color:#212529;background-color:rgb(211,158.25,0)}a.badge-warning:focus,a.badge-warning.focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:hover,a.badge-danger:focus{color:#fff;background-color:rgb(189.2151898734,32.7848101266,47.7721518987)}a.badge-danger:focus,a.badge-danger.focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:hover,a.badge-light:focus{color:#212529;background-color:rgb(218.25,223.5,228.75)}a.badge-light:focus,a.badge-light.focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#2f2f2f}a.badge-dark:hover,a.badge-dark:focus{color:#fff;background-color:rgb(21.5,21.5,21.5)}a.badge-dark:focus,a.badge-dark.focus{outline:0;box-shadow:0 0 0 .2rem rgba(47,47,47,.5)}.badge-judo{color:#212529;background-color:#ffa96a}a.badge-judo:hover,a.badge-judo:focus{color:#212529;background-color:rgb(255,139.5637583893,55)}a.badge-judo:focus,a.badge-judo.focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,169,106,.5)}.badge-judo2{color:#fff;background-color:#e96c43}a.badge-judo2:hover,a.badge-judo2:focus{color:#fff;background-color:rgb(222.9142857143,74.7,26.0857142857)}a.badge-judo2:focus,a.badge-judo2.focus{outline:0;box-shadow:0 0 0 .2rem rgba(233,108,67,.5)}.badge-judo3{color:#212529;background-color:#f2f2f2}a.badge-judo3:hover,a.badge-judo3:focus{color:#212529;background-color:rgb(216.5,216.5,216.5)}a.badge-judo3:focus,a.badge-judo3.focus{outline:0;box-shadow:0 0 0 .2rem rgba(242,242,242,.5)}.badge-muted{color:#fff;background-color:gray}a.badge-muted:hover,a.badge-muted:focus{color:#fff;background-color:rgb(102.5,102.5,102.5)}a.badge-muted:focus,a.badge-muted.focus{outline:0;box-shadow:0 0 0 .2rem rgba(128,128,128,.5)}.badge-muted2{color:#212529;background-color:#e6e6e6}a.badge-muted2:hover,a.badge-muted2:focus{color:#212529;background-color:rgb(204.5,204.5,204.5)}a.badge-muted2:focus,a.badge-muted2.focus{outline:0;box-shadow:0 0 0 .2rem rgba(230,230,230,.5)}.badge-menu{color:#fff;background-color:rgba(47,47,47,.6)}a.badge-menu:hover,a.badge-menu:focus{color:#fff;background-color:rgba(21.5,21.5,21.5,.6)}a.badge-menu:focus,a.badge-menu.focus{outline:0;box-shadow:0 0 0 .2rem rgba(47,47,47,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media(min-width: 576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid rgba(0,0,0,0);border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:rgb(132.6,87.88,55.12);background-color:rgb(255,237.8,225.2);border-color:rgb(255,230.92,213.28)}.alert-primary hr{border-top-color:rgb(255,216.2018791946,187.78)}.alert-primary .alert-link{color:rgb(96.5750692521,64.0046537396,40.1449307479)}.alert-secondary{color:rgb(56.16,60.84,65);background-color:rgb(225.6,227.4,229);border-color:rgb(213.84,216.36,218.6)}.alert-secondary hr{border-top-color:hsl(208.2352941176,6.1371841155%,79.7921568627%)}.alert-secondary .alert-link{color:rgb(32.5205150215,35.2305579399,37.6394849785)}.alert-success{color:rgb(20.8,86.84,35.88);background-color:rgb(212,237.4,217.8);border-color:rgb(194.8,230.36,202.92)}.alert-success hr{border-top-color:rgb(176.7059405941,222.9540594059,187.2665346535)}.alert-success .alert-link{color:rgb(10.9449275362,45.6950724638,18.88)}.alert-info{color:rgb(11.96,84.24,95.68);background-color:rgb(208.6,236.4,240.8);border-color:rgb(190.04,228.96,235.12)}.alert-info hr{border-top-color:hsl(188.198757764,53.1353135314%,78.3647058824%)}.alert-info .alert-link{color:rgb(6.2933333333,44.3269565217,50.3466666667)}.alert-warning{color:rgb(132.6,100.36,3.64);background-color:rgb(255,242.6,205.4);border-color:rgb(255,237.64,185.56)}.alert-warning hr{border-top-color:rgb(255,231.265,160.06)}.alert-warning .alert-link{color:hsl(45,94.6564885496%,16.7137254902%)}.alert-danger{color:rgb(114.4,27.56,35.88);background-color:rgb(248,214.6,217.8);border-color:rgb(245.2,198.44,202.92)}.alert-danger hr{border-top-color:hsl(354.251497006,70.4641350211%,81.9882352941%)}.alert-danger .alert-link{color:rgb(73.3010989011,17.6589010989,22.9898901099)}.alert-light{color:rgb(128.96,129.48,130);background-color:rgb(253.6,253.8,254);border-color:rgb(253.04,253.32,253.6)}.alert-light hr{border-top-color:rgb(238.165,240.57,242.975)}.alert-light .alert-link{color:hsl(210,.4142766093%,40.7764705882%)}.alert-dark{color:rgb(24.44,24.44,24.44);background-color:rgb(213.4,213.4,213.4);border-color:hsl(0,0%,77.1607843137%)}.alert-dark hr{border-top-color:hsl(0,0%,72.1607843137%)}.alert-dark .alert-link{color:#000}.alert-judo{color:rgb(132.6,87.88,55.12);background-color:rgb(255,237.8,225.2);border-color:rgb(255,230.92,213.28)}.alert-judo hr{border-top-color:rgb(255,216.2018791946,187.78)}.alert-judo .alert-link{color:rgb(96.5750692521,64.0046537396,40.1449307479)}.alert-judo2{color:rgb(121.16,56.16,34.84);background-color:rgb(250.6,225.6,217.4);border-color:rgb(248.84,213.84,202.36)}.alert-judo2 hr{border-top-color:rgb(246.1685714286,195.99,179.5314285714)}.alert-judo2 .alert-link{color:rgb(81.55,37.8,23.45)}.alert-judo3{color:hsl(0,0%,49.3490196078%);background-color:rgb(252.4,252.4,252.4);border-color:hsl(0,0%,98.5725490196%)}.alert-judo3 hr{border-top-color:hsl(0,0%,93.5725490196%)}.alert-judo3 .alert-link{color:hsl(0,0%,39.3490196078%)}.alert-muted{color:rgb(66.56,66.56,66.56);background-color:rgb(229.6,229.6,229.6);border-color:hsl(0,0%,86.0549019608%)}.alert-muted hr{border-top-color:hsl(0,0%,81.0549019608%)}.alert-muted .alert-link{color:rgb(41.06,41.06,41.06)}.alert-muted2{color:rgb(119.6,119.6,119.6);background-color:#fafafa;border-color:#f8f8f8}.alert-muted2 hr{border-top-color:hsl(0,0%,92.2549019608%)}.alert-muted2 .alert-link{color:rgb(94.1,94.1,94.1)}.alert-menu{color:hsla(0,0%,5.8440937351%,.792);background-color:hsla(0,0%,92.1062618596%,.92);border-color:hsla(0,0%,88.3473389356%,.888)}.alert-menu hr{border-top-color:hsla(0,0%,83.3473389356%,.888)}.alert-menu .alert-link{color:rgba(0,0,0,.792)}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;line-height:0;font-size:0.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#ffa96a;transition:width .6s ease}@media(prefers-reduced-motion: reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:1rem 1rem}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media(prefers-reduced-motion: reduce){.progress-bar-animated{animation:none}}.media{display:flex;align-items:flex-start}.media-body{flex:1 1}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:hover,.list-group-item-action:focus{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#ffa96a;border-color:#ffa96a}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media(min-width: 576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:rgb(132.6,87.88,55.12);background-color:rgb(255,230.92,213.28)}.list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus{color:rgb(132.6,87.88,55.12);background-color:rgb(255,216.2018791946,187.78)}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:rgb(132.6,87.88,55.12);border-color:rgb(132.6,87.88,55.12)}.list-group-item-secondary{color:rgb(56.16,60.84,65);background-color:rgb(213.84,216.36,218.6)}.list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus{color:rgb(56.16,60.84,65);background-color:hsl(208.2352941176,6.1371841155%,79.7921568627%)}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:rgb(56.16,60.84,65);border-color:rgb(56.16,60.84,65)}.list-group-item-success{color:rgb(20.8,86.84,35.88);background-color:rgb(194.8,230.36,202.92)}.list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus{color:rgb(20.8,86.84,35.88);background-color:rgb(176.7059405941,222.9540594059,187.2665346535)}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:rgb(20.8,86.84,35.88);border-color:rgb(20.8,86.84,35.88)}.list-group-item-info{color:rgb(11.96,84.24,95.68);background-color:rgb(190.04,228.96,235.12)}.list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus{color:rgb(11.96,84.24,95.68);background-color:hsl(188.198757764,53.1353135314%,78.3647058824%)}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:rgb(11.96,84.24,95.68);border-color:rgb(11.96,84.24,95.68)}.list-group-item-warning{color:rgb(132.6,100.36,3.64);background-color:rgb(255,237.64,185.56)}.list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus{color:rgb(132.6,100.36,3.64);background-color:rgb(255,231.265,160.06)}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:rgb(132.6,100.36,3.64);border-color:rgb(132.6,100.36,3.64)}.list-group-item-danger{color:rgb(114.4,27.56,35.88);background-color:rgb(245.2,198.44,202.92)}.list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus{color:rgb(114.4,27.56,35.88);background-color:hsl(354.251497006,70.4641350211%,81.9882352941%)}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:rgb(114.4,27.56,35.88);border-color:rgb(114.4,27.56,35.88)}.list-group-item-light{color:rgb(128.96,129.48,130);background-color:rgb(253.04,253.32,253.6)}.list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus{color:rgb(128.96,129.48,130);background-color:rgb(238.165,240.57,242.975)}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:rgb(128.96,129.48,130);border-color:rgb(128.96,129.48,130)}.list-group-item-dark{color:rgb(24.44,24.44,24.44);background-color:hsl(0,0%,77.1607843137%)}.list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus{color:rgb(24.44,24.44,24.44);background-color:hsl(0,0%,72.1607843137%)}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:rgb(24.44,24.44,24.44);border-color:rgb(24.44,24.44,24.44)}.list-group-item-judo{color:rgb(132.6,87.88,55.12);background-color:rgb(255,230.92,213.28)}.list-group-item-judo.list-group-item-action:hover,.list-group-item-judo.list-group-item-action:focus{color:rgb(132.6,87.88,55.12);background-color:rgb(255,216.2018791946,187.78)}.list-group-item-judo.list-group-item-action.active{color:#fff;background-color:rgb(132.6,87.88,55.12);border-color:rgb(132.6,87.88,55.12)}.list-group-item-judo2{color:rgb(121.16,56.16,34.84);background-color:rgb(248.84,213.84,202.36)}.list-group-item-judo2.list-group-item-action:hover,.list-group-item-judo2.list-group-item-action:focus{color:rgb(121.16,56.16,34.84);background-color:rgb(246.1685714286,195.99,179.5314285714)}.list-group-item-judo2.list-group-item-action.active{color:#fff;background-color:rgb(121.16,56.16,34.84);border-color:rgb(121.16,56.16,34.84)}.list-group-item-judo3{color:hsl(0,0%,49.3490196078%);background-color:hsl(0,0%,98.5725490196%)}.list-group-item-judo3.list-group-item-action:hover,.list-group-item-judo3.list-group-item-action:focus{color:hsl(0,0%,49.3490196078%);background-color:hsl(0,0%,93.5725490196%)}.list-group-item-judo3.list-group-item-action.active{color:#fff;background-color:hsl(0,0%,49.3490196078%);border-color:hsl(0,0%,49.3490196078%)}.list-group-item-muted{color:rgb(66.56,66.56,66.56);background-color:hsl(0,0%,86.0549019608%)}.list-group-item-muted.list-group-item-action:hover,.list-group-item-muted.list-group-item-action:focus{color:rgb(66.56,66.56,66.56);background-color:hsl(0,0%,81.0549019608%)}.list-group-item-muted.list-group-item-action.active{color:#fff;background-color:rgb(66.56,66.56,66.56);border-color:rgb(66.56,66.56,66.56)}.list-group-item-muted2{color:rgb(119.6,119.6,119.6);background-color:#f8f8f8}.list-group-item-muted2.list-group-item-action:hover,.list-group-item-muted2.list-group-item-action:focus{color:rgb(119.6,119.6,119.6);background-color:hsl(0,0%,92.2549019608%)}.list-group-item-muted2.list-group-item-action.active{color:#fff;background-color:rgb(119.6,119.6,119.6);border-color:rgb(119.6,119.6,119.6)}.list-group-item-menu{color:hsla(0,0%,5.8440937351%,.792);background-color:hsla(0,0%,88.3473389356%,.888)}.list-group-item-menu.list-group-item-action:hover,.list-group-item-menu.list-group-item-action:focus{color:hsla(0,0%,5.8440937351%,.792);background-color:hsla(0,0%,83.3473389356%,.888)}.list-group-item-menu.list-group-item-action.active{color:#fff;background-color:hsla(0,0%,5.8440937351%,.792);border-color:hsla(0,0%,5.8440937351%,.792)}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus{opacity:.75}button.close{padding:0;background-color:rgba(0,0,0,0);border:0}a.close.disabled{pointer-events:none}.toast{flex-basis:350px;max-width:350px;font-size:0.875rem;background-color:hsla(0,0%,100%,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:hsla(0,0%,100%,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out}@media(prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition:none}}.modal.fade .modal-dialog{transform:translate(0, -50px)}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-moz-min-content;height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(0.3rem - 1px);border-bottom-left-radius:calc(0.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media(min-width: 576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-moz-min-content;height:min-content}.modal-sm{max-width:300px}}@media(min-width: 992px){.modal-lg,.modal-xl{max-width:800px}}@media(min-width: 1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:rgba(0,0,0,0);border-style:solid}.bs-tooltip-top,.bs-tooltip-auto[x-placement^=top]{padding:.4rem 0}.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^=top] .arrow{bottom:0}.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^=top] .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-right,.bs-tooltip-auto[x-placement^=right]{padding:0 .4rem}.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^=right] .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^=right] .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^=bottom]{padding:.4rem 0}.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^=bottom] .arrow{top:0}.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^=bottom] .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-left,.bs-tooltip-auto[x-placement^=left]{padding:0 .4rem}.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^=left] .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^=left] .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::before,.popover .arrow::after{position:absolute;display:block;content:"";border-color:rgba(0,0,0,0);border-style:solid}.bs-popover-top,.bs-popover-auto[x-placement^=top]{margin-bottom:.5rem}.bs-popover-top>.arrow,.bs-popover-auto[x-placement^=top]>.arrow{bottom:calc(-0.5rem - 1px)}.bs-popover-top>.arrow::before,.bs-popover-auto[x-placement^=top]>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-top>.arrow::after,.bs-popover-auto[x-placement^=top]>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-right,.bs-popover-auto[x-placement^=right]{margin-left:.5rem}.bs-popover-right>.arrow,.bs-popover-auto[x-placement^=right]>.arrow{left:calc(-0.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-right>.arrow::before,.bs-popover-auto[x-placement^=right]>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-right>.arrow::after,.bs-popover-auto[x-placement^=right]>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-bottom,.bs-popover-auto[x-placement^=bottom]{margin-top:.5rem}.bs-popover-bottom>.arrow,.bs-popover-auto[x-placement^=bottom]>.arrow{top:calc(-0.5rem - 1px)}.bs-popover-bottom>.arrow::before,.bs-popover-auto[x-placement^=bottom]>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-bottom>.arrow::after,.bs-popover-auto[x-placement^=bottom]>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-bottom .popover-header::before,.bs-popover-auto[x-placement^=bottom] .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-0.5rem;content:"";border-bottom:1px solid hsl(0,0%,97%)}.bs-popover-left,.bs-popover-auto[x-placement^=left]{margin-right:.5rem}.bs-popover-left>.arrow,.bs-popover-auto[x-placement^=left]>.arrow{right:calc(-0.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-left>.arrow::before,.bs-popover-auto[x-placement^=left]>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-left>.arrow::after,.bs-popover-auto[x-placement^=left]>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:hsl(0,0%,97%);border-bottom:1px solid hsl(0,0%,92%);border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media(prefers-reduced-motion: reduce){.carousel-item{transition:none}}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-left),.active.carousel-item-right{transform:translateX(100%)}.carousel-item-prev:not(.carousel-item-right),.active.carousel-item-left{transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media(prefers-reduced-motion: reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-prev,.carousel-control-next{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:none;border:0;opacity:.5;transition:opacity .15s ease}@media(prefers-reduced-motion: reduce){.carousel-control-prev,.carousel-control-next{transition:none}}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;width:20px;height:20px;background:50%/100% 100% no-repeat}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);opacity:.5;transition:opacity .6s ease}@media(prefers-reduced-motion: reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-0.125em;border:.25em solid currentcolor;border-right-color:rgba(0,0,0,0);border-radius:50%;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-0.125em;background-color:currentcolor;border-radius:50%;opacity:0;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media(prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{animation-duration:1.5s}}.align-baseline{vertical-align:baseline !important}.align-top{vertical-align:top !important}.align-middle{vertical-align:middle !important}.align-bottom{vertical-align:bottom !important}.align-text-bottom{vertical-align:text-bottom !important}.align-text-top{vertical-align:text-top !important}.bg-primary{background-color:#ffa96a !important}a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus{background-color:rgb(255,139.5637583893,55) !important}.bg-secondary{background-color:#6c757d !important}a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus{background-color:rgb(84.3605150215,91.3905579399,97.6394849785) !important}.bg-success{background-color:#28a745 !important}a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus{background-color:rgb(30.1449275362,125.8550724638,52) !important}.bg-info{background-color:#17a2b8 !important}a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus{background-color:rgb(17.3333333333,122.0869565217,138.6666666667) !important}.bg-warning{background-color:#ffc107 !important}a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus{background-color:rgb(211,158.25,0) !important}.bg-danger{background-color:#dc3545 !important}a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus{background-color:rgb(189.2151898734,32.7848101266,47.7721518987) !important}.bg-light{background-color:#f8f9fa !important}a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus{background-color:rgb(218.25,223.5,228.75) !important}.bg-dark{background-color:#2f2f2f !important}a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus{background-color:rgb(21.5,21.5,21.5) !important}.bg-judo{background-color:#ffa96a !important}a.bg-judo:hover,a.bg-judo:focus,button.bg-judo:hover,button.bg-judo:focus{background-color:rgb(255,139.5637583893,55) !important}.bg-judo2{background-color:#e96c43 !important}a.bg-judo2:hover,a.bg-judo2:focus,button.bg-judo2:hover,button.bg-judo2:focus{background-color:rgb(222.9142857143,74.7,26.0857142857) !important}.bg-judo3{background-color:#f2f2f2 !important}a.bg-judo3:hover,a.bg-judo3:focus,button.bg-judo3:hover,button.bg-judo3:focus{background-color:rgb(216.5,216.5,216.5) !important}.bg-muted{background-color:gray !important}a.bg-muted:hover,a.bg-muted:focus,button.bg-muted:hover,button.bg-muted:focus{background-color:rgb(102.5,102.5,102.5) !important}.bg-muted2{background-color:#e6e6e6 !important}a.bg-muted2:hover,a.bg-muted2:focus,button.bg-muted2:hover,button.bg-muted2:focus{background-color:rgb(204.5,204.5,204.5) !important}.bg-menu{background-color:rgba(47,47,47,.6) !important}a.bg-menu:hover,a.bg-menu:focus,button.bg-menu:hover,button.bg-menu:focus{background-color:rgba(21.5,21.5,21.5,.6) !important}.bg-white{background-color:#fff !important}.bg-transparent{background-color:rgba(0,0,0,0) !important}.border{border:1px solid #dee2e6 !important}.border-top{border-top:1px solid #dee2e6 !important}.border-right{border-right:1px solid #dee2e6 !important}.border-bottom{border-bottom:1px solid #dee2e6 !important}.border-left{border-left:1px solid #dee2e6 !important}.border-0{border:0 !important}.border-top-0{border-top:0 !important}.border-right-0{border-right:0 !important}.border-bottom-0{border-bottom:0 !important}.border-left-0{border-left:0 !important}.border-primary{border-color:#ffa96a !important}.border-secondary{border-color:#6c757d !important}.border-success{border-color:#28a745 !important}.border-info{border-color:#17a2b8 !important}.border-warning{border-color:#ffc107 !important}.border-danger{border-color:#dc3545 !important}.border-light{border-color:#f8f9fa !important}.border-dark{border-color:#2f2f2f !important}.border-judo{border-color:#ffa96a !important}.border-judo2{border-color:#e96c43 !important}.border-judo3{border-color:#f2f2f2 !important}.border-muted{border-color:gray !important}.border-muted2{border-color:#e6e6e6 !important}.border-menu{border-color:rgba(47,47,47,.6) !important}.border-white{border-color:#fff !important}.rounded-sm{border-radius:.2rem !important}.rounded{border-radius:.25rem !important}.rounded-top{border-top-left-radius:.25rem !important;border-top-right-radius:.25rem !important}.rounded-right{border-top-right-radius:.25rem !important;border-bottom-right-radius:.25rem !important}.rounded-bottom{border-bottom-right-radius:.25rem !important;border-bottom-left-radius:.25rem !important}.rounded-left{border-top-left-radius:.25rem !important;border-bottom-left-radius:.25rem !important}.rounded-lg{border-radius:.3rem !important}.rounded-circle{border-radius:50% !important}.rounded-pill{border-radius:50rem !important}.rounded-0{border-radius:0 !important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex,.shared-users{display:flex !important}.d-inline-flex{display:inline-flex !important}@media(min-width: 576px){.d-sm-none{display:none !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}}@media(min-width: 768px){.d-md-none{display:none !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}}@media(min-width: 992px){.d-lg-none{display:none !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:flex !important}.d-lg-inline-flex{display:inline-flex !important}}@media(min-width: 1200px){.d-xl-none{display:none !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:flex !important}.d-xl-inline-flex{display:inline-flex !important}}@media print{.d-print-none{display:none !important}.d-print-inline{display:inline !important}.d-print-inline-block{display:inline-block !important}.d-print-block{display:block !important}.d-print-table{display:table !important}.d-print-table-row{display:table-row !important}.d-print-table-cell{display:table-cell !important}.d-print-flex{display:flex !important}.d-print-inline-flex{display:inline-flex !important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.85714286%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-fill{flex:1 1 auto !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}@media(min-width: 576px){.flex-sm-row{flex-direction:row !important}.flex-sm-column{flex-direction:column !important}.flex-sm-row-reverse{flex-direction:row-reverse !important}.flex-sm-column-reverse{flex-direction:column-reverse !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-sm-fill{flex:1 1 auto !important}.flex-sm-grow-0{flex-grow:0 !important}.flex-sm-grow-1{flex-grow:1 !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-shrink-1{flex-shrink:1 !important}.justify-content-sm-start{justify-content:flex-start !important}.justify-content-sm-end{justify-content:flex-end !important}.justify-content-sm-center{justify-content:center !important}.justify-content-sm-between{justify-content:space-between !important}.justify-content-sm-around{justify-content:space-around !important}.align-items-sm-start{align-items:flex-start !important}.align-items-sm-end{align-items:flex-end !important}.align-items-sm-center{align-items:center !important}.align-items-sm-baseline{align-items:baseline !important}.align-items-sm-stretch{align-items:stretch !important}.align-content-sm-start{align-content:flex-start !important}.align-content-sm-end{align-content:flex-end !important}.align-content-sm-center{align-content:center !important}.align-content-sm-between{align-content:space-between !important}.align-content-sm-around{align-content:space-around !important}.align-content-sm-stretch{align-content:stretch !important}.align-self-sm-auto{align-self:auto !important}.align-self-sm-start{align-self:flex-start !important}.align-self-sm-end{align-self:flex-end !important}.align-self-sm-center{align-self:center !important}.align-self-sm-baseline{align-self:baseline !important}.align-self-sm-stretch{align-self:stretch !important}}@media(min-width: 768px){.flex-md-row{flex-direction:row !important}.flex-md-column{flex-direction:column !important}.flex-md-row-reverse{flex-direction:row-reverse !important}.flex-md-column-reverse{flex-direction:column-reverse !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-md-fill{flex:1 1 auto !important}.flex-md-grow-0{flex-grow:0 !important}.flex-md-grow-1{flex-grow:1 !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-shrink-1{flex-shrink:1 !important}.justify-content-md-start{justify-content:flex-start !important}.justify-content-md-end{justify-content:flex-end !important}.justify-content-md-center{justify-content:center !important}.justify-content-md-between{justify-content:space-between !important}.justify-content-md-around{justify-content:space-around !important}.align-items-md-start{align-items:flex-start !important}.align-items-md-end{align-items:flex-end !important}.align-items-md-center{align-items:center !important}.align-items-md-baseline{align-items:baseline !important}.align-items-md-stretch{align-items:stretch !important}.align-content-md-start{align-content:flex-start !important}.align-content-md-end{align-content:flex-end !important}.align-content-md-center{align-content:center !important}.align-content-md-between{align-content:space-between !important}.align-content-md-around{align-content:space-around !important}.align-content-md-stretch{align-content:stretch !important}.align-self-md-auto{align-self:auto !important}.align-self-md-start{align-self:flex-start !important}.align-self-md-end{align-self:flex-end !important}.align-self-md-center{align-self:center !important}.align-self-md-baseline{align-self:baseline !important}.align-self-md-stretch{align-self:stretch !important}}@media(min-width: 992px){.flex-lg-row{flex-direction:row !important}.flex-lg-column{flex-direction:column !important}.flex-lg-row-reverse{flex-direction:row-reverse !important}.flex-lg-column-reverse{flex-direction:column-reverse !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-lg-fill{flex:1 1 auto !important}.flex-lg-grow-0{flex-grow:0 !important}.flex-lg-grow-1{flex-grow:1 !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-shrink-1{flex-shrink:1 !important}.justify-content-lg-start{justify-content:flex-start !important}.justify-content-lg-end{justify-content:flex-end !important}.justify-content-lg-center{justify-content:center !important}.justify-content-lg-between{justify-content:space-between !important}.justify-content-lg-around{justify-content:space-around !important}.align-items-lg-start{align-items:flex-start !important}.align-items-lg-end{align-items:flex-end !important}.align-items-lg-center{align-items:center !important}.align-items-lg-baseline{align-items:baseline !important}.align-items-lg-stretch{align-items:stretch !important}.align-content-lg-start{align-content:flex-start !important}.align-content-lg-end{align-content:flex-end !important}.align-content-lg-center{align-content:center !important}.align-content-lg-between{align-content:space-between !important}.align-content-lg-around{align-content:space-around !important}.align-content-lg-stretch{align-content:stretch !important}.align-self-lg-auto{align-self:auto !important}.align-self-lg-start{align-self:flex-start !important}.align-self-lg-end{align-self:flex-end !important}.align-self-lg-center{align-self:center !important}.align-self-lg-baseline{align-self:baseline !important}.align-self-lg-stretch{align-self:stretch !important}}@media(min-width: 1200px){.flex-xl-row{flex-direction:row !important}.flex-xl-column{flex-direction:column !important}.flex-xl-row-reverse{flex-direction:row-reverse !important}.flex-xl-column-reverse{flex-direction:column-reverse !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-xl-fill{flex:1 1 auto !important}.flex-xl-grow-0{flex-grow:0 !important}.flex-xl-grow-1{flex-grow:1 !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-shrink-1{flex-shrink:1 !important}.justify-content-xl-start{justify-content:flex-start !important}.justify-content-xl-end{justify-content:flex-end !important}.justify-content-xl-center{justify-content:center !important}.justify-content-xl-between{justify-content:space-between !important}.justify-content-xl-around{justify-content:space-around !important}.align-items-xl-start{align-items:flex-start !important}.align-items-xl-end{align-items:flex-end !important}.align-items-xl-center{align-items:center !important}.align-items-xl-baseline{align-items:baseline !important}.align-items-xl-stretch{align-items:stretch !important}.align-content-xl-start{align-content:flex-start !important}.align-content-xl-end{align-content:flex-end !important}.align-content-xl-center{align-content:center !important}.align-content-xl-between{align-content:space-between !important}.align-content-xl-around{align-content:space-around !important}.align-content-xl-stretch{align-content:stretch !important}.align-self-xl-auto{align-self:auto !important}.align-self-xl-start{align-self:flex-start !important}.align-self-xl-end{align-self:flex-end !important}.align-self-xl-center{align-self:center !important}.align-self-xl-baseline{align-self:baseline !important}.align-self-xl-stretch{align-self:stretch !important}}.float-left{float:left !important}.float-right{float:right !important}.float-none{float:none !important}@media(min-width: 576px){.float-sm-left{float:left !important}.float-sm-right{float:right !important}.float-sm-none{float:none !important}}@media(min-width: 768px){.float-md-left{float:left !important}.float-md-right{float:right !important}.float-md-none{float:none !important}}@media(min-width: 992px){.float-lg-left{float:left !important}.float-lg-right{float:right !important}.float-lg-none{float:none !important}}@media(min-width: 1200px){.float-xl-left{float:left !important}.float-xl-right{float:right !important}.float-xl-none{float:none !important}}.user-select-all{-webkit-user-select:all !important;-moz-user-select:all !important;user-select:all !important}.user-select-auto{-webkit-user-select:auto !important;-moz-user-select:auto !important;user-select:auto !important}.user-select-none{-webkit-user-select:none !important;-moz-user-select:none !important;user-select:none !important}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.position-sticky{position:sticky !important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports(position: sticky){.sticky-top{position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175) !important}.shadow-none{box-shadow:none !important}.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-auto{width:auto !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.mw-100{max-width:100% !important}.mh-100{max-height:100% !important}.min-vw-100{min-width:100vw !important}.min-vh-100{min-height:100vh !important}.vw-100{width:100vw !important}.vh-100{height:100vh !important}.m-0{margin:0 !important}.mt-0,.my-0{margin-top:0 !important}.mr-0,.mx-0{margin-right:0 !important}.mb-0,.my-0{margin-bottom:0 !important}.ml-0,.mx-0{margin-left:0 !important}.m-1{margin:.25rem !important}.mt-1,.my-1{margin-top:.25rem !important}.mr-1,.mx-1{margin-right:.25rem !important}.mb-1,.my-1{margin-bottom:.25rem !important}.ml-1,.mx-1{margin-left:.25rem !important}.m-2{margin:.5rem !important}.mt-2,.my-2{margin-top:.5rem !important}.mr-2,.mx-2{margin-right:.5rem !important}.mb-2,.my-2{margin-bottom:.5rem !important}.ml-2,.mx-2{margin-left:.5rem !important}.m-3{margin:1rem !important}.mt-3,.my-3{margin-top:1rem !important}.mr-3,.mx-3{margin-right:1rem !important}.mb-3,.my-3{margin-bottom:1rem !important}.ml-3,.mx-3{margin-left:1rem !important}.m-4{margin:1.5rem !important}.mt-4,.my-4{margin-top:1.5rem !important}.mr-4,.mx-4{margin-right:1.5rem !important}.mb-4,.my-4{margin-bottom:1.5rem !important}.ml-4,.mx-4{margin-left:1.5rem !important}.m-5{margin:3rem !important}.mt-5,.my-5{margin-top:3rem !important}.mr-5,.mx-5{margin-right:3rem !important}.mb-5,.my-5{margin-bottom:3rem !important}.ml-5,.mx-5{margin-left:3rem !important}.p-0{padding:0 !important}.pt-0,.py-0{padding-top:0 !important}.pr-0,.px-0{padding-right:0 !important}.pb-0,.py-0{padding-bottom:0 !important}.pl-0,.px-0{padding-left:0 !important}.p-1{padding:.25rem !important}.pt-1,.py-1{padding-top:.25rem !important}.pr-1,.px-1{padding-right:.25rem !important}.pb-1,.py-1{padding-bottom:.25rem !important}.pl-1,.px-1{padding-left:.25rem !important}.p-2{padding:.5rem !important}.pt-2,.py-2{padding-top:.5rem !important}.pr-2,.px-2{padding-right:.5rem !important}.pb-2,.py-2{padding-bottom:.5rem !important}.pl-2,.px-2{padding-left:.5rem !important}.p-3{padding:1rem !important}.pt-3,.py-3{padding-top:1rem !important}.pr-3,.px-3{padding-right:1rem !important}.pb-3,.py-3{padding-bottom:1rem !important}.pl-3,.px-3{padding-left:1rem !important}.p-4{padding:1.5rem !important}.pt-4,.py-4{padding-top:1.5rem !important}.pr-4,.px-4{padding-right:1.5rem !important}.pb-4,.py-4{padding-bottom:1.5rem !important}.pl-4,.px-4{padding-left:1.5rem !important}.p-5{padding:3rem !important}.pt-5,.py-5{padding-top:3rem !important}.pr-5,.px-5{padding-right:3rem !important}.pb-5,.py-5{padding-bottom:3rem !important}.pl-5,.px-5{padding-left:3rem !important}.m-n1{margin:-0.25rem !important}.mt-n1,.my-n1{margin-top:-0.25rem !important}.mr-n1,.mx-n1{margin-right:-0.25rem !important}.mb-n1,.my-n1{margin-bottom:-0.25rem !important}.ml-n1,.mx-n1{margin-left:-0.25rem !important}.m-n2{margin:-0.5rem !important}.mt-n2,.my-n2{margin-top:-0.5rem !important}.mr-n2,.mx-n2{margin-right:-0.5rem !important}.mb-n2,.my-n2{margin-bottom:-0.5rem !important}.ml-n2,.mx-n2{margin-left:-0.5rem !important}.m-n3{margin:-1rem !important}.mt-n3,.my-n3{margin-top:-1rem !important}.mr-n3,.mx-n3{margin-right:-1rem !important}.mb-n3,.my-n3{margin-bottom:-1rem !important}.ml-n3,.mx-n3{margin-left:-1rem !important}.m-n4{margin:-1.5rem !important}.mt-n4,.my-n4{margin-top:-1.5rem !important}.mr-n4,.mx-n4{margin-right:-1.5rem !important}.mb-n4,.my-n4{margin-bottom:-1.5rem !important}.ml-n4,.mx-n4{margin-left:-1.5rem !important}.m-n5{margin:-3rem !important}.mt-n5,.my-n5{margin-top:-3rem !important}.mr-n5,.mx-n5{margin-right:-3rem !important}.mb-n5,.my-n5{margin-bottom:-3rem !important}.ml-n5,.mx-n5{margin-left:-3rem !important}.m-auto{margin:auto !important}.mt-auto,.my-auto{margin-top:auto !important}.mr-auto,.mx-auto{margin-right:auto !important}.mb-auto,.my-auto{margin-bottom:auto !important}.ml-auto,.mx-auto{margin-left:auto !important}@media(min-width: 576px){.m-sm-0{margin:0 !important}.mt-sm-0,.my-sm-0{margin-top:0 !important}.mr-sm-0,.mx-sm-0{margin-right:0 !important}.mb-sm-0,.my-sm-0{margin-bottom:0 !important}.ml-sm-0,.mx-sm-0{margin-left:0 !important}.m-sm-1{margin:.25rem !important}.mt-sm-1,.my-sm-1{margin-top:.25rem !important}.mr-sm-1,.mx-sm-1{margin-right:.25rem !important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem !important}.ml-sm-1,.mx-sm-1{margin-left:.25rem !important}.m-sm-2{margin:.5rem !important}.mt-sm-2,.my-sm-2{margin-top:.5rem !important}.mr-sm-2,.mx-sm-2{margin-right:.5rem !important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem !important}.ml-sm-2,.mx-sm-2{margin-left:.5rem !important}.m-sm-3{margin:1rem !important}.mt-sm-3,.my-sm-3{margin-top:1rem !important}.mr-sm-3,.mx-sm-3{margin-right:1rem !important}.mb-sm-3,.my-sm-3{margin-bottom:1rem !important}.ml-sm-3,.mx-sm-3{margin-left:1rem !important}.m-sm-4{margin:1.5rem !important}.mt-sm-4,.my-sm-4{margin-top:1.5rem !important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem !important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem !important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem !important}.m-sm-5{margin:3rem !important}.mt-sm-5,.my-sm-5{margin-top:3rem !important}.mr-sm-5,.mx-sm-5{margin-right:3rem !important}.mb-sm-5,.my-sm-5{margin-bottom:3rem !important}.ml-sm-5,.mx-sm-5{margin-left:3rem !important}.p-sm-0{padding:0 !important}.pt-sm-0,.py-sm-0{padding-top:0 !important}.pr-sm-0,.px-sm-0{padding-right:0 !important}.pb-sm-0,.py-sm-0{padding-bottom:0 !important}.pl-sm-0,.px-sm-0{padding-left:0 !important}.p-sm-1{padding:.25rem !important}.pt-sm-1,.py-sm-1{padding-top:.25rem !important}.pr-sm-1,.px-sm-1{padding-right:.25rem !important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem !important}.pl-sm-1,.px-sm-1{padding-left:.25rem !important}.p-sm-2{padding:.5rem !important}.pt-sm-2,.py-sm-2{padding-top:.5rem !important}.pr-sm-2,.px-sm-2{padding-right:.5rem !important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem !important}.pl-sm-2,.px-sm-2{padding-left:.5rem !important}.p-sm-3{padding:1rem !important}.pt-sm-3,.py-sm-3{padding-top:1rem !important}.pr-sm-3,.px-sm-3{padding-right:1rem !important}.pb-sm-3,.py-sm-3{padding-bottom:1rem !important}.pl-sm-3,.px-sm-3{padding-left:1rem !important}.p-sm-4{padding:1.5rem !important}.pt-sm-4,.py-sm-4{padding-top:1.5rem !important}.pr-sm-4,.px-sm-4{padding-right:1.5rem !important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem !important}.pl-sm-4,.px-sm-4{padding-left:1.5rem !important}.p-sm-5{padding:3rem !important}.pt-sm-5,.py-sm-5{padding-top:3rem !important}.pr-sm-5,.px-sm-5{padding-right:3rem !important}.pb-sm-5,.py-sm-5{padding-bottom:3rem !important}.pl-sm-5,.px-sm-5{padding-left:3rem !important}.m-sm-n1{margin:-0.25rem !important}.mt-sm-n1,.my-sm-n1{margin-top:-0.25rem !important}.mr-sm-n1,.mx-sm-n1{margin-right:-0.25rem !important}.mb-sm-n1,.my-sm-n1{margin-bottom:-0.25rem !important}.ml-sm-n1,.mx-sm-n1{margin-left:-0.25rem !important}.m-sm-n2{margin:-0.5rem !important}.mt-sm-n2,.my-sm-n2{margin-top:-0.5rem !important}.mr-sm-n2,.mx-sm-n2{margin-right:-0.5rem !important}.mb-sm-n2,.my-sm-n2{margin-bottom:-0.5rem !important}.ml-sm-n2,.mx-sm-n2{margin-left:-0.5rem !important}.m-sm-n3{margin:-1rem !important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem !important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem !important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem !important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem !important}.m-sm-n4{margin:-1.5rem !important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem !important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem !important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem !important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem !important}.m-sm-n5{margin:-3rem !important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem !important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem !important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem !important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem !important}.m-sm-auto{margin:auto !important}.mt-sm-auto,.my-sm-auto{margin-top:auto !important}.mr-sm-auto,.mx-sm-auto{margin-right:auto !important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto !important}.ml-sm-auto,.mx-sm-auto{margin-left:auto !important}}@media(min-width: 768px){.m-md-0{margin:0 !important}.mt-md-0,.my-md-0{margin-top:0 !important}.mr-md-0,.mx-md-0{margin-right:0 !important}.mb-md-0,.my-md-0{margin-bottom:0 !important}.ml-md-0,.mx-md-0{margin-left:0 !important}.m-md-1{margin:.25rem !important}.mt-md-1,.my-md-1{margin-top:.25rem !important}.mr-md-1,.mx-md-1{margin-right:.25rem !important}.mb-md-1,.my-md-1{margin-bottom:.25rem !important}.ml-md-1,.mx-md-1{margin-left:.25rem !important}.m-md-2{margin:.5rem !important}.mt-md-2,.my-md-2{margin-top:.5rem !important}.mr-md-2,.mx-md-2{margin-right:.5rem !important}.mb-md-2,.my-md-2{margin-bottom:.5rem !important}.ml-md-2,.mx-md-2{margin-left:.5rem !important}.m-md-3{margin:1rem !important}.mt-md-3,.my-md-3{margin-top:1rem !important}.mr-md-3,.mx-md-3{margin-right:1rem !important}.mb-md-3,.my-md-3{margin-bottom:1rem !important}.ml-md-3,.mx-md-3{margin-left:1rem !important}.m-md-4{margin:1.5rem !important}.mt-md-4,.my-md-4{margin-top:1.5rem !important}.mr-md-4,.mx-md-4{margin-right:1.5rem !important}.mb-md-4,.my-md-4{margin-bottom:1.5rem !important}.ml-md-4,.mx-md-4{margin-left:1.5rem !important}.m-md-5{margin:3rem !important}.mt-md-5,.my-md-5{margin-top:3rem !important}.mr-md-5,.mx-md-5{margin-right:3rem !important}.mb-md-5,.my-md-5{margin-bottom:3rem !important}.ml-md-5,.mx-md-5{margin-left:3rem !important}.p-md-0{padding:0 !important}.pt-md-0,.py-md-0{padding-top:0 !important}.pr-md-0,.px-md-0{padding-right:0 !important}.pb-md-0,.py-md-0{padding-bottom:0 !important}.pl-md-0,.px-md-0{padding-left:0 !important}.p-md-1{padding:.25rem !important}.pt-md-1,.py-md-1{padding-top:.25rem !important}.pr-md-1,.px-md-1{padding-right:.25rem !important}.pb-md-1,.py-md-1{padding-bottom:.25rem !important}.pl-md-1,.px-md-1{padding-left:.25rem !important}.p-md-2{padding:.5rem !important}.pt-md-2,.py-md-2{padding-top:.5rem !important}.pr-md-2,.px-md-2{padding-right:.5rem !important}.pb-md-2,.py-md-2{padding-bottom:.5rem !important}.pl-md-2,.px-md-2{padding-left:.5rem !important}.p-md-3{padding:1rem !important}.pt-md-3,.py-md-3{padding-top:1rem !important}.pr-md-3,.px-md-3{padding-right:1rem !important}.pb-md-3,.py-md-3{padding-bottom:1rem !important}.pl-md-3,.px-md-3{padding-left:1rem !important}.p-md-4{padding:1.5rem !important}.pt-md-4,.py-md-4{padding-top:1.5rem !important}.pr-md-4,.px-md-4{padding-right:1.5rem !important}.pb-md-4,.py-md-4{padding-bottom:1.5rem !important}.pl-md-4,.px-md-4{padding-left:1.5rem !important}.p-md-5{padding:3rem !important}.pt-md-5,.py-md-5{padding-top:3rem !important}.pr-md-5,.px-md-5{padding-right:3rem !important}.pb-md-5,.py-md-5{padding-bottom:3rem !important}.pl-md-5,.px-md-5{padding-left:3rem !important}.m-md-n1{margin:-0.25rem !important}.mt-md-n1,.my-md-n1{margin-top:-0.25rem !important}.mr-md-n1,.mx-md-n1{margin-right:-0.25rem !important}.mb-md-n1,.my-md-n1{margin-bottom:-0.25rem !important}.ml-md-n1,.mx-md-n1{margin-left:-0.25rem !important}.m-md-n2{margin:-0.5rem !important}.mt-md-n2,.my-md-n2{margin-top:-0.5rem !important}.mr-md-n2,.mx-md-n2{margin-right:-0.5rem !important}.mb-md-n2,.my-md-n2{margin-bottom:-0.5rem !important}.ml-md-n2,.mx-md-n2{margin-left:-0.5rem !important}.m-md-n3{margin:-1rem !important}.mt-md-n3,.my-md-n3{margin-top:-1rem !important}.mr-md-n3,.mx-md-n3{margin-right:-1rem !important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem !important}.ml-md-n3,.mx-md-n3{margin-left:-1rem !important}.m-md-n4{margin:-1.5rem !important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem !important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem !important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem !important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem !important}.m-md-n5{margin:-3rem !important}.mt-md-n5,.my-md-n5{margin-top:-3rem !important}.mr-md-n5,.mx-md-n5{margin-right:-3rem !important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem !important}.ml-md-n5,.mx-md-n5{margin-left:-3rem !important}.m-md-auto{margin:auto !important}.mt-md-auto,.my-md-auto{margin-top:auto !important}.mr-md-auto,.mx-md-auto{margin-right:auto !important}.mb-md-auto,.my-md-auto{margin-bottom:auto !important}.ml-md-auto,.mx-md-auto{margin-left:auto !important}}@media(min-width: 992px){.m-lg-0{margin:0 !important}.mt-lg-0,.my-lg-0{margin-top:0 !important}.mr-lg-0,.mx-lg-0{margin-right:0 !important}.mb-lg-0,.my-lg-0{margin-bottom:0 !important}.ml-lg-0,.mx-lg-0{margin-left:0 !important}.m-lg-1{margin:.25rem !important}.mt-lg-1,.my-lg-1{margin-top:.25rem !important}.mr-lg-1,.mx-lg-1{margin-right:.25rem !important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem !important}.ml-lg-1,.mx-lg-1{margin-left:.25rem !important}.m-lg-2{margin:.5rem !important}.mt-lg-2,.my-lg-2{margin-top:.5rem !important}.mr-lg-2,.mx-lg-2{margin-right:.5rem !important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem !important}.ml-lg-2,.mx-lg-2{margin-left:.5rem !important}.m-lg-3{margin:1rem !important}.mt-lg-3,.my-lg-3{margin-top:1rem !important}.mr-lg-3,.mx-lg-3{margin-right:1rem !important}.mb-lg-3,.my-lg-3{margin-bottom:1rem !important}.ml-lg-3,.mx-lg-3{margin-left:1rem !important}.m-lg-4{margin:1.5rem !important}.mt-lg-4,.my-lg-4{margin-top:1.5rem !important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem !important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem !important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem !important}.m-lg-5{margin:3rem !important}.mt-lg-5,.my-lg-5{margin-top:3rem !important}.mr-lg-5,.mx-lg-5{margin-right:3rem !important}.mb-lg-5,.my-lg-5{margin-bottom:3rem !important}.ml-lg-5,.mx-lg-5{margin-left:3rem !important}.p-lg-0{padding:0 !important}.pt-lg-0,.py-lg-0{padding-top:0 !important}.pr-lg-0,.px-lg-0{padding-right:0 !important}.pb-lg-0,.py-lg-0{padding-bottom:0 !important}.pl-lg-0,.px-lg-0{padding-left:0 !important}.p-lg-1{padding:.25rem !important}.pt-lg-1,.py-lg-1{padding-top:.25rem !important}.pr-lg-1,.px-lg-1{padding-right:.25rem !important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem !important}.pl-lg-1,.px-lg-1{padding-left:.25rem !important}.p-lg-2{padding:.5rem !important}.pt-lg-2,.py-lg-2{padding-top:.5rem !important}.pr-lg-2,.px-lg-2{padding-right:.5rem !important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem !important}.pl-lg-2,.px-lg-2{padding-left:.5rem !important}.p-lg-3{padding:1rem !important}.pt-lg-3,.py-lg-3{padding-top:1rem !important}.pr-lg-3,.px-lg-3{padding-right:1rem !important}.pb-lg-3,.py-lg-3{padding-bottom:1rem !important}.pl-lg-3,.px-lg-3{padding-left:1rem !important}.p-lg-4{padding:1.5rem !important}.pt-lg-4,.py-lg-4{padding-top:1.5rem !important}.pr-lg-4,.px-lg-4{padding-right:1.5rem !important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem !important}.pl-lg-4,.px-lg-4{padding-left:1.5rem !important}.p-lg-5{padding:3rem !important}.pt-lg-5,.py-lg-5{padding-top:3rem !important}.pr-lg-5,.px-lg-5{padding-right:3rem !important}.pb-lg-5,.py-lg-5{padding-bottom:3rem !important}.pl-lg-5,.px-lg-5{padding-left:3rem !important}.m-lg-n1{margin:-0.25rem !important}.mt-lg-n1,.my-lg-n1{margin-top:-0.25rem !important}.mr-lg-n1,.mx-lg-n1{margin-right:-0.25rem !important}.mb-lg-n1,.my-lg-n1{margin-bottom:-0.25rem !important}.ml-lg-n1,.mx-lg-n1{margin-left:-0.25rem !important}.m-lg-n2{margin:-0.5rem !important}.mt-lg-n2,.my-lg-n2{margin-top:-0.5rem !important}.mr-lg-n2,.mx-lg-n2{margin-right:-0.5rem !important}.mb-lg-n2,.my-lg-n2{margin-bottom:-0.5rem !important}.ml-lg-n2,.mx-lg-n2{margin-left:-0.5rem !important}.m-lg-n3{margin:-1rem !important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem !important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem !important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem !important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem !important}.m-lg-n4{margin:-1.5rem !important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem !important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem !important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem !important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem !important}.m-lg-n5{margin:-3rem !important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem !important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem !important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem !important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem !important}.m-lg-auto{margin:auto !important}.mt-lg-auto,.my-lg-auto{margin-top:auto !important}.mr-lg-auto,.mx-lg-auto{margin-right:auto !important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto !important}.ml-lg-auto,.mx-lg-auto{margin-left:auto !important}}@media(min-width: 1200px){.m-xl-0{margin:0 !important}.mt-xl-0,.my-xl-0{margin-top:0 !important}.mr-xl-0,.mx-xl-0{margin-right:0 !important}.mb-xl-0,.my-xl-0{margin-bottom:0 !important}.ml-xl-0,.mx-xl-0{margin-left:0 !important}.m-xl-1{margin:.25rem !important}.mt-xl-1,.my-xl-1{margin-top:.25rem !important}.mr-xl-1,.mx-xl-1{margin-right:.25rem !important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem !important}.ml-xl-1,.mx-xl-1{margin-left:.25rem !important}.m-xl-2{margin:.5rem !important}.mt-xl-2,.my-xl-2{margin-top:.5rem !important}.mr-xl-2,.mx-xl-2{margin-right:.5rem !important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem !important}.ml-xl-2,.mx-xl-2{margin-left:.5rem !important}.m-xl-3{margin:1rem !important}.mt-xl-3,.my-xl-3{margin-top:1rem !important}.mr-xl-3,.mx-xl-3{margin-right:1rem !important}.mb-xl-3,.my-xl-3{margin-bottom:1rem !important}.ml-xl-3,.mx-xl-3{margin-left:1rem !important}.m-xl-4{margin:1.5rem !important}.mt-xl-4,.my-xl-4{margin-top:1.5rem !important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem !important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem !important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem !important}.m-xl-5{margin:3rem !important}.mt-xl-5,.my-xl-5{margin-top:3rem !important}.mr-xl-5,.mx-xl-5{margin-right:3rem !important}.mb-xl-5,.my-xl-5{margin-bottom:3rem !important}.ml-xl-5,.mx-xl-5{margin-left:3rem !important}.p-xl-0{padding:0 !important}.pt-xl-0,.py-xl-0{padding-top:0 !important}.pr-xl-0,.px-xl-0{padding-right:0 !important}.pb-xl-0,.py-xl-0{padding-bottom:0 !important}.pl-xl-0,.px-xl-0{padding-left:0 !important}.p-xl-1{padding:.25rem !important}.pt-xl-1,.py-xl-1{padding-top:.25rem !important}.pr-xl-1,.px-xl-1{padding-right:.25rem !important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem !important}.pl-xl-1,.px-xl-1{padding-left:.25rem !important}.p-xl-2{padding:.5rem !important}.pt-xl-2,.py-xl-2{padding-top:.5rem !important}.pr-xl-2,.px-xl-2{padding-right:.5rem !important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem !important}.pl-xl-2,.px-xl-2{padding-left:.5rem !important}.p-xl-3{padding:1rem !important}.pt-xl-3,.py-xl-3{padding-top:1rem !important}.pr-xl-3,.px-xl-3{padding-right:1rem !important}.pb-xl-3,.py-xl-3{padding-bottom:1rem !important}.pl-xl-3,.px-xl-3{padding-left:1rem !important}.p-xl-4{padding:1.5rem !important}.pt-xl-4,.py-xl-4{padding-top:1.5rem !important}.pr-xl-4,.px-xl-4{padding-right:1.5rem !important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem !important}.pl-xl-4,.px-xl-4{padding-left:1.5rem !important}.p-xl-5{padding:3rem !important}.pt-xl-5,.py-xl-5{padding-top:3rem !important}.pr-xl-5,.px-xl-5{padding-right:3rem !important}.pb-xl-5,.py-xl-5{padding-bottom:3rem !important}.pl-xl-5,.px-xl-5{padding-left:3rem !important}.m-xl-n1{margin:-0.25rem !important}.mt-xl-n1,.my-xl-n1{margin-top:-0.25rem !important}.mr-xl-n1,.mx-xl-n1{margin-right:-0.25rem !important}.mb-xl-n1,.my-xl-n1{margin-bottom:-0.25rem !important}.ml-xl-n1,.mx-xl-n1{margin-left:-0.25rem !important}.m-xl-n2{margin:-0.5rem !important}.mt-xl-n2,.my-xl-n2{margin-top:-0.5rem !important}.mr-xl-n2,.mx-xl-n2{margin-right:-0.5rem !important}.mb-xl-n2,.my-xl-n2{margin-bottom:-0.5rem !important}.ml-xl-n2,.mx-xl-n2{margin-left:-0.5rem !important}.m-xl-n3{margin:-1rem !important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem !important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem !important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem !important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem !important}.m-xl-n4{margin:-1.5rem !important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem !important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem !important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem !important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem !important}.m-xl-n5{margin:-3rem !important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem !important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem !important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem !important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem !important}.m-xl-auto{margin:auto !important}.mt-xl-auto,.my-xl-auto{margin-top:auto !important}.mr-xl-auto,.mx-xl-auto{margin-right:auto !important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto !important}.ml-xl-auto,.mx-xl-auto{margin-left:auto !important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important}.text-justify{text-align:justify !important}.text-wrap{white-space:normal !important}.text-nowrap{white-space:nowrap !important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}@media(min-width: 576px){.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}.text-sm-center{text-align:center !important}}@media(min-width: 768px){.text-md-left{text-align:left !important}.text-md-right{text-align:right !important}.text-md-center{text-align:center !important}}@media(min-width: 992px){.text-lg-left{text-align:left !important}.text-lg-right{text-align:right !important}.text-lg-center{text-align:center !important}}@media(min-width: 1200px){.text-xl-left{text-align:left !important}.text-xl-right{text-align:right !important}.text-xl-center{text-align:center !important}}.text-lowercase{text-transform:lowercase !important}.text-uppercase{text-transform:uppercase !important}.text-capitalize{text-transform:capitalize !important}.font-weight-light{font-weight:300 !important}.font-weight-lighter{font-weight:lighter !important}.font-weight-normal{font-weight:400 !important}.font-weight-bold{font-weight:700 !important}.font-weight-bolder{font-weight:bolder !important}.font-italic{font-style:italic !important}.text-white{color:#fff !important}.text-primary{color:#ffa96a !important}a.text-primary:hover,a.text-primary:focus{color:rgb(255,124.8456375839,29.5) !important}.text-secondary{color:#6c757d !important}a.text-secondary:hover,a.text-secondary:focus{color:rgb(72.5407725322,78.5858369099,83.9592274678) !important}.text-success{color:#28a745 !important}a.text-success:hover,a.text-success:focus{color:rgb(25.2173913043,105.2826086957,43.5) !important}.text-info{color:#17a2b8 !important}a.text-info:hover,a.text-info:focus{color:rgb(14.5,102.1304347826,116) !important}.text-warning{color:#ffc107 !important}a.text-warning:hover,a.text-warning:focus{color:rgb(185.5,139.125,0) !important}.text-danger{color:#dc3545 !important}a.text-danger:hover,a.text-danger:focus{color:rgb(167.4810126582,29.0189873418,42.2848101266) !important}.text-light{color:#f8f9fa !important}a.text-light:hover,a.text-light:focus{color:rgb(203.375,210.75,218.125) !important}.text-dark{color:#2f2f2f !important}a.text-dark:hover,a.text-dark:focus{color:rgb(8.75,8.75,8.75) !important}.text-judo{color:#ffa96a !important}a.text-judo:hover,a.text-judo:focus{color:rgb(255,124.8456375839,29.5) !important}.text-judo2{color:#e96c43 !important}a.text-judo2:hover,a.text-judo2:focus{color:rgb(200.0857142857,67.05,23.4142857143) !important}.text-judo3{color:#f2f2f2 !important}a.text-judo3:hover,a.text-judo3:focus{color:hsl(0,0%,79.9019607843%) !important}.text-muted{color:gray !important}a.text-muted:hover,a.text-muted:focus{color:rgb(89.75,89.75,89.75) !important}.text-muted2{color:#e6e6e6 !important}a.text-muted2:hover,a.text-muted2:focus{color:hsl(0,0%,75.1960784314%) !important}.text-menu{color:rgba(47,47,47,.6) !important}a.text-menu:hover,a.text-menu:focus{color:rgba(8.75,8.75,8.75,.6) !important}.text-body{color:#212529 !important}.text-muted{color:#6c757d !important}.text-black-50{color:rgba(0,0,0,.5) !important}.text-white-50{color:hsla(0,0%,100%,.5) !important}.text-hide{font:0/0 a;color:rgba(0,0,0,0);text-shadow:none;background-color:rgba(0,0,0,0);border:0}.text-decoration-none{text-decoration:none !important}.text-break{word-break:break-word !important;word-wrap:break-word !important}.text-reset{color:inherit !important}.visible{visibility:visible !important}.invisible{visibility:hidden !important}@media print{*,*::before,*::after{text-shadow:none !important;box-shadow:none !important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap !important}pre,blockquote{border:1px solid #adb5bd;page-break-inside:avoid}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px !important}.container{min-width:992px !important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #dee2e6 !important}.table-dark{color:inherit}.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}.form-signin{width:100%;max-width:420px;padding:15px;margin:auto}.form-label-group{position:relative;margin-bottom:1rem}.form-label-group>input,.form-label-group>label{height:3.71rem;padding:1rem;padding-left:4rem;border-radius:.25rem;box-sizing:border-box}.form-label-group>img{position:absolute;left:.5rem;top:.5rem}.form-label-group>label{position:absolute;top:0;left:0;display:block;width:100%;margin-bottom:0;line-height:1.5;color:#495057;pointer-events:none;cursor:text;transition:all .1s ease-in-out}.field_with_errors{position:relative;margin-bottom:1rem}.field_with_errors .form-control{border-color:#dc3545}.field_with_errors .form-label-group .form-control{border-color:#dc3545}.field_with_errors .form-label-group label{color:#dc3545;font-size:12px;top:.25rem}.field_with_errors .form-label-group input{border-color:#dc3545;padding-top:1.25rem;padding-bottom:.25rem}.field_with_errors .error-message{color:#dc3545;font-size:12px;margin-top:.5rem}.form-label-group input::-moz-placeholder{color:rgba(0,0,0,0)}.form-label-group input::placeholder{color:rgba(0,0,0,0)}.form-label-group input:not(:-moz-placeholder-shown){padding-top:1.25rem;padding-bottom:.25rem}.form-label-group input:not(:placeholder-shown){padding-top:1.25rem;padding-bottom:.25rem}.form-label-group input:not(:-moz-placeholder-shown)~label{padding-top:.25rem;padding-bottom:.25rem;font-size:12px;color:#777}.form-label-group input:not(:placeholder-shown)~label{padding-top:.25rem;padding-bottom:.25rem;font-size:12px;color:#777}@supports(-ms-ime-align: auto){.form-label-group>label{display:none}.form-label-group input::-ms-input-placeholder{color:#777}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.form-label-group>label{display:none}.form-label-group input:-ms-input-placeholder{color:#777}}.additional-actions{display:flex;align-items:center;flex-direction:column;max-width:420px;padding:15px;margin:auto}.oauth-providers{display:flex;justify-content:center;flex-direction:column;width:100%;max-width:420px;padding:0 15px 15px;margin:0 auto}.provider__google,.provider__calendar{display:flex;align-items:center;background:#4285f4;color:#fff;width:100%;border-radius:.3rem;text-align:center;padding:0;height:32px}.provider__google span,.provider__calendar span{flex:1 1}.provider__google:hover,.provider__calendar:hover{color:#fff;text-decoration:none}.provider__calendar{display:inline-flex;border:#4285f4;padding:0 1rem 0 0;width:auto;height:32px}.provider__calendar img{height:32px !important}.provider__calendar.btn-danger{height:32px;border:1px solid #dc3545;color:#dc3545;background:rgba(0,0,0,0)}.provider__calendar.btn-danger:hover{background:#dc3545;color:#fff}.links-divider::before{content:" "}.icon{width:13px;height:13px;fill:#555}.white-icon .icon{fill:#fff}.gray-icon .icon{fill:#aaa}.sortable-row .highlight-icon .icon,.sortable-row .highlight-icon i{fill:#eee;color:#eee}.sortable-row:hover .highlight-icon .icon,.sortable-row:hover .highlight-icon i{fill:gray;color:gray}.sortable-placeholder{height:8em;line-height:8em;background:#ggg}p.description{margin-top:3px;margin-bottom:3px}.fw-job-button{width:110px}.mdl-chip__contact{outline:none}.simple-work-log{padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5}.simple-work-log p:last-child{margin:0}img.hero-image{position:relative}img.hero-image:after{display:block;position:absolute;top:-1px;left:0;width:100%;height:calc(100% + 2px);background-color:#fff;content:"";line-height:2em}.dataroom-item{font-size:1.2em;color:dimgray}.dataroom-item:hover .dataroom-item-title{text-decoration:underline;-webkit-text-decoration-color:orange;text-decoration-color:orange;cursor:pointer}input.in-place{margin-top:5px;margin-bottom:5px;width:100%;outline:none;border:none;border-bottom:1px solid #ddd;box-sizing:border-box}input.in-place:not(:disabled):hover{outline:none;border-bottom:1px solid green}input.in-place:focus{outline:none;border-bottom:1px solid green}textarea.in-place:focus{outline:none;border-radius:6px !important;border-bottom:none}.form-divider{font-size:1.2rem;margin-top:1rem;margin-bottom:.5rem;font-weight:bold;color:#6c757d !important}.form-message{color:#6c757d !important}.dollar-sign{position:absolute;left:15px;transform:translateY(35%);font-size:16px;color:#888;pointer-events:none}.money-input{padding-left:15px;width:100%}input[type=radio]{-webkit-appearance:radio !important;-moz-appearance:radio !important;appearance:radio !important;opacity:1 !important;position:static !important;display:inline-block !important;width:auto !important;height:auto !important;clip:auto !important}.droppable-hover{background-color:#ffa96a !important}textarea.textarea-autosize{height:2.25rem;min-height:2.25rem;resize:none;overflow-y:hidden}textarea.textarea-autosize.form-control-lg{height:3.75rem;min-height:3.75rem}textarea.textarea-autosize.form-control-sm{height:2rem;min-height:2rem}textarea.in-place{border:none !important;border-bottom:1px solid #ced4da !important;border-radius:0 !important;outline:none}textarea.in-place:hover{border-bottom:1px solid green !important}.inputGroup{display:block;margin:5px 0;position:relative}.inputGroup label{padding:12px 0px;width:100%;display:block;text-align:left;color:#3c454c;cursor:pointer;position:relative;z-index:2;transition:color 200ms ease-in;overflow:hidden}.inputGroup label:before{width:10px;height:10px;border-radius:50%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale3d(1, 1, 1);transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;z-index:-1}.inputGroup label:after{width:32px;height:32px;content:"";border:2px solid #d1d7dc;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z%27 fill=%27%23fff%27 fill-rule=%27nonzero%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:2px 3px;border-radius:50%;z-index:2;position:absolute;right:0px;top:50%;margin-right:10px;transform:translateY(-50%);cursor:pointer;transition:all 200ms ease-in}.inputGroup input.todo:checked~label{text-decoration:line-through}.inputGroup input.todo:checked~label:before{transform:translate(-50%, -50%) scale3d(56, 56, 1);opacity:1}.inputGroup input.todo:checked~label:after{background-color:#54e0c7;border-color:#54e0c7}.inputGroup input:checked~label:before{transform:translate(-50%, -50%) scale3d(56, 56, 1);opacity:1}.inputGroup input:checked~label:after{background-color:#54e0c7;border-color:#54e0c7}.inputGroup input{width:32px;height:32px;order:1;z-index:2;position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer;visibility:hidden}.horizontal-scroll{border-bottom:0;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;overflow-y:hidden}@media(max-width: 768px){.horizontal-scroll{width:100%}}.horizontal-scroll::-webkit-scrollbar{display:none}.nav-tabs>li.nav-item{float:none}.nav-tabs>li.nav-item>a{border-bottom:2px solid #ddd;color:#666}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border-bottom:0}.nav-tabs>li.active>a,.nav-tabs>li.nav-item>a:hover{background:rgba(0,0,0,0);color:#4285f4}.search{width:150px}div.results>a:hover{text-decoration:none}.job-users-container{display:flex;flex-direction:column;margin:0;padding:0}.job-user-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0;padding:.5rem 0;border-bottom:1px solid #eee}.job-user-row:last-child{border-bottom:none}.job-user-info{flex:1 1;min-width:200px}.job-user-access{flex:0 1;margin-left:1rem}.mdl-layout__drawer-right{display:flex;flex-direction:column;flex-wrap:nowrap;min-width:340px;max-width:600px;width:85%;height:100%;max-height:100%;position:absolute;top:0;right:-95%;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14),0 3px 1px -2px rgba(0, 0, 0, 0.2),0 1px 5px 0 rgba(0, 0, 0, 0.12);box-sizing:border-box;border-right:1px solid #e0e0e0;background:#fafafa;will-change:right;transition-duration:.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:right;color:#424242;overflow:hidden;overflow-y:auto;z-index:5}.active{right:0}.mdl-layout__obfuscator-right{background-color:transparent;position:absolute;top:0;left:0;height:100%;width:100%;z-index:4;visibility:hidden;transition-property:background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mdl-layout__drawer-right.active~.mdl-layout__obfuscator-right{background-color:rgba(0, 0, 0, 0.5);visibility:visible}.mdl-layout__drawer-right>.mdl-layout-title{line-height:56px;padding-left:16px}.badge-outline-primary{color:#405189;border:1px solid #405189}.badge-outline-secondary{color:#999;border:1px solid #999}.badge-outline-info{color:#3da5f4;border:1px solid #3da5f4}.badge-outline-danger{color:#f1536e;border:1px solid #f1536e}.badge-outline-success{color:#00c689;border:1px solid #00c689}.badge-outline-warning{color:#fda006;border:1px solid #fda006}.badge.badge-pill{border-radius:10rem}.check-circle{width:32px;height:32px;content:"";border:2px solid #d1d7dc;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z%27 fill=%27%23fff%27 fill-rule=%27nonzero%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:2px 3px;border-radius:50%;z-index:2;cursor:pointer;transition:all 200ms ease-in}.check-circle.done{background-color:#54e0c7;border-color:#54e0c7}.reaction-badge[data-badge]:after{top:-14px;right:-9px}.reaction-badge.inactive[data-badge]:after{display:none;background:gray}.reaction-badge[data-badge]:after{top:-14px;right:-9px}.reaction{font-size:24px;line-height:1.2em;cursor:pointer}.recent-item::after{width:5px !important;height:5px !important}.worklog-row .recent-item::after{top:-8px}.jobrow .recent-item::after{top:-5px !important}.typing-indicator{display:flex;align-items:center}.typing-indicator .mdl-chip__contact:last-of-type{margin-right:1rem !important}.dot-flashing{position:relative;width:10px;height:10px;border-radius:5px;background-color:#ffa96a;color:#ffa96a;animation:dot-flashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing::before,.dot-flashing::after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#ffa96a;color:#ffa96a;animation:dot-flashing 1s infinite alternate;animation-delay:0s}.dot-flashing::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#ffa96a;color:#ffa96a;animation:dot-flashing 1s infinite alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:#ffa96a}50%,100%{background-color:rgba(255,169,106,.2)}}.assistant-drawer>.mdl-layout__drawer-button{display:none}.assistant-chat .typing-indicator .mdl-chip__contact,.assistant-chat .typing-indicator img{width:3.5rem !important;height:3.5rem !important;border-radius:50%}.assistant-chat .typing-indicator:not(:empty){margin-bottom:.5rem}.chat .message{display:grid !important;align-items:flex-end;margin-bottom:1rem;grid-template-columns:50px 1fr;grid-gap:0;gap:0}.chat .message p:last-child{margin-bottom:0}.chat .message .message-content{padding:1rem 1.7rem;background:#f2f2f2;border-radius:1.79rem 2.14rem 2.14rem 0rem;color:#2f2f2f}.chat .message .mdl-chip__contact,.chat .message img,.chat .message .user-avatar{border-radius:50%}.chat .message .provider__calendar img{height:32px !important;width:auto !important;padding-right:8px}.chat .message.assistant .message-content,.chat .message.user_only .message-content{margin-left:.5rem}.chat .message.debug{grid-template-columns:1fr}.chat .message.user{grid-template-columns:1fr 56px !important}.chat .message.user>div[data-controller=user-avatar]{order:2 !important;margin-right:0 !important;margin-left:.5rem !important}.chat .message.user>span,.chat .message.user>img{order:2 !important;margin-right:0 !important;margin-left:.5rem !important}.chat .message.user .mdl-chip__contact{margin-right:0 !important;margin-left:.5rem;line-height:3.5rem;font-size:2rem}.chat .message.user img,.chat .message.user span.user-avatar{margin-right:0 !important;margin-left:0}.chat .message.user .message-content{order:1 !important;border-radius:2.14rem 1.79rem 0rem 2.14rem;margin-right:.5rem !important;margin-left:0 !important;background:#ffa96a;color:#fff;min-width:200px;word-wrap:break-word;overflow-wrap:break-word}.assistant-chat .form-control{padding:1rem 1.7rem;border-radius:2.14rem 1.79rem 0rem 2.14rem}.assistant-chat .form-control::-moz-placeholder{color:#a9a9a9}.assistant-chat .form-control::placeholder{color:#a9a9a9}#assistant-modal .chat .message.user{grid-template-columns:minmax(200px, 1fr) 56px !important}#assistant-modal .chat .message.user>div[data-controller=user-avatar]{order:2 !important;margin-right:0 !important;margin-left:.5rem !important}#assistant-modal .chat .message.user>span,#assistant-modal .chat .message.user>img{order:2 !important;margin-right:0 !important;margin-left:.5rem !important}#assistant-modal .chat .message.user .message-content{order:1 !important;max-width:none;width:auto;min-width:200px;margin-right:.5rem !important;margin-left:0 !important}@media(max-width: 768px){#assistant-modal .chat .message.user{grid-template-columns:minmax(150px, 1fr) 50px}#assistant-modal .chat .message.user .message-content{min-width:150px}}.chat-list>div{display:grid;grid-template-columns:4rem 1fr;padding:.8rem 2rem;border-bottom:1px solid #f0f0f0}.chat-list>div:hover{background-color:rgba(255,169,106,.25);border-radius:16px}.chat-list>div.item-selected{outline:2px solid #ffa96a;outline-offset:2px;border-radius:16px;background-color:rgba(255,169,106,.18)}.chat-list>div>.mdl-chip__contact,.chat-list>div>img,.chat-list>div .user-avatar{border-radius:100%;margin:0 !important}.chat-list>div>.mdl-chip__contact{line-height:3.64rem}.chat-list a:hover{text-decoration:none}.chat-list .chat-list__content{margin-left:1.7rem;color:rgba(0,0,0,.6);font-size:.85rem;display:grid;min-height:60px;grid-template-columns:3fr 1fr}.chat-list .chat-list__content>div{display:flex;flex-direction:column;justify-content:space-around}.chat-list .chat-list__message>.speaker{color:#000;font-size:1.15rem}.chat-list .chat-list__info{align-items:flex-end}.chat-list .chat-list__info>span{color:#898a8d;font-size:.85rem}.add-sub-list-btn{opacity:0;transition:opacity .2s ease-in-out}.toggle-sub-lists-btn{opacity:1;transition:opacity .2s ease-in-out}.collection-item-container>.list-group-item:hover .add-sub-list-btn{opacity:1 !important}.sub-collections-container{pointer-events:auto}.sub-collections-container .collection-item-container>.list-group-item:hover .add-sub-list-btn{opacity:1 !important}.sub-collections-container .collection-item-container .list-group-item{padding-left:2rem !important;border:1px solid #dee2e6 !important;border-top:0 !important;margin:0 !important}.sub-collections-container .sub-collections-container .collection-item-container .list-group-item{padding-left:4rem !important}.sub-collections-container .sub-collections-container .sub-collections-container .collection-item-container .list-group-item{padding-left:6rem !important}.sub-collections-container .sub-collections-container .sub-collections-container .sub-collections-container .collection-item-container .list-group-item{padding-left:8rem !important}.list-group-item{border-bottom:1px solid #dee2e6 !important;margin-bottom:0 !important}.collection-item-container+.collection-item-container .list-group-item{border-top:0 !important}.refresh-lists-btn:hover{opacity:1 !important}.refresh-lists-btn:hover .material-icons{color:#007bff !important}.add-sub-list-btn:hover .material-icons,.toggle-sub-lists-btn:hover .material-icons,.toggle-dataroom-children-btn:hover .material-icons{color:#007bff !important}.sub-collections-container .list-group-item.active{color:#333 !important;background-color:#fff !important;border-color:#ddd !important;border-left:2px solid #3f51b5 !important;padding-left:calc(2rem - 1px) !important}.sub-collections-container .sub-collections-container .list-group-item.active{padding-left:calc(4rem - 1px) !important}.sub-collections-container .sub-collections-container .sub-collections-container .list-group-item.active{padding-left:calc(6rem - 1px) !important}.sub-collections-container .sub-collections-container .sub-collections-container .sub-collections-container .list-group-item.active{padding-left:calc(8rem - 1px) !important}.list-group-item.active{color:#333;background-color:#fff;border-color:#ddd;border-left:2px solid #3f51b5;padding-left:16.5px}.add-sub-list-btn:hover .material-icons,.toggle-sub-lists-btn:hover .material-icons,.toggle-dataroom-children-btn:hover .material-icons{color:#007bff !important}.toggle-dataroom-children-btn{opacity:1;transition:opacity .2s ease-in-out}.list-group-item{margin-bottom:0;border-bottom-width:1px}.list-group-item+.list-group-item{border-top-width:0}.sortable-children-container .dataroom-item{padding-left:2rem !important}.sortable-children-container .sortable-children-container .dataroom-item{padding-left:4rem !important}.sortable-children-container .sortable-children-container .sortable-children-container .dataroom-item{padding-left:6rem !important}.sortable-children-container .sortable-children-container .sortable-children-container .sortable-children-container .dataroom-item{padding-left:8rem !important}.input{@apply appearance-none block w-full bg-gray-100 text-gray-700 border border-gray-300 rounded py-3 px-4 leading-tight}.input:focus{@apply outline-none bg-white border-gray-400}.label{@apply block text-gray-700 text-sm font-bold mb-2}.select{@apply appearance-none py-3 px-4 pr-8 block w-full bg-gray-100 border border-gray-300 text-gray-700 rounded leading-tight;-webkit-appearance:none}.select:focus{@apply outline-none bg-white border-gray-400}.dropzone{border:1px dashed #ccc;border-radius:.5rem}.dropzone.dz-drag-hover{border:1px solid #ffa96a}.dropzone.dz-drag-hover .dz-message{opacity:.9}.text-search-container{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 16px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.text-search-input{flex:1 1;min-width:200px;padding:4px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.text-search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px rgba(33, 150, 243, 0.2)}.text-search-results{font-size:12px;color:#666;min-width:80px;text-align:center}.text-search-nav{display:flex;grid-gap:4px;gap:4px}.text-search-nav button{padding:4px 8px;border:1px solid #ccc;background:white;border-radius:4px;cursor:pointer;font-size:12px;min-width:24px}.text-search-nav button:hover:not(:disabled){background-color:#f0f0f0}.text-search-nav button:disabled{opacity:.5;cursor:not-allowed}.text-search-clear{padding:4px 8px;border:1px solid #ccc;background:white;border-radius:4px;cursor:pointer;font-size:12px}.text-search-clear:hover{background-color:#f0f0f0}.search-highlight{background-color:#ffeb3b;padding:1px 2px;border-radius:2px}.search-highlight-current{background-color:#ff9800;box-shadow:0 0 0 1px #f57c00}.text-viewer-content{position:relative}.mdl-data-table th{cursor:pointer;position:relative}.mdl-data-table th.sort-asc::after,.mdl-data-table th.sort-desc::after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);border:5px solid transparent}.mdl-data-table th.sort-asc::after{border-bottom-color:black}.mdl-data-table th.sort-desc::after{border-top-color:black}.mdl-data-table{white-space:normal !important}.mdl-data-table td,.mdl-data-table th{padding-left:12px !important;padding-right:12px !important}.mdl-data-table td:first-child,.mdl-data-table th:first-child{padding-left:6px}.mdl-data-table td:last-child,.mdl-data-table th:last-child{padding-right:6px}#onboarding_container{position:relative;border-top:5px solid green;margin-top:-5px}.highlight-stripe-yellow{border-top:5px solid transparent;background:transparent;animation:fadeInBackground .5s ease forwards;margin-top:-5px}@keyframes fadeInBackground{from{border-top-color:transparent;background:transparent}to{border-top-color:gold;background:lightyellow}}.onboarding-cta{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.scrim{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:10;pointer-events:none}.social-btn{padding:0 12px;border:1px solid #c2c8d0;border-radius:6px;font-size:14px;background-color:#fff;height:52px;color:gray;margin-bottom:8px;display:flex;align-items:center;justify-content:center;outline:0;cursor:pointer;transition:box-shadow .15s ease-in-out,background-color .15s ease-in-out}.social-btn:link{text-decoration:none}.social-logo-wrapper{margin-right:10px;display:flex;align-items:center}.social-text{text-align:center}.social-btn:hover{box-shadow:inset 0 0 0 150px rgba(0,0,0,.1019607843)}.social-logo{width:20px;height:20px;display:inline-block}.social-text{text-align:center;position:relative}.error-message{display:block;padding:10px;margin-top:10px;margin-bottom:10px;border-radius:4px;line-height:1.5;text-align:center}.error-message i{margin-right:8px;vertical-align:middle}.modal-scrim{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);z-index:1050;display:none;border:none;padding:0;margin:0;pointer-events:all}.subscription-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.stripe-card-container{max-width:400px;border:1px solid #ccc;border-radius:8px;padding:1rem}.stripe-input-container{border-bottom:1px solid #ccc;padding:5px 0}.stripe-input-container:focus-within{border-bottom:1px solid #007bff}.pricing-options-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));grid-gap:1rem;gap:1rem;align-items:stretch}.pricing-option{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ddd;border-radius:8px;padding:1rem;background:#f9f9f9;text-align:center;height:100%;max-width:100%}.pricing-option:hover{border-color:#008cff;background:#e6f7ff}.card-body{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.list-unstyled{margin:1rem 0;text-align:left;flex-grow:1}.actions{margin-top:1.5rem}.btn-judo{color:#fff}.pricing-toggle-container{display:inline-flex;align-items:center;justify-content:center}.feature-item{display:grid;grid-template-columns:auto 1fr;align-items:flex-start;margin-bottom:5px}.check-icon{grid-column:1;align-self:flex-start}.feature-text-wrapper{grid-column:2;margin-left:20px;display:flex;flex-direction:column}.feature-text{margin-left:-20px}.in_place_form{margin-left:-10px;margin-right:-10px}.in_place_form textarea{color:rgba(0, 0, 0, 0.54);border:none !important;outline:none}.control-plane-message{opacity:.5;transition:opacity .2s}.control-plane-message:hover{opacity:1}.shared-users>*:not(:first-child){margin-left:-10px !important}.skeleton{background-color:#e0e0e0;border-radius:4px;margin-bottom:10px;animation:shimmer 1.2s infinite;background-image:linear-gradient(90deg, #e0e0e0 0px, #f5f5f5 40px, #e0e0e0 80px);background-size:600px 100%;background-repeat:no-repeat}.skeleton-title{height:20px;width:60%}.skeleton-text{height:14px;width:100%}.skeleton-text.short{width:80%}@keyframes shimmer{0%{background-position:-600px 0}100%{background-position:600px 0}}.assistant-fab{box-shadow:0 4px 8px rgba(0,0,0,.3);transition:all .3s ease}.assistant-fab:hover{transform:scale(1.1);box-shadow:0 6px 12px rgba(0,0,0,.4)}.assistant-fab:focus{outline:none}.assistant-fab .material-icons{font-size:28px;color:#fff}#assistant-modal-content{padding:.5rem}#assistant-modal{z-index:1055 !important;position:fixed;top:56px;overflow:visible;align-items:flex-start;justify-content:flex-start;padding:0;background-color:rgba(0,0,0,0);transition:background-color .3s ease}#assistant-modal.show{display:flex !important;background-color:rgba(0,0,0,.5)}#assistant-modal .modal-dialog{animation:slideInUp .3s ease-out;margin:0;max-width:850px;width:450px;min-height:300px;position:absolute;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;min-width:400px;min-height:300px;max-width:95vw}#assistant-modal .modal-dialog.dragging{box-shadow:0 20px 60px rgba(0,0,0,.4);transform:scale(1.02);transition:none}#assistant-modal .modal-content{border-radius:12px;border:none;box-shadow:0 10px 40px rgba(0,0,0,.2);height:100%;display:flex;flex-direction:column}#assistant-modal .modal-header{border-bottom:1px solid #e9ecef;padding:12px 20px;background:linear-gradient(135deg, #FFA96A 0%, #E96C43 100%);color:#fff;border-radius:12px 12px 0 0;flex-shrink:0;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;pointer-events:auto}#assistant-modal .modal-header .close{color:#fff;opacity:.8;font-size:24px;line-height:1;padding:0;margin:0;background:none;border:none;cursor:pointer}#assistant-modal .modal-header .close:hover{opacity:1;transform:scale(1.1)}#assistant-modal .modal-header .mdl-button--icon{color:#fff;margin:0;padding:4px}#assistant-modal .modal-header .mdl-button--icon .material-icons{color:#fff !important}#assistant-modal .modal-header .mdl-button--icon:hover{color:#fff;background-color:hsla(0,0%,100%,.1);border-radius:50%}#assistant-modal .modal-body{flex:1 1;overflow-y:hidden;padding:0;min-height:0;background-color:#fafafa;display:flex;flex-direction:column}#assistant-modal .assistant-chat-modal{background:#fff;flex:1 1;display:flex;flex-direction:column;max-width:100%;overflow:visible}#assistant-modal .assistant-chat-content{flex:1 1;padding:16px 20px;min-height:0;display:flex;flex-direction:column;overflow:visible;height:100%}#assistant-modal .assistant-chat{margin:0;padding:0;display:flex !important;flex-direction:column;height:100%;min-height:0}#assistant-modal .assistant-chat.row{margin-left:0;margin-right:0}#assistant-modal .assistant-chat .col{margin:0;padding:0;flex:1 1;display:flex;flex-direction:column;height:100%;min-height:0;word-wrap:break-word;overflow-wrap:break-word}#assistant-modal .assistant-chat .chat{flex:1 1;overflow-y:auto;overflow-x:hidden;margin:0;padding:8px 4px 16px 0;height:0;min-height:100px;max-height:none}#assistant-modal .assistant-chat .chat::-webkit-scrollbar{width:8px}#assistant-modal .assistant-chat .chat::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}#assistant-modal .assistant-chat .chat::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}#assistant-modal .assistant-chat .chat::-webkit-scrollbar-thumb:hover{background:#a8a8a8}#assistant-modal .assistant-chat .row{margin:0;flex-shrink:0}#assistant-modal .assistant-chat .row .col{padding:0 8px;margin:0}#assistant-modal .assistant-chat .form-control{margin:8px 4px;padding:1rem 1.7rem;border-radius:2.14rem 1.79rem 0rem 2.14rem;border:2px solid rgba(0,0,0,0);max-width:calc(100% - 8px)}#assistant-modal .assistant-chat .form-control:focus{box-shadow:0 0 0 2px rgba(255,169,106,.5);border-color:rgba(255,169,106,.8);outline:none}#assistant-modal .assistant-chat .form-control::-moz-placeholder{color:#a9a9a9}#assistant-modal .assistant-chat .form-control::placeholder{color:#a9a9a9}#assistant-modal .chat .message{flex-shrink:0;margin-right:8px}#assistant-modal .message.debug,#assistant-modal .control-plane-message{font-size:.9em;background-color:#f8f9fa;border-left:3px solid #6c757d;padding:.5rem;margin:.5rem 0;border-radius:4px;opacity:.8}#assistant-modal .control-plane-message{display:none}#assistant-modal .control-plane-message pre{background-color:#f1f3f4;padding:.5rem;border-radius:4px;font-size:.9em;max-height:200px;overflow-y:auto;word-wrap:break-word;white-space:pre-wrap}#assistant-modal .tw-card{margin:0;box-shadow:none;background:rgba(0,0,0,0)}#assistant-modal .mdl-card__title{display:none}#assistant-modal .mdl-card__supporting-text{padding:16px 24px}@keyframes slideInUp{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width: 768px){.assistant-fab{right:20px !important;bottom:20px !important}.workspace-fab-offset .assistant-fab{bottom:90px !important}#assistant-modal .modal-dialog{margin:10px;max-width:calc(100vw - 40px);max-height:calc(100vh - 20px);height:auto;min-height:400px;right:30px;left:10px;width:auto}#assistant-modal .modal-content{border-radius:8px}#assistant-modal .modal-header{padding:16px 20px 12px;border-radius:8px 8px 0 0}#assistant-modal .chat .message{margin-right:4px}}.modal{display:none !important}.modal.show{display:block !important}.modal-open{overflow:hidden}#assistant-modal .modal-dialog::after{content:"";position:absolute;bottom:0;right:0;width:14px;height:14px;background:linear-gradient(-45deg, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.2) 30%, transparent 30%, transparent 45%, rgba(0, 0, 0, 0.2) 45%, rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent 65%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0.2) 70%, transparent 70%);cursor:nw-resize;pointer-events:auto;z-index:1000;border-radius:0 0 12px 0}#assistant-modal .modal-dialog:hover::after{background:linear-gradient(-45deg, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.4) 25%, rgba(0, 0, 0, 0.4) 30%, transparent 30%, transparent 45%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0.4) 50%, transparent 50%, transparent 65%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0.4) 70%, transparent 70%)}.admin-view .control-plane-message,body.admin .control-plane-message{display:block}.debug-hidden .control-plane-message{display:none !important}.control-plane-message pre{background-color:#f1f3f4;padding:.5rem;border-radius:4px;font-size:.9em;max-height:200px;overflow-y:auto;word-wrap:break-word;white-space:pre-wrap}.debug-toggle-container{display:flex;align-items:center;margin-right:12px}.debug-toggle-label{font-size:12px;margin-right:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}#assistant-modal .debug-toggle-label{color:#fff}#assistant-modal .debug-toggle{background:hsla(0,0%,100%,.3)}#assistant-modal .debug-toggle:hover{background:hsla(0,0%,100%,.4)}#assistant-modal .debug-toggle.active{background:hsla(0,0%,100%,.8);border-color:hsla(0,0%,100%,.8)}.tw-card .debug-toggle-label{color:#374151}.debug-toggle{position:relative;width:3rem;height:1.5rem;border-radius:1.5rem;cursor:pointer;transition:all .3s ease;border:none;padding:0;flex-shrink:0}#assistant-modal .debug-toggle{background:hsla(0,0%,100%,.3)}#assistant-modal .debug-toggle:hover{background:hsla(0,0%,100%,.4)}#assistant-modal .debug-toggle.active{background:hsla(0,0%,100%,.8)}.tw-card .debug-toggle{background:#e5e7eb;border:1px solid #d1d5db}.tw-card .debug-toggle:hover{background:#f3f4f6}.tw-card .debug-toggle.active{background:#3b82f6;border-color:#3b82f6}.debug-toggle::after{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.3)}.debug-toggle.active::after{transform:translateX(1.5rem)}.card.tw-card{border-radius:12px !important;box-shadow:none !important;border:1px solid #e0e0e0 !important;overflow:visible !important;background-color:theme("colors.base.100", #fff)}.card.tw-card .card-title{font-size:18px !important;font-weight:500 !important;letter-spacing:0}.card.tw-card .card-body{padding-bottom:.5rem}.card.tw-card .card-actions{border-top:1px solid #e0e0e0;padding-top:1rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:1rem}.toggle{appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;background:#d1d5db !important;border:none !important;border-radius:9999px !important;cursor:pointer !important;display:inline-block !important;height:1.5rem !important;width:3rem !important;position:relative !important;transition:background-color .2s ease-in-out !important;vertical-align:middle !important}.toggle:checked{background:#3b82f6 !important}.toggle.toggle-primary:checked{background:#3b82f6 !important}.toggle::after{content:"" !important;position:absolute !important;top:2px !important;left:2px !important;width:1.25rem !important;height:1.25rem !important;background:#fff !important;border-radius:50% !important;transition:transform .2s ease-in-out !important;transform:translateX(0) !important;box-shadow:0 1px 3px rgba(0,0,0,.1) !important}.toggle:checked::after{transform:translateX(1.5rem) !important}a.flex.items-center,a[class*=btn],a[class*=button],.card-actions a,a[data-controller*=app-installation],.card .card-actions a,.tw-card .card-actions a,a.text-primary.uppercase,a.flex.gap-2{text-decoration:none !important}a.flex.items-center:hover,a.flex.items-center:focus,a.flex.items-center:active,a.flex.items-center:visited,a.flex.items-center:link,a[class*=btn]:hover,a[class*=btn]:focus,a[class*=btn]:active,a[class*=btn]:visited,a[class*=btn]:link,a[class*=button]:hover,a[class*=button]:focus,a[class*=button]:active,a[class*=button]:visited,a[class*=button]:link,.card-actions a:hover,.card-actions a:focus,.card-actions a:active,.card-actions a:visited,.card-actions a:link,a[data-controller*=app-installation]:hover,a[data-controller*=app-installation]:focus,a[data-controller*=app-installation]:active,a[data-controller*=app-installation]:visited,a[data-controller*=app-installation]:link,.card .card-actions a:hover,.card .card-actions a:focus,.card .card-actions a:active,.card .card-actions a:visited,.card .card-actions a:link,.tw-card .card-actions a:hover,.tw-card .card-actions a:focus,.tw-card .card-actions a:active,.tw-card .card-actions a:visited,.tw-card .card-actions a:link,a.text-primary.uppercase:hover,a.text-primary.uppercase:focus,a.text-primary.uppercase:active,a.text-primary.uppercase:visited,a.text-primary.uppercase:link,a.flex.gap-2:hover,a.flex.gap-2:focus,a.flex.gap-2:active,a.flex.gap-2:visited,a.flex.gap-2:link{text-decoration:none !important;-webkit-text-decoration-line:none !important;text-decoration-line:none !important}a[class*=flex][class*=items-center]{text-decoration:none !important}a[class*=flex][class*=items-center]:hover,a[class*=flex][class*=items-center]:focus,a[class*=flex][class*=items-center]:active,a[class*=flex][class*=items-center]:visited,a[class*=flex][class*=items-center]:link{text-decoration:none !important;-webkit-text-decoration-line:none !important;text-decoration-line:none !important}html{scroll-behavior:smooth}html,body{height:100%;margin:0;padding:0}body{background-color:#fff;margin:0 !important;padding:0 !important}#page-content{background-color:#fcfcfc}#header{background-color:#fff;border-bottom:2px solid #888}.widescreen-padding{padding-left:150px;padding-right:150px}.border-padding{padding-left:15px;padding-right:15px}.no-margin{margin-left:0px !important;margin-right:0px !important}.no-padding{padding-left:0px !important;padding-right:0px !important}.page-title-strip{padding:20px 30px;border-bottom:1px solid #ccc;margin-bottom:20px}.page-title{margin-left:0;font-size:34px;font-weight:bold}.page-subtitle{margin:5px 0 0;font-size:20px;color:#666}header .mdl-layout__header-row{padding-left:0px !important}header .mdl_navigation{padding-left:0px !important;margin-left:-125px !important}header .mdl_navigation{margin-left:0px !important;padding-left:0px !important}body.has-footer .mdl-layout{min-height:100vh;display:flex;flex-direction:column}body.has-footer .mdl-layout__content{min-height:calc(100vh - 64px);flex:1 0 auto}body.has-footer #page-content{flex:1 0 auto}.mdl-mini-footer{position:static !important;bottom:auto !important;left:auto !important;right:auto !important;width:100% !important;height:64px !important;min-height:64px !important;flex:0 0 auto;display:flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;margin-top:0 !important;background-color:#2c2c2c !important;color:#fff !important;padding:0 !important;margin:0 !important}.mdl-mini-footer .mld-mini-footer__left-section{display:none !important}.mdl-mini-footer .mld-mini-footer__middle-section{width:100% !important;margin:0 !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important}.mdl-mini-footer .mdl-mini-footer__link-list{margin:0 !important;padding:0 !important;display:flex !important;grid-gap:20px !important;gap:20px !important;list-style:none !important;align-items:center !important}.mdl-mini-footer .mdl-mini-footer__link-list li{margin:0 !important;padding:0 !important}.mdl-mini-footer .mdl-mini-footer__link-list a{color:#fff !important;text-decoration:none !important;font-size:14px !important}.mdl-mini-footer .mdl-mini-footer__link-list a:hover{text-decoration:underline !important;color:#ccc !important}.ml-auto .dropdown-menu{left:auto !important;right:0px}.mdl-list__item:hover{background:#eee}.mdl-layout-title a:hover{text-decoration:none}.mdl-navigation__link:hover{text-decoration:none}.mdl-layout__drawer.is-visible{width:350px;left:0}.mdl-menu__container,.mdl-menu{border-radius:8px !important;overflow:hidden !important;box-shadow:0 4px 12px rgba(0,0,0,.15) !important}.mdl-menu__outline{border-radius:8px !important}.dropdown-menu{border-radius:8px !important;box-shadow:0 4px 12px rgba(0,0,0,.15) !important}.mdl-navigation{padding-top:0px !important;grid-gap:0px;gap:0px}header .mdl-navigation__link{text-transform:uppercase;font-size:larger;position:relative;color:#ffa96a !important;transition:color .3s ease}header .mdl-navigation__link.active{text-transform:uppercase;position:relative;color:#fff !important}header .mdl-navigation__link.active::after{content:"";position:absolute;left:0;bottom:0px;width:100%;height:2px;background-color:#fff}header .mdl-navigation__link:hover{color:#fff !important;text-decoration:none}header .mdl-navigation__link:hover::after{content:"";position:absolute;left:0;bottom:0px;width:100%;height:2px;background-color:#fff;transition:background-color .3s ease}.list-group-item.active{color:#333;background-color:#fff;border-color:#ddd;border-left:2px solid #3f51b5;padding-left:16.5px}.btn-judo{color:#fff;background:#ffa96a;line-height:1}.btn-judo:hover{color:#fff}.btn-google{color:gray;outline:1px solid #ffa96a;background:#fff;line-height:1}.btn-google:hover{color:#000}.provider__google img{height:28px !important;width:auto !important;padding-right:8px}.mdl-button{text-decoration:none !important}.fixed.add-button{position:fixed;right:20px;bottom:20px;z-index:1000}.fixed.add-button:focus{outline:none}.landing-button{min-width:-moz-max-content;min-width:max-content;width:auto;flex-grow:1;text-align:center}.link{color:#ffa96a !important;cursor:pointer}.link:hover{color:#e96c43 !important;text-decoration:underline;cursor:pointer;transition:color .3s ease}p{margin:2 0 2 0}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}pre{text-wrap:wrap;background-color:#f4f4f4;color:#333;padding:15px;border-radius:5px;font-family:"Courier New",Courier,monospace;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto;font-size:14px}pre code{display:block;padding:10px;background-color:#fff;border-radius:3px}.modal-title{font-size:1.25rem;font-weight:600;margin:0;line-height:1.4;color:inherit}.user-avatar{flex-shrink:0;width:30px;height:30px;min-width:30px;min-height:30px;-o-object-fit:cover;object-fit:cover}.flash.alert:empty{display:none}.vertical-center{margin-top:auto;margin-bottom:auto}.ellipsis{overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis}.gutter-item{margin-left:8px}.gutter-between>*+*{margin-left:12px}.gutter-vertical>*+*{margin-top:12px}.grow{width:100%}.shrink{white-space:nowrap}.wrappable{white-space:normal;word-wrap:break-word;word-break:break-word}.bold{font-weight:bold}.outline-none{outline:none}.animate{opacity:0;transition:opacity 1s}.fade-out{display:block;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:48px;max-height:var(--fade-out-height, 48px)}.fade-out::after{content:"";position:absolute;height:48px;height:var(--fade-out-height, 48px);bottom:0;left:0;right:0;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);z-index:10}.non-clickable{pointer-events:none;background-color:inherit}.non-clickable:hover{background-color:inherit}.hover-underline:hover{text-decoration:underline;cursor:pointer}.text-with-tooltip{position:relative;display:inline-block}.text-with-tooltip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-image:radial-gradient(circle, currentColor 1px, transparent 1px);background-size:5px 1px;background-repeat:repeat-x}.instructional-container{display:none}.instructional-message{font-size:16px;color:#666;margin-top:20px}.lazyload{min-height:47px}.search input{width:100%}.results .content{display:flex;align-items:center}.centered-table td,.centered-table th{text-align:center !important;vertical-align:middle !important}table thead.hide-empty{display:none}table:has(tbody tr) thead.hide-empty{display:table-header-group}.last-note{padding:10px;width:100%;border:1px solid #bbb;border-radius:15px;-moz-border-radius:15px;display:flex;align-items:center;grid-gap:8px;gap:8px}.mdl-switch{height:auto !important}.mdl-switch__label{color:gray;font-size:small}.mdl-tooltip{border-radius:8px !important}.judo-progress{border-radius:4px !important;width:100%;table-layout:fixed}.judo-progress td{padding:4px 0;text-align:center;font-size:.95em;border-radius:0;height:32px;vertical-align:middle}.judo-progress td:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.judo-progress td:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.judo-progress td.done{background-color:#ffa96a;color:#fff}.judo-progress td.verified{background-color:green;color:#fff}.judo-progress td.incomplete{background-color:gray;color:#fff}@keyframes pulse{0%{transform:scale(0);opacity:0}50%{transform:scale(0.99)}100%{transform:scale(1);opacity:1;visibility:visible}}@keyframes disappearKeyframes{0%{opacity:1}100%{opacity:0}}.disappear{animation:disappearKeyframes 2s forwards;animation-delay:1s;transition:visibility 2s}@media(max-width: 768px){.mobile-hidden{display:none}}@media(max-width: 1200px){.widescreen-padding{padding-left:15px;padding-right:15px}}@media print{.no-print{display:none}.fade-out{max-height:inherit}}.checklist-filter .filter-button[data-filter=all]:hover:not(.active):not(:disabled){background-color:#fff7ed;border-color:#f97316;color:#f97316}.checklist-filter .filter-button[data-filter=all]:hover:not(.active):not(:disabled) .material-icons{color:#f97316}.checklist-filter .filter-button.count-may-be-stale{position:relative}.checklist-filter .filter-button.count-may-be-stale::after{content:"•";position:absolute;top:-2px;right:-2px;color:#ffc107;font-size:12px;line-height:1}[data-workflow-state]{transition:all .3s ease}[data-workflow-state][style*="display: none"]{opacity:0;height:0 !important;margin:0 !important;padding:0 !important;border:none !important;overflow:hidden}#checklist-container .tw-card{transition:min-height .3s ease}#checklist-container .tw-card .mdl-card__supporting-text{transition:all .3s ease}.hover-card{transition:box-shadow .3s ease,transform .2s ease !important}.hover-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15) !important;transform:translateY(-2px) !important}.card-link{text-decoration:none !important;color:inherit !important}.card-link:hover{text-decoration:none !important;color:inherit !important}.item-selected{outline:1px solid #ffa96a !important;outline-offset:2px !important;border-radius:8px !important;transition:none !important}a.flex,a[class*=btn],a[class*=button]{text-decoration:none !important}a.flex:hover,a.flex:focus,a.flex:active,a.flex:visited,a.flex:link,a[class*=btn]:hover,a[class*=btn]:focus,a[class*=btn]:active,a[class*=btn]:visited,a[class*=btn]:link,a[class*=button]:hover,a[class*=button]:focus,a[class*=button]:active,a[class*=button]:visited,a[class*=button]:link{text-decoration:none !important}.card-actions a,.tw-card .card-actions a{text-decoration:none !important}.card-actions a:hover,.card-actions a:focus,.card-actions a:active,.card-actions a:visited,.card-actions a:link,.tw-card .card-actions a:hover,.tw-card .card-actions a:focus,.tw-card .card-actions a:active,.tw-card .card-actions a:visited,.tw-card .card-actions a:link{text-decoration:none !important} /*! * Bootstrap v4.6.2 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) *//*! * # Semantic UI 2.5.0 - Search * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */.ui.search{position:relative}.ui.search>.prompt{margin:0;outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);text-shadow:none;font-style:normal;font-weight:400;line-height:1.21428571em;padding:.67857143em 1em;font-size:1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);box-shadow:0 0 0 0 transparent inset;transition:background-color .1s ease,color .1s ease,box-shadow .1s ease,border-color .1s ease}.ui.search .prompt{border-radius:500rem}.ui.search .prompt~.search.icon{cursor:pointer}.ui.search>.results{display:none;position:absolute;top:100%;left:0;transform-origin:center top;white-space:normal;text-align:left;text-transform:none;background:#fff;margin-top:.5em;width:18em;border-radius:.28571429rem;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);border:1px solid #d4d4d5;z-index:998}.ui.search>.results>:first-child{border-radius:.28571429rem .28571429rem 0 0}.ui.search>.results>:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.search>.results .result{cursor:pointer;display:block;overflow:hidden;font-size:1em;padding:.85714286em 1.14285714em;color:rgba(0,0,0,.87);line-height:1.33;border-bottom:1px solid rgba(34,36,38,.1)}.ui.search>.results .result:last-child{border-bottom:none!important}.ui.search>.results .result .image{float:right;overflow:hidden;background:0 0;width:5em;height:3em;border-radius:.25em}.ui.search>.results .result .image img{display:block;width:auto;height:100%}.ui.search>.results .result .image+.content{margin:0 6em 0 0}.ui.search>.results .result .title{margin:-.14285714em 0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;font-size:1em;color:rgba(0,0,0,.85)}.ui.search>.results .result .description{margin-top:0;font-size:.92857143em;color:rgba(0,0,0,.4)}.ui.search>.results .result .price{float:right;color:#21ba45}.ui.search>.results>.message{padding:1em 1em}.ui.search>.results>.message .header{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;color:rgba(0,0,0,.87)}.ui.search>.results>.message .description{margin-top:.25rem;font-size:1em;color:rgba(0,0,0,.87)}.ui.search>.results>.action{display:block;border-top:none;background:#f3f4f5;padding:.92857143em 1em;color:rgba(0,0,0,.87);font-weight:700;text-align:center}.ui.search>.prompt:focus{border-color:rgba(34,36,38,.35);background:#fff;color:rgba(0,0,0,.95)}.ui.loading.search .input>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.search .input>i.icon:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;animation:button-spin .6s linear;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}.ui.category.search>.results .category .result:hover,.ui.search>.results .result:hover{background:#f9fafb}.ui.search .action:hover{background:#e0e0e0}.ui.category.search>.results .category.active{background:#f3f4f5}.ui.category.search>.results .category.active>.name{color:rgba(0,0,0,.87)}.ui.category.search>.results .category .result.active,.ui.search>.results .result.active{position:relative;border-left-color:rgba(34,36,38,.1);background:#f3f4f5;box-shadow:none}.ui.search>.results .result.active .title{color:rgba(0,0,0,.85)}.ui.search>.results .result.active .description{color:rgba(0,0,0,.85)}.ui.disabled.search{cursor:default;pointer-events:none;opacity:.45}.ui.search.selection .prompt{border-radius:.28571429rem}.ui.search.selection>.icon.input>.remove.icon{pointer-events:none;position:absolute;left:auto;opacity:0;color:'';top:0;right:0;transition:color .1s ease,opacity .1s ease}.ui.search.selection>.icon.input>.active.remove.icon{cursor:pointer;opacity:.8;pointer-events:auto}.ui.search.selection>.icon.input:not([class*="left icon"])>.icon~.remove.icon{right:1.85714em}.ui.search.selection>.icon.input>.remove.icon:hover{opacity:1;color:#db2828}.ui.category.search .results{width:28em}.ui.category.search .results.animating,.ui.category.search .results.visible{display:table}.ui.category.search>.results .category{display:table-row;background:#f3f4f5;box-shadow:none;transition:background .1s ease,border-color .1s ease}.ui.category.search>.results .category:last-child{border-bottom:none}.ui.category.search>.results .category:first-child .name+.result{border-radius:0 .28571429rem 0 0}.ui.category.search>.results .category:last-child .result:last-child{border-radius:0 0 .28571429rem 0}.ui.category.search>.results .category>.name{display:table-cell;text-overflow:ellipsis;width:100px;white-space:nowrap;background:0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;padding:.4em 1em;font-weight:700;color:rgba(0,0,0,.4);border-bottom:1px solid rgba(34,36,38,.1)}.ui.category.search>.results .category .results{display:table-cell;background:#fff;border-left:1px solid rgba(34,36,38,.15);border-bottom:1px solid rgba(34,36,38,.1)}.ui.category.search>.results .category .result{border-bottom:1px solid rgba(34,36,38,.1);transition:background .1s ease,border-color .1s ease;padding:.85714286em 1.14285714em}.ui[class*="left aligned"].search>.results{right:auto;left:0}.ui[class*="right aligned"].search>.results{right:0;left:auto}.ui.fluid.search .results{width:100%}.ui.mini.search{font-size:.78571429em}.ui.small.search{font-size:.92857143em}.ui.search{font-size:1em}.ui.large.search{font-size:1.14285714em}.ui.big.search{font-size:1.28571429em}.ui.huge.search{font-size:1.42857143em}.ui.massive.search{font-size:1.71428571em}@media only screen and (max-width:767px){.ui.search .results{max-width:calc(100vw - 2rem)}}/** * material-design-lite - Material Design Components in CSS, JS and HTML * @version v1.3.0 * @license Apache-2.0 * @copyright 2015 Google, Inc. * @link https://github.com/google/material-design-lite */@charset "UTF-8";/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Material Design Lite *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. *//* ========================================================================== Base styles: opinionated defaults ========================================================================== */html { color: rgba(0,0,0, 0.87); font-size: 1em; line-height: 1.4; }/* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */::-moz-selection { background: #b3d4fc; text-shadow: none; }::selection { background: #b3d4fc; text-shadow: none; }/* * A better looking default horizontal rule */hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }/* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */audio, canvas, iframe, img, svg, video { vertical-align: middle; }/* * Remove default fieldset styles. */fieldset { border: 0; margin: 0; padding: 0; }/* * Allow only vertical resizing of textareas. */textarea { resize: vertical; }/* ========================================================================== Browser Upgrade Prompt ========================================================================== */.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }/* ========================================================================== Author's custom styles ========================================================================== *//* ========================================================================== Helper classes ========================================================================== *//* * Hide visually and from screen readers: */.hidden { display: none !important; }/* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }/* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }/* * Hide visually and from screen readers, but maintain layout */.invisible { visibility: hidden; }/* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }.clearfix:after { clear: both; }/* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */@media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ }@media print, (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ }/* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */@media print { *, *:before, *:after, *:first-letter { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Remove the unwanted box around FAB buttons *//* More info: http://goo.gl/IPwKi */a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu, .mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }/* * Make html take up the entire screen * Then set touch-action to avoid touch delay on mobile IE */html { width: 100%; height: 100%; touch-action: manipulation; }/* * Make body take up the entire screen * Remove body margin so layout containers don't cause extra overflow. */body { width: 100%; min-height: 100%; margin: 0; }/* * Main display reset for IE support. * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011 */main { display: block; }/* * Apply no display to elements with the hidden attribute. * IE 9 and 10 support. */*[hidden] { display: none !important; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */html, body { font-family: "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; }h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }/** * Styles for HTML elements */h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 56px; font-weight: 400; line-height: 1.35; letter-spacing: -0.02em; opacity: 0.54; font-size: 0.6em; }h1 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 56px; font-weight: 400; line-height: 1.35; letter-spacing: -0.02em; margin-top: 24px; margin-bottom: 24px; }h2 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 45px; font-weight: 400; line-height: 48px; margin-top: 24px; margin-bottom: 24px; }h3 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 34px; font-weight: 400; line-height: 40px; margin-top: 24px; margin-bottom: 24px; }h4 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; -moz-osx-font-smoothing: grayscale; margin-top: 24px; margin-bottom: 16px; }h5 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: 0.02em; margin-top: 24px; margin-bottom: 16px; }h6 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.04em; margin-top: 24px; margin-bottom: 16px; }p { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; margin-bottom: 16px; }a { color: rgb(255,64,129); font-weight: 500; }blockquote { font-family: "Roboto", "Helvetica", "Arial", sans-serif; position: relative; font-size: 24px; font-weight: 300; font-style: italic; line-height: 1.35; letter-spacing: 0.08em; }blockquote:before { position: absolute; left: -0.5em; content: '“'; }blockquote:after { content: '”'; margin-left: -0.05em; }mark { background-color: #f4ff81; }dt { font-weight: 700; }address { font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; font-style: normal; }ul, ol { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; }/** * Class Name Styles */.mdl-typography--display-4 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 112px; font-weight: 300; line-height: 1; letter-spacing: -0.04em; }.mdl-typography--display-4-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 112px; font-weight: 300; line-height: 1; letter-spacing: -0.04em; opacity: 0.54; }.mdl-typography--display-3 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 56px; font-weight: 400; line-height: 1.35; letter-spacing: -0.02em; }.mdl-typography--display-3-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 56px; font-weight: 400; line-height: 1.35; letter-spacing: -0.02em; opacity: 0.54; }.mdl-typography--display-2 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 45px; font-weight: 400; line-height: 48px; }.mdl-typography--display-2-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 45px; font-weight: 400; line-height: 48px; opacity: 0.54; }.mdl-typography--display-1 { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 34px; font-weight: 400; line-height: 40px; }.mdl-typography--display-1-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 34px; font-weight: 400; line-height: 40px; opacity: 0.54; }.mdl-typography--headline { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; -moz-osx-font-smoothing: grayscale; }.mdl-typography--headline-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; -moz-osx-font-smoothing: grayscale; opacity: 0.87; }.mdl-typography--title { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: 0.02em; }.mdl-typography--title-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: 0.02em; opacity: 0.87; }.mdl-typography--subhead { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.04em; }.mdl-typography--subhead-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.04em; opacity: 0.87; }.mdl-typography--body-2 { font-size: 14px; font-weight: bold; line-height: 24px; letter-spacing: 0; }.mdl-typography--body-2-color-contrast { font-size: 14px; font-weight: bold; line-height: 24px; letter-spacing: 0; opacity: 0.87; }.mdl-typography--body-1 { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; }.mdl-typography--body-1-color-contrast { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; opacity: 0.87; }.mdl-typography--body-2-force-preferred-font { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: 0; }.mdl-typography--body-2-force-preferred-font-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: 0; opacity: 0.87; }.mdl-typography--body-1-force-preferred-font { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; }.mdl-typography--body-1-force-preferred-font-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; opacity: 0.87; }.mdl-typography--caption { font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; }.mdl-typography--caption-force-preferred-font { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; }.mdl-typography--caption-color-contrast { font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; opacity: 0.54; }.mdl-typography--caption-force-preferred-font-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; opacity: 0.54; }.mdl-typography--menu { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0; }.mdl-typography--menu-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0; opacity: 0.87; }.mdl-typography--button { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: 0; }.mdl-typography--button-color-contrast { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: 0; opacity: 0.87; }.mdl-typography--text-left { text-align: left; }.mdl-typography--text-right { text-align: right; }.mdl-typography--text-center { text-align: center; }.mdl-typography--text-justify { text-align: justify; }.mdl-typography--text-nowrap { white-space: nowrap; }.mdl-typography--text-lowercase { text-transform: lowercase; }.mdl-typography--text-uppercase { text-transform: uppercase; }.mdl-typography--text-capitalize { text-transform: capitalize; }.mdl-typography--font-thin { font-weight: 200 !important; }.mdl-typography--font-light { font-weight: 300 !important; }.mdl-typography--font-regular { font-weight: 400 !important; }.mdl-typography--font-medium { font-weight: 500 !important; }.mdl-typography--font-bold { font-weight: 700 !important; }.mdl-typography--font-black { font-weight: 900 !important; }.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: 'liga'; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-color-text--red { color: rgb(244,67,54) !important; }.mdl-color--red { background-color: rgb(244,67,54) !important; }.mdl-color-text--red-50 { color: rgb(255,235,238) !important; }.mdl-color--red-50 { background-color: rgb(255,235,238) !important; }.mdl-color-text--red-100 { color: rgb(255,205,210) !important; }.mdl-color--red-100 { background-color: rgb(255,205,210) !important; }.mdl-color-text--red-200 { color: rgb(239,154,154) !important; }.mdl-color--red-200 { background-color: rgb(239,154,154) !important; }.mdl-color-text--red-300 { color: rgb(229,115,115) !important; }.mdl-color--red-300 { background-color: rgb(229,115,115) !important; }.mdl-color-text--red-400 { color: rgb(239,83,80) !important; }.mdl-color--red-400 { background-color: rgb(239,83,80) !important; }.mdl-color-text--red-500 { color: rgb(244,67,54) !important; }.mdl-color--red-500 { background-color: rgb(244,67,54) !important; }.mdl-color-text--red-600 { color: rgb(229,57,53) !important; }.mdl-color--red-600 { background-color: rgb(229,57,53) !important; }.mdl-color-text--red-700 { color: rgb(211,47,47) !important; }.mdl-color--red-700 { background-color: rgb(211,47,47) !important; }.mdl-color-text--red-800 { color: rgb(198,40,40) !important; }.mdl-color--red-800 { background-color: rgb(198,40,40) !important; }.mdl-color-text--red-900 { color: rgb(183,28,28) !important; }.mdl-color--red-900 { background-color: rgb(183,28,28) !important; }.mdl-color-text--red-A100 { color: rgb(255,138,128) !important; }.mdl-color--red-A100 { background-color: rgb(255,138,128) !important; }.mdl-color-text--red-A200 { color: rgb(255,82,82) !important; }.mdl-color--red-A200 { background-color: rgb(255,82,82) !important; }.mdl-color-text--red-A400 { color: rgb(255,23,68) !important; }.mdl-color--red-A400 { background-color: rgb(255,23,68) !important; }.mdl-color-text--red-A700 { color: rgb(213,0,0) !important; }.mdl-color--red-A700 { background-color: rgb(213,0,0) !important; }.mdl-color-text--pink { color: rgb(233,30,99) !important; }.mdl-color--pink { background-color: rgb(233,30,99) !important; }.mdl-color-text--pink-50 { color: rgb(252,228,236) !important; }.mdl-color--pink-50 { background-color: rgb(252,228,236) !important; }.mdl-color-text--pink-100 { color: rgb(248,187,208) !important; }.mdl-color--pink-100 { background-color: rgb(248,187,208) !important; }.mdl-color-text--pink-200 { color: rgb(244,143,177) !important; }.mdl-color--pink-200 { background-color: rgb(244,143,177) !important; }.mdl-color-text--pink-300 { color: rgb(240,98,146) !important; }.mdl-color--pink-300 { background-color: rgb(240,98,146) !important; }.mdl-color-text--pink-400 { color: rgb(236,64,122) !important; }.mdl-color--pink-400 { background-color: rgb(236,64,122) !important; }.mdl-color-text--pink-500 { color: rgb(233,30,99) !important; }.mdl-color--pink-500 { background-color: rgb(233,30,99) !important; }.mdl-color-text--pink-600 { color: rgb(216,27,96) !important; }.mdl-color--pink-600 { background-color: rgb(216,27,96) !important; }.mdl-color-text--pink-700 { color: rgb(194,24,91) !important; }.mdl-color--pink-700 { background-color: rgb(194,24,91) !important; }.mdl-color-text--pink-800 { color: rgb(173,20,87) !important; }.mdl-color--pink-800 { background-color: rgb(173,20,87) !important; }.mdl-color-text--pink-900 { color: rgb(136,14,79) !important; }.mdl-color--pink-900 { background-color: rgb(136,14,79) !important; }.mdl-color-text--pink-A100 { color: rgb(255,128,171) !important; }.mdl-color--pink-A100 { background-color: rgb(255,128,171) !important; }.mdl-color-text--pink-A200 { color: rgb(255,64,129) !important; }.mdl-color--pink-A200 { background-color: rgb(255,64,129) !important; }.mdl-color-text--pink-A400 { color: rgb(245,0,87) !important; }.mdl-color--pink-A400 { background-color: rgb(245,0,87) !important; }.mdl-color-text--pink-A700 { color: rgb(197,17,98) !important; }.mdl-color--pink-A700 { background-color: rgb(197,17,98) !important; }.mdl-color-text--purple { color: rgb(156,39,176) !important; }.mdl-color--purple { background-color: rgb(156,39,176) !important; }.mdl-color-text--purple-50 { color: rgb(243,229,245) !important; }.mdl-color--purple-50 { background-color: rgb(243,229,245) !important; }.mdl-color-text--purple-100 { color: rgb(225,190,231) !important; }.mdl-color--purple-100 { background-color: rgb(225,190,231) !important; }.mdl-color-text--purple-200 { color: rgb(206,147,216) !important; }.mdl-color--purple-200 { background-color: rgb(206,147,216) !important; }.mdl-color-text--purple-300 { color: rgb(186,104,200) !important; }.mdl-color--purple-300 { background-color: rgb(186,104,200) !important; }.mdl-color-text--purple-400 { color: rgb(171,71,188) !important; }.mdl-color--purple-400 { background-color: rgb(171,71,188) !important; }.mdl-color-text--purple-500 { color: rgb(156,39,176) !important; }.mdl-color--purple-500 { background-color: rgb(156,39,176) !important; }.mdl-color-text--purple-600 { color: rgb(142,36,170) !important; }.mdl-color--purple-600 { background-color: rgb(142,36,170) !important; }.mdl-color-text--purple-700 { color: rgb(123,31,162) !important; }.mdl-color--purple-700 { background-color: rgb(123,31,162) !important; }.mdl-color-text--purple-800 { color: rgb(106,27,154) !important; }.mdl-color--purple-800 { background-color: rgb(106,27,154) !important; }.mdl-color-text--purple-900 { color: rgb(74,20,140) !important; }.mdl-color--purple-900 { background-color: rgb(74,20,140) !important; }.mdl-color-text--purple-A100 { color: rgb(234,128,252) !important; }.mdl-color--purple-A100 { background-color: rgb(234,128,252) !important; }.mdl-color-text--purple-A200 { color: rgb(224,64,251) !important; }.mdl-color--purple-A200 { background-color: rgb(224,64,251) !important; }.mdl-color-text--purple-A400 { color: rgb(213,0,249) !important; }.mdl-color--purple-A400 { background-color: rgb(213,0,249) !important; }.mdl-color-text--purple-A700 { color: rgb(170,0,255) !important; }.mdl-color--purple-A700 { background-color: rgb(170,0,255) !important; }.mdl-color-text--deep-purple { color: rgb(103,58,183) !important; }.mdl-color--deep-purple { background-color: rgb(103,58,183) !important; }.mdl-color-text--deep-purple-50 { color: rgb(237,231,246) !important; }.mdl-color--deep-purple-50 { background-color: rgb(237,231,246) !important; }.mdl-color-text--deep-purple-100 { color: rgb(209,196,233) !important; }.mdl-color--deep-purple-100 { background-color: rgb(209,196,233) !important; }.mdl-color-text--deep-purple-200 { color: rgb(179,157,219) !important; }.mdl-color--deep-purple-200 { background-color: rgb(179,157,219) !important; }.mdl-color-text--deep-purple-300 { color: rgb(149,117,205) !important; }.mdl-color--deep-purple-300 { background-color: rgb(149,117,205) !important; }.mdl-color-text--deep-purple-400 { color: rgb(126,87,194) !important; }.mdl-color--deep-purple-400 { background-color: rgb(126,87,194) !important; }.mdl-color-text--deep-purple-500 { color: rgb(103,58,183) !important; }.mdl-color--deep-purple-500 { background-color: rgb(103,58,183) !important; }.mdl-color-text--deep-purple-600 { color: rgb(94,53,177) !important; }.mdl-color--deep-purple-600 { background-color: rgb(94,53,177) !important; }.mdl-color-text--deep-purple-700 { color: rgb(81,45,168) !important; }.mdl-color--deep-purple-700 { background-color: rgb(81,45,168) !important; }.mdl-color-text--deep-purple-800 { color: rgb(69,39,160) !important; }.mdl-color--deep-purple-800 { background-color: rgb(69,39,160) !important; }.mdl-color-text--deep-purple-900 { color: rgb(49,27,146) !important; }.mdl-color--deep-purple-900 { background-color: rgb(49,27,146) !important; }.mdl-color-text--deep-purple-A100 { color: rgb(179,136,255) !important; }.mdl-color--deep-purple-A100 { background-color: rgb(179,136,255) !important; }.mdl-color-text--deep-purple-A200 { color: rgb(124,77,255) !important; }.mdl-color--deep-purple-A200 { background-color: rgb(124,77,255) !important; }.mdl-color-text--deep-purple-A400 { color: rgb(101,31,255) !important; }.mdl-color--deep-purple-A400 { background-color: rgb(101,31,255) !important; }.mdl-color-text--deep-purple-A700 { color: rgb(98,0,234) !important; }.mdl-color--deep-purple-A700 { background-color: rgb(98,0,234) !important; }.mdl-color-text--indigo { color: rgb(63,81,181) !important; }.mdl-color--indigo { background-color: rgb(63,81,181) !important; }.mdl-color-text--indigo-50 { color: rgb(232,234,246) !important; }.mdl-color--indigo-50 { background-color: rgb(232,234,246) !important; }.mdl-color-text--indigo-100 { color: rgb(197,202,233) !important; }.mdl-color--indigo-100 { background-color: rgb(197,202,233) !important; }.mdl-color-text--indigo-200 { color: rgb(159,168,218) !important; }.mdl-color--indigo-200 { background-color: rgb(159,168,218) !important; }.mdl-color-text--indigo-300 { color: rgb(121,134,203) !important; }.mdl-color--indigo-300 { background-color: rgb(121,134,203) !important; }.mdl-color-text--indigo-400 { color: rgb(92,107,192) !important; }.mdl-color--indigo-400 { background-color: rgb(92,107,192) !important; }.mdl-color-text--indigo-500 { color: rgb(63,81,181) !important; }.mdl-color--indigo-500 { background-color: rgb(63,81,181) !important; }.mdl-color-text--indigo-600 { color: rgb(57,73,171) !important; }.mdl-color--indigo-600 { background-color: rgb(57,73,171) !important; }.mdl-color-text--indigo-700 { color: rgb(48,63,159) !important; }.mdl-color--indigo-700 { background-color: rgb(48,63,159) !important; }.mdl-color-text--indigo-800 { color: rgb(40,53,147) !important; }.mdl-color--indigo-800 { background-color: rgb(40,53,147) !important; }.mdl-color-text--indigo-900 { color: rgb(26,35,126) !important; }.mdl-color--indigo-900 { background-color: rgb(26,35,126) !important; }.mdl-color-text--indigo-A100 { color: rgb(140,158,255) !important; }.mdl-color--indigo-A100 { background-color: rgb(140,158,255) !important; }.mdl-color-text--indigo-A200 { color: rgb(83,109,254) !important; }.mdl-color--indigo-A200 { background-color: rgb(83,109,254) !important; }.mdl-color-text--indigo-A400 { color: rgb(61,90,254) !important; }.mdl-color--indigo-A400 { background-color: rgb(61,90,254) !important; }.mdl-color-text--indigo-A700 { color: rgb(48,79,254) !important; }.mdl-color--indigo-A700 { background-color: rgb(48,79,254) !important; }.mdl-color-text--blue { color: rgb(33,150,243) !important; }.mdl-color--blue { background-color: rgb(33,150,243) !important; }.mdl-color-text--blue-50 { color: rgb(227,242,253) !important; }.mdl-color--blue-50 { background-color: rgb(227,242,253) !important; }.mdl-color-text--blue-100 { color: rgb(187,222,251) !important; }.mdl-color--blue-100 { background-color: rgb(187,222,251) !important; }.mdl-color-text--blue-200 { color: rgb(144,202,249) !important; }.mdl-color--blue-200 { background-color: rgb(144,202,249) !important; }.mdl-color-text--blue-300 { color: rgb(100,181,246) !important; }.mdl-color--blue-300 { background-color: rgb(100,181,246) !important; }.mdl-color-text--blue-400 { color: rgb(66,165,245) !important; }.mdl-color--blue-400 { background-color: rgb(66,165,245) !important; }.mdl-color-text--blue-500 { color: rgb(33,150,243) !important; }.mdl-color--blue-500 { background-color: rgb(33,150,243) !important; }.mdl-color-text--blue-600 { color: rgb(30,136,229) !important; }.mdl-color--blue-600 { background-color: rgb(30,136,229) !important; }.mdl-color-text--blue-700 { color: rgb(25,118,210) !important; }.mdl-color--blue-700 { background-color: rgb(25,118,210) !important; }.mdl-color-text--blue-800 { color: rgb(21,101,192) !important; }.mdl-color--blue-800 { background-color: rgb(21,101,192) !important; }.mdl-color-text--blue-900 { color: rgb(13,71,161) !important; }.mdl-color--blue-900 { background-color: rgb(13,71,161) !important; }.mdl-color-text--blue-A100 { color: rgb(130,177,255) !important; }.mdl-color--blue-A100 { background-color: rgb(130,177,255) !important; }.mdl-color-text--blue-A200 { color: rgb(68,138,255) !important; }.mdl-color--blue-A200 { background-color: rgb(68,138,255) !important; }.mdl-color-text--blue-A400 { color: rgb(41,121,255) !important; }.mdl-color--blue-A400 { background-color: rgb(41,121,255) !important; }.mdl-color-text--blue-A700 { color: rgb(41,98,255) !important; }.mdl-color--blue-A700 { background-color: rgb(41,98,255) !important; }.mdl-color-text--light-blue { color: rgb(3,169,244) !important; }.mdl-color--light-blue { background-color: rgb(3,169,244) !important; }.mdl-color-text--light-blue-50 { color: rgb(225,245,254) !important; }.mdl-color--light-blue-50 { background-color: rgb(225,245,254) !important; }.mdl-color-text--light-blue-100 { color: rgb(179,229,252) !important; }.mdl-color--light-blue-100 { background-color: rgb(179,229,252) !important; }.mdl-color-text--light-blue-200 { color: rgb(129,212,250) !important; }.mdl-color--light-blue-200 { background-color: rgb(129,212,250) !important; }.mdl-color-text--light-blue-300 { color: rgb(79,195,247) !important; }.mdl-color--light-blue-300 { background-color: rgb(79,195,247) !important; }.mdl-color-text--light-blue-400 { color: rgb(41,182,246) !important; }.mdl-color--light-blue-400 { background-color: rgb(41,182,246) !important; }.mdl-color-text--light-blue-500 { color: rgb(3,169,244) !important; }.mdl-color--light-blue-500 { background-color: rgb(3,169,244) !important; }.mdl-color-text--light-blue-600 { color: rgb(3,155,229) !important; }.mdl-color--light-blue-600 { background-color: rgb(3,155,229) !important; }.mdl-color-text--light-blue-700 { color: rgb(2,136,209) !important; }.mdl-color--light-blue-700 { background-color: rgb(2,136,209) !important; }.mdl-color-text--light-blue-800 { color: rgb(2,119,189) !important; }.mdl-color--light-blue-800 { background-color: rgb(2,119,189) !important; }.mdl-color-text--light-blue-900 { color: rgb(1,87,155) !important; }.mdl-color--light-blue-900 { background-color: rgb(1,87,155) !important; }.mdl-color-text--light-blue-A100 { color: rgb(128,216,255) !important; }.mdl-color--light-blue-A100 { background-color: rgb(128,216,255) !important; }.mdl-color-text--light-blue-A200 { color: rgb(64,196,255) !important; }.mdl-color--light-blue-A200 { background-color: rgb(64,196,255) !important; }.mdl-color-text--light-blue-A400 { color: rgb(0,176,255) !important; }.mdl-color--light-blue-A400 { background-color: rgb(0,176,255) !important; }.mdl-color-text--light-blue-A700 { color: rgb(0,145,234) !important; }.mdl-color--light-blue-A700 { background-color: rgb(0,145,234) !important; }.mdl-color-text--cyan { color: rgb(0,188,212) !important; }.mdl-color--cyan { background-color: rgb(0,188,212) !important; }.mdl-color-text--cyan-50 { color: rgb(224,247,250) !important; }.mdl-color--cyan-50 { background-color: rgb(224,247,250) !important; }.mdl-color-text--cyan-100 { color: rgb(178,235,242) !important; }.mdl-color--cyan-100 { background-color: rgb(178,235,242) !important; }.mdl-color-text--cyan-200 { color: rgb(128,222,234) !important; }.mdl-color--cyan-200 { background-color: rgb(128,222,234) !important; }.mdl-color-text--cyan-300 { color: rgb(77,208,225) !important; }.mdl-color--cyan-300 { background-color: rgb(77,208,225) !important; }.mdl-color-text--cyan-400 { color: rgb(38,198,218) !important; }.mdl-color--cyan-400 { background-color: rgb(38,198,218) !important; }.mdl-color-text--cyan-500 { color: rgb(0,188,212) !important; }.mdl-color--cyan-500 { background-color: rgb(0,188,212) !important; }.mdl-color-text--cyan-600 { color: rgb(0,172,193) !important; }.mdl-color--cyan-600 { background-color: rgb(0,172,193) !important; }.mdl-color-text--cyan-700 { color: rgb(0,151,167) !important; }.mdl-color--cyan-700 { background-color: rgb(0,151,167) !important; }.mdl-color-text--cyan-800 { color: rgb(0,131,143) !important; }.mdl-color--cyan-800 { background-color: rgb(0,131,143) !important; }.mdl-color-text--cyan-900 { color: rgb(0,96,100) !important; }.mdl-color--cyan-900 { background-color: rgb(0,96,100) !important; }.mdl-color-text--cyan-A100 { color: rgb(132,255,255) !important; }.mdl-color--cyan-A100 { background-color: rgb(132,255,255) !important; }.mdl-color-text--cyan-A200 { color: rgb(24,255,255) !important; }.mdl-color--cyan-A200 { background-color: rgb(24,255,255) !important; }.mdl-color-text--cyan-A400 { color: rgb(0,229,255) !important; }.mdl-color--cyan-A400 { background-color: rgb(0,229,255) !important; }.mdl-color-text--cyan-A700 { color: rgb(0,184,212) !important; }.mdl-color--cyan-A700 { background-color: rgb(0,184,212) !important; }.mdl-color-text--teal { color: rgb(0,150,136) !important; }.mdl-color--teal { background-color: rgb(0,150,136) !important; }.mdl-color-text--teal-50 { color: rgb(224,242,241) !important; }.mdl-color--teal-50 { background-color: rgb(224,242,241) !important; }.mdl-color-text--teal-100 { color: rgb(178,223,219) !important; }.mdl-color--teal-100 { background-color: rgb(178,223,219) !important; }.mdl-color-text--teal-200 { color: rgb(128,203,196) !important; }.mdl-color--teal-200 { background-color: rgb(128,203,196) !important; }.mdl-color-text--teal-300 { color: rgb(77,182,172) !important; }.mdl-color--teal-300 { background-color: rgb(77,182,172) !important; }.mdl-color-text--teal-400 { color: rgb(38,166,154) !important; }.mdl-color--teal-400 { background-color: rgb(38,166,154) !important; }.mdl-color-text--teal-500 { color: rgb(0,150,136) !important; }.mdl-color--teal-500 { background-color: rgb(0,150,136) !important; }.mdl-color-text--teal-600 { color: rgb(0,137,123) !important; }.mdl-color--teal-600 { background-color: rgb(0,137,123) !important; }.mdl-color-text--teal-700 { color: rgb(0,121,107) !important; }.mdl-color--teal-700 { background-color: rgb(0,121,107) !important; }.mdl-color-text--teal-800 { color: rgb(0,105,92) !important; }.mdl-color--teal-800 { background-color: rgb(0,105,92) !important; }.mdl-color-text--teal-900 { color: rgb(0,77,64) !important; }.mdl-color--teal-900 { background-color: rgb(0,77,64) !important; }.mdl-color-text--teal-A100 { color: rgb(167,255,235) !important; }.mdl-color--teal-A100 { background-color: rgb(167,255,235) !important; }.mdl-color-text--teal-A200 { color: rgb(100,255,218) !important; }.mdl-color--teal-A200 { background-color: rgb(100,255,218) !important; }.mdl-color-text--teal-A400 { color: rgb(29,233,182) !important; }.mdl-color--teal-A400 { background-color: rgb(29,233,182) !important; }.mdl-color-text--teal-A700 { color: rgb(0,191,165) !important; }.mdl-color--teal-A700 { background-color: rgb(0,191,165) !important; }.mdl-color-text--green { color: rgb(76,175,80) !important; }.mdl-color--green { background-color: rgb(76,175,80) !important; }.mdl-color-text--green-50 { color: rgb(232,245,233) !important; }.mdl-color--green-50 { background-color: rgb(232,245,233) !important; }.mdl-color-text--green-100 { color: rgb(200,230,201) !important; }.mdl-color--green-100 { background-color: rgb(200,230,201) !important; }.mdl-color-text--green-200 { color: rgb(165,214,167) !important; }.mdl-color--green-200 { background-color: rgb(165,214,167) !important; }.mdl-color-text--green-300 { color: rgb(129,199,132) !important; }.mdl-color--green-300 { background-color: rgb(129,199,132) !important; }.mdl-color-text--green-400 { color: rgb(102,187,106) !important; }.mdl-color--green-400 { background-color: rgb(102,187,106) !important; }.mdl-color-text--green-500 { color: rgb(76,175,80) !important; }.mdl-color--green-500 { background-color: rgb(76,175,80) !important; }.mdl-color-text--green-600 { color: rgb(67,160,71) !important; }.mdl-color--green-600 { background-color: rgb(67,160,71) !important; }.mdl-color-text--green-700 { color: rgb(56,142,60) !important; }.mdl-color--green-700 { background-color: rgb(56,142,60) !important; }.mdl-color-text--green-800 { color: rgb(46,125,50) !important; }.mdl-color--green-800 { background-color: rgb(46,125,50) !important; }.mdl-color-text--green-900 { color: rgb(27,94,32) !important; }.mdl-color--green-900 { background-color: rgb(27,94,32) !important; }.mdl-color-text--green-A100 { color: rgb(185,246,202) !important; }.mdl-color--green-A100 { background-color: rgb(185,246,202) !important; }.mdl-color-text--green-A200 { color: rgb(105,240,174) !important; }.mdl-color--green-A200 { background-color: rgb(105,240,174) !important; }.mdl-color-text--green-A400 { color: rgb(0,230,118) !important; }.mdl-color--green-A400 { background-color: rgb(0,230,118) !important; }.mdl-color-text--green-A700 { color: rgb(0,200,83) !important; }.mdl-color--green-A700 { background-color: rgb(0,200,83) !important; }.mdl-color-text--light-green { color: rgb(139,195,74) !important; }.mdl-color--light-green { background-color: rgb(139,195,74) !important; }.mdl-color-text--light-green-50 { color: rgb(241,248,233) !important; }.mdl-color--light-green-50 { background-color: rgb(241,248,233) !important; }.mdl-color-text--light-green-100 { color: rgb(220,237,200) !important; }.mdl-color--light-green-100 { background-color: rgb(220,237,200) !important; }.mdl-color-text--light-green-200 { color: rgb(197,225,165) !important; }.mdl-color--light-green-200 { background-color: rgb(197,225,165) !important; }.mdl-color-text--light-green-300 { color: rgb(174,213,129) !important; }.mdl-color--light-green-300 { background-color: rgb(174,213,129) !important; }.mdl-color-text--light-green-400 { color: rgb(156,204,101) !important; }.mdl-color--light-green-400 { background-color: rgb(156,204,101) !important; }.mdl-color-text--light-green-500 { color: rgb(139,195,74) !important; }.mdl-color--light-green-500 { background-color: rgb(139,195,74) !important; }.mdl-color-text--light-green-600 { color: rgb(124,179,66) !important; }.mdl-color--light-green-600 { background-color: rgb(124,179,66) !important; }.mdl-color-text--light-green-700 { color: rgb(104,159,56) !important; }.mdl-color--light-green-700 { background-color: rgb(104,159,56) !important; }.mdl-color-text--light-green-800 { color: rgb(85,139,47) !important; }.mdl-color--light-green-800 { background-color: rgb(85,139,47) !important; }.mdl-color-text--light-green-900 { color: rgb(51,105,30) !important; }.mdl-color--light-green-900 { background-color: rgb(51,105,30) !important; }.mdl-color-text--light-green-A100 { color: rgb(204,255,144) !important; }.mdl-color--light-green-A100 { background-color: rgb(204,255,144) !important; }.mdl-color-text--light-green-A200 { color: rgb(178,255,89) !important; }.mdl-color--light-green-A200 { background-color: rgb(178,255,89) !important; }.mdl-color-text--light-green-A400 { color: rgb(118,255,3) !important; }.mdl-color--light-green-A400 { background-color: rgb(118,255,3) !important; }.mdl-color-text--light-green-A700 { color: rgb(100,221,23) !important; }.mdl-color--light-green-A700 { background-color: rgb(100,221,23) !important; }.mdl-color-text--lime { color: rgb(205,220,57) !important; }.mdl-color--lime { background-color: rgb(205,220,57) !important; }.mdl-color-text--lime-50 { color: rgb(249,251,231) !important; }.mdl-color--lime-50 { background-color: rgb(249,251,231) !important; }.mdl-color-text--lime-100 { color: rgb(240,244,195) !important; }.mdl-color--lime-100 { background-color: rgb(240,244,195) !important; }.mdl-color-text--lime-200 { color: rgb(230,238,156) !important; }.mdl-color--lime-200 { background-color: rgb(230,238,156) !important; }.mdl-color-text--lime-300 { color: rgb(220,231,117) !important; }.mdl-color--lime-300 { background-color: rgb(220,231,117) !important; }.mdl-color-text--lime-400 { color: rgb(212,225,87) !important; }.mdl-color--lime-400 { background-color: rgb(212,225,87) !important; }.mdl-color-text--lime-500 { color: rgb(205,220,57) !important; }.mdl-color--lime-500 { background-color: rgb(205,220,57) !important; }.mdl-color-text--lime-600 { color: rgb(192,202,51) !important; }.mdl-color--lime-600 { background-color: rgb(192,202,51) !important; }.mdl-color-text--lime-700 { color: rgb(175,180,43) !important; }.mdl-color--lime-700 { background-color: rgb(175,180,43) !important; }.mdl-color-text--lime-800 { color: rgb(158,157,36) !important; }.mdl-color--lime-800 { background-color: rgb(158,157,36) !important; }.mdl-color-text--lime-900 { color: rgb(130,119,23) !important; }.mdl-color--lime-900 { background-color: rgb(130,119,23) !important; }.mdl-color-text--lime-A100 { color: rgb(244,255,129) !important; }.mdl-color--lime-A100 { background-color: rgb(244,255,129) !important; }.mdl-color-text--lime-A200 { color: rgb(238,255,65) !important; }.mdl-color--lime-A200 { background-color: rgb(238,255,65) !important; }.mdl-color-text--lime-A400 { color: rgb(198,255,0) !important; }.mdl-color--lime-A400 { background-color: rgb(198,255,0) !important; }.mdl-color-text--lime-A700 { color: rgb(174,234,0) !important; }.mdl-color--lime-A700 { background-color: rgb(174,234,0) !important; }.mdl-color-text--yellow { color: rgb(255,235,59) !important; }.mdl-color--yellow { background-color: rgb(255,235,59) !important; }.mdl-color-text--yellow-50 { color: rgb(255,253,231) !important; }.mdl-color--yellow-50 { background-color: rgb(255,253,231) !important; }.mdl-color-text--yellow-100 { color: rgb(255,249,196) !important; }.mdl-color--yellow-100 { background-color: rgb(255,249,196) !important; }.mdl-color-text--yellow-200 { color: rgb(255,245,157) !important; }.mdl-color--yellow-200 { background-color: rgb(255,245,157) !important; }.mdl-color-text--yellow-300 { color: rgb(255,241,118) !important; }.mdl-color--yellow-300 { background-color: rgb(255,241,118) !important; }.mdl-color-text--yellow-400 { color: rgb(255,238,88) !important; }.mdl-color--yellow-400 { background-color: rgb(255,238,88) !important; }.mdl-color-text--yellow-500 { color: rgb(255,235,59) !important; }.mdl-color--yellow-500 { background-color: rgb(255,235,59) !important; }.mdl-color-text--yellow-600 { color: rgb(253,216,53) !important; }.mdl-color--yellow-600 { background-color: rgb(253,216,53) !important; }.mdl-color-text--yellow-700 { color: rgb(251,192,45) !important; }.mdl-color--yellow-700 { background-color: rgb(251,192,45) !important; }.mdl-color-text--yellow-800 { color: rgb(249,168,37) !important; }.mdl-color--yellow-800 { background-color: rgb(249,168,37) !important; }.mdl-color-text--yellow-900 { color: rgb(245,127,23) !important; }.mdl-color--yellow-900 { background-color: rgb(245,127,23) !important; }.mdl-color-text--yellow-A100 { color: rgb(255,255,141) !important; }.mdl-color--yellow-A100 { background-color: rgb(255,255,141) !important; }.mdl-color-text--yellow-A200 { color: rgb(255,255,0) !important; }.mdl-color--yellow-A200 { background-color: rgb(255,255,0) !important; }.mdl-color-text--yellow-A400 { color: rgb(255,234,0) !important; }.mdl-color--yellow-A400 { background-color: rgb(255,234,0) !important; }.mdl-color-text--yellow-A700 { color: rgb(255,214,0) !important; }.mdl-color--yellow-A700 { background-color: rgb(255,214,0) !important; }.mdl-color-text--amber { color: rgb(255,193,7) !important; }.mdl-color--amber { background-color: rgb(255,193,7) !important; }.mdl-color-text--amber-50 { color: rgb(255,248,225) !important; }.mdl-color--amber-50 { background-color: rgb(255,248,225) !important; }.mdl-color-text--amber-100 { color: rgb(255,236,179) !important; }.mdl-color--amber-100 { background-color: rgb(255,236,179) !important; }.mdl-color-text--amber-200 { color: rgb(255,224,130) !important; }.mdl-color--amber-200 { background-color: rgb(255,224,130) !important; }.mdl-color-text--amber-300 { color: rgb(255,213,79) !important; }.mdl-color--amber-300 { background-color: rgb(255,213,79) !important; }.mdl-color-text--amber-400 { color: rgb(255,202,40) !important; }.mdl-color--amber-400 { background-color: rgb(255,202,40) !important; }.mdl-color-text--amber-500 { color: rgb(255,193,7) !important; }.mdl-color--amber-500 { background-color: rgb(255,193,7) !important; }.mdl-color-text--amber-600 { color: rgb(255,179,0) !important; }.mdl-color--amber-600 { background-color: rgb(255,179,0) !important; }.mdl-color-text--amber-700 { color: rgb(255,160,0) !important; }.mdl-color--amber-700 { background-color: rgb(255,160,0) !important; }.mdl-color-text--amber-800 { color: rgb(255,143,0) !important; }.mdl-color--amber-800 { background-color: rgb(255,143,0) !important; }.mdl-color-text--amber-900 { color: rgb(255,111,0) !important; }.mdl-color--amber-900 { background-color: rgb(255,111,0) !important; }.mdl-color-text--amber-A100 { color: rgb(255,229,127) !important; }.mdl-color--amber-A100 { background-color: rgb(255,229,127) !important; }.mdl-color-text--amber-A200 { color: rgb(255,215,64) !important; }.mdl-color--amber-A200 { background-color: rgb(255,215,64) !important; }.mdl-color-text--amber-A400 { color: rgb(255,196,0) !important; }.mdl-color--amber-A400 { background-color: rgb(255,196,0) !important; }.mdl-color-text--amber-A700 { color: rgb(255,171,0) !important; }.mdl-color--amber-A700 { background-color: rgb(255,171,0) !important; }.mdl-color-text--orange { color: rgb(255,152,0) !important; }.mdl-color--orange { background-color: rgb(255,152,0) !important; }.mdl-color-text--orange-50 { color: rgb(255,243,224) !important; }.mdl-color--orange-50 { background-color: rgb(255,243,224) !important; }.mdl-color-text--orange-100 { color: rgb(255,224,178) !important; }.mdl-color--orange-100 { background-color: rgb(255,224,178) !important; }.mdl-color-text--orange-200 { color: rgb(255,204,128) !important; }.mdl-color--orange-200 { background-color: rgb(255,204,128) !important; }.mdl-color-text--orange-300 { color: rgb(255,183,77) !important; }.mdl-color--orange-300 { background-color: rgb(255,183,77) !important; }.mdl-color-text--orange-400 { color: rgb(255,167,38) !important; }.mdl-color--orange-400 { background-color: rgb(255,167,38) !important; }.mdl-color-text--orange-500 { color: rgb(255,152,0) !important; }.mdl-color--orange-500 { background-color: rgb(255,152,0) !important; }.mdl-color-text--orange-600 { color: rgb(251,140,0) !important; }.mdl-color--orange-600 { background-color: rgb(251,140,0) !important; }.mdl-color-text--orange-700 { color: rgb(245,124,0) !important; }.mdl-color--orange-700 { background-color: rgb(245,124,0) !important; }.mdl-color-text--orange-800 { color: rgb(239,108,0) !important; }.mdl-color--orange-800 { background-color: rgb(239,108,0) !important; }.mdl-color-text--orange-900 { color: rgb(230,81,0) !important; }.mdl-color--orange-900 { background-color: rgb(230,81,0) !important; }.mdl-color-text--orange-A100 { color: rgb(255,209,128) !important; }.mdl-color--orange-A100 { background-color: rgb(255,209,128) !important; }.mdl-color-text--orange-A200 { color: rgb(255,171,64) !important; }.mdl-color--orange-A200 { background-color: rgb(255,171,64) !important; }.mdl-color-text--orange-A400 { color: rgb(255,145,0) !important; }.mdl-color--orange-A400 { background-color: rgb(255,145,0) !important; }.mdl-color-text--orange-A700 { color: rgb(255,109,0) !important; }.mdl-color--orange-A700 { background-color: rgb(255,109,0) !important; }.mdl-color-text--deep-orange { color: rgb(255,87,34) !important; }.mdl-color--deep-orange { background-color: rgb(255,87,34) !important; }.mdl-color-text--deep-orange-50 { color: rgb(251,233,231) !important; }.mdl-color--deep-orange-50 { background-color: rgb(251,233,231) !important; }.mdl-color-text--deep-orange-100 { color: rgb(255,204,188) !important; }.mdl-color--deep-orange-100 { background-color: rgb(255,204,188) !important; }.mdl-color-text--deep-orange-200 { color: rgb(255,171,145) !important; }.mdl-color--deep-orange-200 { background-color: rgb(255,171,145) !important; }.mdl-color-text--deep-orange-300 { color: rgb(255,138,101) !important; }.mdl-color--deep-orange-300 { background-color: rgb(255,138,101) !important; }.mdl-color-text--deep-orange-400 { color: rgb(255,112,67) !important; }.mdl-color--deep-orange-400 { background-color: rgb(255,112,67) !important; }.mdl-color-text--deep-orange-500 { color: rgb(255,87,34) !important; }.mdl-color--deep-orange-500 { background-color: rgb(255,87,34) !important; }.mdl-color-text--deep-orange-600 { color: rgb(244,81,30) !important; }.mdl-color--deep-orange-600 { background-color: rgb(244,81,30) !important; }.mdl-color-text--deep-orange-700 { color: rgb(230,74,25) !important; }.mdl-color--deep-orange-700 { background-color: rgb(230,74,25) !important; }.mdl-color-text--deep-orange-800 { color: rgb(216,67,21) !important; }.mdl-color--deep-orange-800 { background-color: rgb(216,67,21) !important; }.mdl-color-text--deep-orange-900 { color: rgb(191,54,12) !important; }.mdl-color--deep-orange-900 { background-color: rgb(191,54,12) !important; }.mdl-color-text--deep-orange-A100 { color: rgb(255,158,128) !important; }.mdl-color--deep-orange-A100 { background-color: rgb(255,158,128) !important; }.mdl-color-text--deep-orange-A200 { color: rgb(255,110,64) !important; }.mdl-color--deep-orange-A200 { background-color: rgb(255,110,64) !important; }.mdl-color-text--deep-orange-A400 { color: rgb(255,61,0) !important; }.mdl-color--deep-orange-A400 { background-color: rgb(255,61,0) !important; }.mdl-color-text--deep-orange-A700 { color: rgb(221,44,0) !important; }.mdl-color--deep-orange-A700 { background-color: rgb(221,44,0) !important; }.mdl-color-text--brown { color: rgb(121,85,72) !important; }.mdl-color--brown { background-color: rgb(121,85,72) !important; }.mdl-color-text--brown-50 { color: rgb(239,235,233) !important; }.mdl-color--brown-50 { background-color: rgb(239,235,233) !important; }.mdl-color-text--brown-100 { color: rgb(215,204,200) !important; }.mdl-color--brown-100 { background-color: rgb(215,204,200) !important; }.mdl-color-text--brown-200 { color: rgb(188,170,164) !important; }.mdl-color--brown-200 { background-color: rgb(188,170,164) !important; }.mdl-color-text--brown-300 { color: rgb(161,136,127) !important; }.mdl-color--brown-300 { background-color: rgb(161,136,127) !important; }.mdl-color-text--brown-400 { color: rgb(141,110,99) !important; }.mdl-color--brown-400 { background-color: rgb(141,110,99) !important; }.mdl-color-text--brown-500 { color: rgb(121,85,72) !important; }.mdl-color--brown-500 { background-color: rgb(121,85,72) !important; }.mdl-color-text--brown-600 { color: rgb(109,76,65) !important; }.mdl-color--brown-600 { background-color: rgb(109,76,65) !important; }.mdl-color-text--brown-700 { color: rgb(93,64,55) !important; }.mdl-color--brown-700 { background-color: rgb(93,64,55) !important; }.mdl-color-text--brown-800 { color: rgb(78,52,46) !important; }.mdl-color--brown-800 { background-color: rgb(78,52,46) !important; }.mdl-color-text--brown-900 { color: rgb(62,39,35) !important; }.mdl-color--brown-900 { background-color: rgb(62,39,35) !important; }.mdl-color-text--grey { color: rgb(158,158,158) !important; }.mdl-color--grey { background-color: rgb(158,158,158) !important; }.mdl-color-text--grey-50 { color: rgb(250,250,250) !important; }.mdl-color--grey-50 { background-color: rgb(250,250,250) !important; }.mdl-color-text--grey-100 { color: rgb(245,245,245) !important; }.mdl-color--grey-100 { background-color: rgb(245,245,245) !important; }.mdl-color-text--grey-200 { color: rgb(238,238,238) !important; }.mdl-color--grey-200 { background-color: rgb(238,238,238) !important; }.mdl-color-text--grey-300 { color: rgb(224,224,224) !important; }.mdl-color--grey-300 { background-color: rgb(224,224,224) !important; }.mdl-color-text--grey-400 { color: rgb(189,189,189) !important; }.mdl-color--grey-400 { background-color: rgb(189,189,189) !important; }.mdl-color-text--grey-500 { color: rgb(158,158,158) !important; }.mdl-color--grey-500 { background-color: rgb(158,158,158) !important; }.mdl-color-text--grey-600 { color: rgb(117,117,117) !important; }.mdl-color--grey-600 { background-color: rgb(117,117,117) !important; }.mdl-color-text--grey-700 { color: rgb(97,97,97) !important; }.mdl-color--grey-700 { background-color: rgb(97,97,97) !important; }.mdl-color-text--grey-800 { color: rgb(66,66,66) !important; }.mdl-color--grey-800 { background-color: rgb(66,66,66) !important; }.mdl-color-text--grey-900 { color: rgb(33,33,33) !important; }.mdl-color--grey-900 { background-color: rgb(33,33,33) !important; }.mdl-color-text--blue-grey { color: rgb(96,125,139) !important; }.mdl-color--blue-grey { background-color: rgb(96,125,139) !important; }.mdl-color-text--blue-grey-50 { color: rgb(236,239,241) !important; }.mdl-color--blue-grey-50 { background-color: rgb(236,239,241) !important; }.mdl-color-text--blue-grey-100 { color: rgb(207,216,220) !important; }.mdl-color--blue-grey-100 { background-color: rgb(207,216,220) !important; }.mdl-color-text--blue-grey-200 { color: rgb(176,190,197) !important; }.mdl-color--blue-grey-200 { background-color: rgb(176,190,197) !important; }.mdl-color-text--blue-grey-300 { color: rgb(144,164,174) !important; }.mdl-color--blue-grey-300 { background-color: rgb(144,164,174) !important; }.mdl-color-text--blue-grey-400 { color: rgb(120,144,156) !important; }.mdl-color--blue-grey-400 { background-color: rgb(120,144,156) !important; }.mdl-color-text--blue-grey-500 { color: rgb(96,125,139) !important; }.mdl-color--blue-grey-500 { background-color: rgb(96,125,139) !important; }.mdl-color-text--blue-grey-600 { color: rgb(84,110,122) !important; }.mdl-color--blue-grey-600 { background-color: rgb(84,110,122) !important; }.mdl-color-text--blue-grey-700 { color: rgb(69,90,100) !important; }.mdl-color--blue-grey-700 { background-color: rgb(69,90,100) !important; }.mdl-color-text--blue-grey-800 { color: rgb(55,71,79) !important; }.mdl-color--blue-grey-800 { background-color: rgb(55,71,79) !important; }.mdl-color-text--blue-grey-900 { color: rgb(38,50,56) !important; }.mdl-color--blue-grey-900 { background-color: rgb(38,50,56) !important; }.mdl-color--black { background-color: rgb(0,0,0) !important; }.mdl-color-text--black { color: rgb(0,0,0) !important; }.mdl-color--white { background-color: rgb(255,255,255) !important; }.mdl-color-text--white { color: rgb(255,255,255) !important; }.mdl-color--primary { background-color: rgb(63,81,181) !important; }.mdl-color--primary-contrast { background-color: rgb(255,255,255) !important; }.mdl-color--primary-dark { background-color: rgb(48,63,159) !important; }.mdl-color--accent { background-color: rgb(255,64,129) !important; }.mdl-color--accent-contrast { background-color: rgb(255,255,255) !important; }.mdl-color-text--primary { color: rgb(63,81,181) !important; }.mdl-color-text--primary-contrast { color: rgb(255,255,255) !important; }.mdl-color-text--primary-dark { color: rgb(48,63,159) !important; }.mdl-color-text--accent { color: rgb(255,64,129) !important; }.mdl-color-text--accent-contrast { color: rgb(255,255,255) !important; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-ripple { background: rgb(0,0,0); border-radius: 50%; height: 50px; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transform: translate(-50%, -50%); width: 50px; overflow: hidden; }.mdl-ripple.is-animating { transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1); }.mdl-ripple.is-visible { opacity: 0.3; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-animation--default { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }.mdl-animation--fast-out-slow-in { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }.mdl-animation--linear-out-slow-in { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }.mdl-animation--fast-out-linear-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-badge { position: relative; white-space: nowrap; margin-right: 24px; }.mdl-badge:not([data-badge]) { margin-right: auto; }.mdl-badge[data-badge]:after { content: attr(data-badge); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; position: absolute; top: -11px; right: -24px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-weight: 600; font-size: 12px; width: 22px; height: 22px; border-radius: 50%; background: rgb(255,64,129); color: rgb(255,255,255); }.mdl-button .mdl-badge[data-badge]:after { top: -10px; right: -5px; }.mdl-badge.mdl-badge--no-background[data-badge]:after { color: rgb(255,64,129); background: rgba(255,255,255,0.2); box-shadow: 0 0 1px gray; }.mdl-badge.mdl-badge--overlap { margin-right: 10px; }.mdl-badge.mdl-badge--overlap:after { right: -10px; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-button { background: transparent; border: none; border-radius: 2px; color: rgb(0,0,0); position: relative; height: 36px; margin: 0; min-width: 64px; padding: 0 16px; display: inline-block; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: 0; overflow: hidden; will-change: box-shadow; 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: none; cursor: pointer; text-decoration: none; text-align: center; line-height: 36px; vertical-align: middle; }.mdl-button::-moz-focus-inner { border: 0; }.mdl-button:hover { background-color: rgba(158,158,158, 0.20); }.mdl-button:focus:not(:active) { background-color: rgba(0,0,0, 0.12); }.mdl-button:active { background-color: rgba(158,158,158, 0.40); }.mdl-button.mdl-button--colored { color: rgb(63,81,181); }.mdl-button.mdl-button--colored:focus:not(:active) { background-color: rgba(0,0,0, 0.12); }input.mdl-button[type="submit"] { -webkit-appearance: none; }.mdl-button--raised { background: rgba(158,158,158, 0.20); 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); }.mdl-button--raised:active { 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); background-color: rgba(158,158,158, 0.40); }.mdl-button--raised:focus:not(:active) { box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); background-color: rgba(158,158,158, 0.40); }.mdl-button--raised.mdl-button--colored { background: rgb(63,81,181); color: rgb(255,255,255); }.mdl-button--raised.mdl-button--colored:hover { background-color: rgb(63,81,181); }.mdl-button--raised.mdl-button--colored:active { background-color: rgb(63,81,181); }.mdl-button--raised.mdl-button--colored:focus:not(:active) { background-color: rgb(63,81,181); }.mdl-button--raised.mdl-button--colored .mdl-ripple { background: rgb(255,255,255); }.mdl-button--fab { border-radius: 50%; font-size: 24px; height: 56px; margin: auto; min-width: 56px; width: 56px; padding: 0; overflow: hidden; background: rgba(158,158,158, 0.20); 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; }.mdl-button--fab .material-icons { position: absolute; top: 50%; left: 50%; transform: translate(-12px, -12px); line-height: 24px; width: 24px; }.mdl-button--fab.mdl-button--mini-fab { height: 40px; min-width: 40px; width: 40px; }.mdl-button--fab .mdl-button__ripple-container { border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }.mdl-button--fab:active { 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); background-color: rgba(158,158,158, 0.40); }.mdl-button--fab:focus:not(:active) { box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); background-color: rgba(158,158,158, 0.40); }.mdl-button--fab.mdl-button--colored { background: rgb(255,64,129); color: rgb(255,255,255); }.mdl-button--fab.mdl-button--colored:hover { background-color: rgb(255,64,129); }.mdl-button--fab.mdl-button--colored:focus:not(:active) { background-color: rgb(255,64,129); }.mdl-button--fab.mdl-button--colored:active { background-color: rgb(255,64,129); }.mdl-button--fab.mdl-button--colored .mdl-ripple { background: rgb(255,255,255); }.mdl-button--icon { border-radius: 50%; font-size: 24px; height: 32px; margin-left: 0; margin-right: 0; min-width: 32px; width: 32px; padding: 0; overflow: hidden; color: inherit; line-height: normal; }.mdl-button--icon .material-icons { position: absolute; top: 50%; left: 50%; transform: translate(-12px, -12px); line-height: 24px; width: 24px; }.mdl-button--icon.mdl-button--mini-icon { height: 24px; min-width: 24px; width: 24px; }.mdl-button--icon.mdl-button--mini-icon .material-icons { top: 0px; left: 0px; }.mdl-button--icon .mdl-button__ripple-container { border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }.mdl-button__ripple-container { display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; overflow: hidden; }.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple, .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple { background-color: transparent; }.mdl-button--primary.mdl-button--primary { color: rgb(63,81,181); }.mdl-button--primary.mdl-button--primary .mdl-ripple { background: rgb(255,255,255); }.mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab { color: rgb(255,255,255); background-color: rgb(63,81,181); }.mdl-button--accent.mdl-button--accent { color: rgb(255,64,129); }.mdl-button--accent.mdl-button--accent .mdl-ripple { background: rgb(255,255,255); }.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab { color: rgb(255,255,255); background-color: rgb(255,64,129); }.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled { color: rgba(0,0,0, 0.26); cursor: default; background-color: transparent; }.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled { background-color: rgba(0,0,0, 0.12); color: rgba(0,0,0, 0.26); }.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled { background-color: rgba(0,0,0, 0.12); color: rgba(0,0,0, 0.26); box-shadow: none; }.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled { color: rgba(0,0,0, 0.26); }.mdl-button .material-icons { vertical-align: middle; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-card { display: flex; flex-direction: column; font-size: 16px; font-weight: 400; min-height: 200px; overflow: hidden; width: 330px; z-index: 1; position: relative; background: rgb(255,255,255); border-radius: 2px; box-sizing: border-box; }.mdl-card__media { background-color: rgb(255,64,129); background-repeat: repeat; background-position: 50% 50%; background-size: cover; background-origin: padding-box; background-attachment: scroll; box-sizing: border-box; }.mdl-card__title { align-items: center; color: rgb(0,0,0); display: block; display: flex; justify-content: stretch; line-height: normal; padding: 16px 16px; perspective-origin: 165px 56px; transform-origin: 165px 56px; box-sizing: border-box; }.mdl-card__title.mdl-card--border { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }.mdl-card__title-text { align-self: flex-end; color: inherit; display: block; display: flex; font-size: 24px; font-weight: 300; line-height: normal; overflow: hidden; transform-origin: 149px 48px; margin: 0; }.mdl-card__subtitle-text { font-size: 14px; color: rgba(0,0,0, 0.54); margin: 0; }.mdl-card__supporting-text { color: rgba(0,0,0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px 16px; width: 90%; }.mdl-card__supporting-text.mdl-card--border { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }.mdl-card__actions { font-size: 16px; line-height: normal; width: 100%; background-color: transparent; padding: 8px; box-sizing: border-box; }.mdl-card__actions.mdl-card--border { border-top: 1px solid rgba(0, 0, 0, 0.1); }.mdl-card--expand { flex-grow: 1; }.mdl-card__menu { position: absolute; right: 16px; top: 16px; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-checkbox { position: relative; z-index: 1; vertical-align: middle; display: inline-block; box-sizing: border-box; width: 100%; height: 24px; margin: 0; padding: 0; }.mdl-checkbox.is-upgraded { padding-left: 24px; }.mdl-checkbox__input { line-height: 24px; }.mdl-checkbox.is-upgraded .mdl-checkbox__input { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; }.mdl-checkbox__box-outline { position: absolute; top: 3px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; margin: 0; cursor: pointer; overflow: hidden; border: 2px solid rgba(0,0,0, 0.54); border-radius: 2px; z-index: 2; }.mdl-checkbox.is-checked .mdl-checkbox__box-outline { border: 2px solid rgb(63,81,181); }fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox.is-disabled .mdl-checkbox__box-outline { border: 2px solid rgba(0,0,0, 0.26); cursor: auto; }.mdl-checkbox__focus-helper { position: absolute; top: 3px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; border-radius: 50%; background-color: transparent; }.mdl-checkbox.is-focused .mdl-checkbox__focus-helper { box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1); }.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper { box-shadow: 0 0 0px 8px rgba(63,81,181, 0.26); background-color: rgba(63,81,181, 0.26); }.mdl-checkbox__tick-outline { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==); mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==); background: transparent; transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: background; }.mdl-checkbox.is-checked .mdl-checkbox__tick-outline { background: rgb(63,81,181) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K); }fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline { background: rgba(0,0,0, 0.26) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K); }.mdl-checkbox__label { position: relative; cursor: pointer; font-size: 16px; line-height: 24px; margin: 0; }fieldset[disabled] .mdl-checkbox .mdl-checkbox__label, .mdl-checkbox.is-disabled .mdl-checkbox__label { color: rgba(0,0,0, 0.26); cursor: auto; }.mdl-checkbox__ripple-container { position: absolute; z-index: 2; top: -6px; left: -10px; box-sizing: border-box; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }.mdl-checkbox__ripple-container .mdl-ripple { background: rgb(63,81,181); }fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container, .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container { cursor: auto; }fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple, .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple { background: transparent; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-chip { height: 32px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; line-height: 32px; padding: 0 12px; border: 0; border-radius: 16px; background-color: #dedede; display: inline-block; color: rgba(0,0,0, 0.87); margin: 2px 0; font-size: 0; white-space: nowrap; }.mdl-chip__text { font-size: 13px; vertical-align: middle; display: inline-block; }.mdl-chip__action { height: 24px; width: 24px; background: transparent; opacity: 0.54; display: inline-block; cursor: pointer; text-align: center; vertical-align: middle; padding: 0; margin: 0 0 0 4px; font-size: 13px; text-decoration: none; color: rgba(0,0,0, 0.87); border: none; outline: none; overflow: hidden; }.mdl-chip__contact { height: 32px; width: 32px; border-radius: 16px; display: inline-block; vertical-align: middle; margin-right: 8px; overflow: hidden; text-align: center; font-size: 18px; line-height: 32px; }.mdl-chip:focus { outline: 0; 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); }.mdl-chip:active { background-color: #d6d6d6; }.mdl-chip--deletable { padding-right: 4px; }.mdl-chip--contact { padding-left: 0; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-data-table { position: relative; border: 1px solid rgba(0, 0, 0, 0.12); border-collapse: collapse; white-space: nowrap; font-size: 13px; background-color: rgb(255,255,255); }.mdl-data-table thead { padding-bottom: 3px; }.mdl-data-table thead .mdl-data-table__select { margin-top: 0; }.mdl-data-table tbody tr { position: relative; height: 48px; transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: background-color; }.mdl-data-table tbody tr.is-selected { background-color: #e0e0e0; }.mdl-data-table tbody tr:hover { background-color: #eeeeee; }.mdl-data-table td, .mdl-data-table th { padding: 0 18px 12px 18px; text-align: right; }.mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type { padding-left: 24px; }.mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type { padding-right: 24px; }.mdl-data-table td { position: relative; vertical-align: middle; height: 48px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding-top: 12px; box-sizing: border-box; }.mdl-data-table td .mdl-data-table__select { vertical-align: middle; }.mdl-data-table th { position: relative; vertical-align: bottom; text-overflow: ellipsis; font-size: 14px; font-weight: bold; line-height: 24px; letter-spacing: 0; height: 48px; font-size: 12px; color: rgba(0, 0, 0, 0.54); padding-bottom: 8px; box-sizing: border-box; }.mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending { color: rgba(0, 0, 0, 0.87); }.mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; font-feature-settings: 'liga'; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; font-size: 16px; content: "\e5d8"; margin-right: 5px; vertical-align: sub; }.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover { cursor: pointer; }.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before { color: rgba(0, 0, 0, 0.26); }.mdl-data-table th.mdl-data-table__header--sorted-descending:before { content: "\e5db"; }.mdl-data-table__select { width: 16px; }.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric { text-align: left; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-dialog { border: none; box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); width: 280px; }.mdl-dialog__title { padding: 24px 24px 0; margin: 0; font-size: 2.5rem; }.mdl-dialog__actions { padding: 8px 8px 8px 24px; display: flex; flex-direction: row-reverse; flex-wrap: wrap; }.mdl-dialog__actions > * { margin-right: 8px; height: 36px; }.mdl-dialog__actions > *:first-child { margin-right: 0; }.mdl-dialog__actions--full-width { padding: 0 0 8px 0; }.mdl-dialog__actions--full-width > * { height: 48px; flex: 0 0 100%; padding-right: 16px; margin-right: 0; text-align: right; }.mdl-dialog__content { padding: 20px 24px 24px 24px; color: rgba(0,0,0, 0.54); }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-mega-footer { padding: 16px 40px; color: rgb(158,158,158); background-color: rgb(66,66,66); }.mdl-mega-footer--top-section:after, .mdl-mega-footer--middle-section:after, .mdl-mega-footer--bottom-section:after, .mdl-mega-footer__top-section:after, .mdl-mega-footer__middle-section:after, .mdl-mega-footer__bottom-section:after { content: ''; display: block; clear: both; }.mdl-mega-footer--left-section, .mdl-mega-footer__left-section { margin-bottom: 16px; }.mdl-mega-footer--right-section, .mdl-mega-footer__right-section { margin-bottom: 16px; }.mdl-mega-footer--right-section a, .mdl-mega-footer__right-section a { display: block; margin-bottom: 16px; color: inherit; text-decoration: none; }@media screen and (min-width: 760px) { .mdl-mega-footer--left-section, .mdl-mega-footer__left-section { float: left; } .mdl-mega-footer--right-section, .mdl-mega-footer__right-section { float: right; } .mdl-mega-footer--right-section a, .mdl-mega-footer__right-section a { display: inline-block; margin-left: 16px; line-height: 36px; vertical-align: middle; } }.mdl-mega-footer--social-btn, .mdl-mega-footer__social-btn { width: 36px; height: 36px; padding: 0; margin: 0; background-color: rgb(158,158,158); border: none; }.mdl-mega-footer--drop-down-section, .mdl-mega-footer__drop-down-section { display: block; position: relative; }@media screen and (min-width: 760px) { .mdl-mega-footer--drop-down-section, .mdl-mega-footer__drop-down-section { width: 33%; } .mdl-mega-footer--drop-down-section:nth-child(1), .mdl-mega-footer--drop-down-section:nth-child(2), .mdl-mega-footer__drop-down-section:nth-child(1), .mdl-mega-footer__drop-down-section:nth-child(2) { float: left; } .mdl-mega-footer--drop-down-section:nth-child(3), .mdl-mega-footer__drop-down-section:nth-child(3) { float: right; } .mdl-mega-footer--drop-down-section:nth-child(3):after, .mdl-mega-footer__drop-down-section:nth-child(3):after { clear: right; } .mdl-mega-footer--drop-down-section:nth-child(4), .mdl-mega-footer__drop-down-section:nth-child(4) { clear: right; float: right; } .mdl-mega-footer--middle-section:after, .mdl-mega-footer__middle-section:after { content: ''; display: block; clear: both; } .mdl-mega-footer--bottom-section, .mdl-mega-footer__bottom-section { padding-top: 0; } }@media screen and (min-width: 1024px) { .mdl-mega-footer--drop-down-section, .mdl-mega-footer--drop-down-section:nth-child(3), .mdl-mega-footer--drop-down-section:nth-child(4), .mdl-mega-footer__drop-down-section, .mdl-mega-footer__drop-down-section:nth-child(3), .mdl-mega-footer__drop-down-section:nth-child(4) { width: 24%; float: left; } }.mdl-mega-footer--heading-checkbox, .mdl-mega-footer__heading-checkbox { position: absolute; width: 100%; height: 55.8px; padding: 32px; margin: 0; margin-top: -16px; cursor: pointer; z-index: 1; opacity: 0; }.mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after { font-family: 'Material Icons'; content: '\E5CE'; }.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list { display: none; }.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after { font-family: 'Material Icons'; content: '\E5CF'; }.mdl-mega-footer--heading, .mdl-mega-footer__heading { position: relative; width: 100%; padding-right: 39.8px; margin-bottom: 16px; box-sizing: border-box; font-size: 14px; line-height: 23.8px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: rgb(224,224,224); }.mdl-mega-footer--heading:after, .mdl-mega-footer__heading:after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 23.8px; height: 23.8px; background-size: cover; }.mdl-mega-footer--link-list, .mdl-mega-footer__link-list { list-style: none; margin: 0; padding: 0; margin-bottom: 32px; }.mdl-mega-footer--link-list:after, .mdl-mega-footer__link-list:after { clear: both; display: block; content: ''; }.mdl-mega-footer--link-list li, .mdl-mega-footer__link-list li { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; line-height: 20px; }.mdl-mega-footer--link-list a, .mdl-mega-footer__link-list a { color: inherit; text-decoration: none; white-space: nowrap; }@media screen and (min-width: 760px) { .mdl-mega-footer--heading-checkbox, .mdl-mega-footer__heading-checkbox { display: none; } .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after { content: ''; } .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list { display: block; } .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after { content: ''; } }.mdl-mega-footer--bottom-section, .mdl-mega-footer__bottom-section { padding-top: 16px; margin-bottom: 16px; }.mdl-logo { margin-bottom: 16px; color: white; }.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li, .mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li { float: left; margin-bottom: 0; margin-right: 16px; }@media screen and (min-width: 760px) { .mdl-logo { float: left; margin-bottom: 0; margin-right: 16px; } }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-mini-footer { display: flex; flex-flow: row wrap; justify-content: space-between; padding: 32px 16px; color: rgb(158,158,158); background-color: rgb(66,66,66); }.mdl-mini-footer:after { content: ''; display: block; }.mdl-mini-footer .mdl-logo { line-height: 36px; }.mdl-mini-footer--link-list, .mdl-mini-footer__link-list { display: flex; flex-flow: row nowrap; list-style: none; margin: 0; padding: 0; }.mdl-mini-footer--link-list li, .mdl-mini-footer__link-list li { margin-bottom: 0; margin-right: 16px; }@media screen and (min-width: 760px) { .mdl-mini-footer--link-list li, .mdl-mini-footer__link-list li { line-height: 36px; } }.mdl-mini-footer--link-list a, .mdl-mini-footer__link-list a { color: inherit; text-decoration: none; white-space: nowrap; }.mdl-mini-footer--left-section, .mdl-mini-footer__left-section { display: inline-block; order: 0; }.mdl-mini-footer--right-section, .mdl-mini-footer__right-section { display: inline-block; order: 1; }.mdl-mini-footer--social-btn, .mdl-mini-footer__social-btn { width: 36px; height: 36px; padding: 0; margin: 0; background-color: rgb(158,158,158); border: none; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-icon-toggle { position: relative; z-index: 1; vertical-align: middle; display: inline-block; height: 32px; margin: 0; padding: 0; }.mdl-icon-toggle__input { line-height: 32px; }.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; }.mdl-icon-toggle__label { display: inline-block; position: relative; cursor: pointer; height: 32px; width: 32px; min-width: 32px; color: rgb(97,97,97); border-radius: 50%; padding: 0; margin-left: 0; margin-right: 0; text-align: center; background-color: transparent; will-change: background-color; transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }.mdl-icon-toggle__label.material-icons { line-height: 32px; font-size: 24px; }.mdl-icon-toggle.is-checked .mdl-icon-toggle__label { color: rgb(63,81,181); }.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label { color: rgba(0,0,0, 0.26); cursor: auto; transition: none; }.mdl-icon-toggle.is-focused .mdl-icon-toggle__label { background-color: rgba(0,0,0, 0.12); }.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label { background-color: rgba(63,81,181, 0.26); }.mdl-icon-toggle__ripple-container { position: absolute; z-index: 2; top: -2px; left: -2px; box-sizing: border-box; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }.mdl-icon-toggle__ripple-container .mdl-ripple { background: rgb(97,97,97); }.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container { cursor: auto; }.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple { background: transparent; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-list { display: block; padding: 8px 0; list-style: none; }.mdl-list__item { font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.04em; line-height: 1; display: flex; min-height: 48px; box-sizing: border-box; flex-direction: row; flex-wrap: nowrap; align-items: center; padding: 16px; cursor: default; color: rgba(0,0,0, 0.87); overflow: hidden; }.mdl-list__item .mdl-list__item-primary-content { order: 0; flex-grow: 2; text-decoration: none; box-sizing: border-box; display: flex; align-items: center; }.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon { margin-right: 32px; }.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar { margin-right: 16px; }.mdl-list__item .mdl-list__item-secondary-content { display: flex; flex-flow: column; align-items: flex-end; margin-left: 16px; }.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label { display: inline; }.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info { font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; color: rgba(0,0,0, 0.54); }.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header { padding: 0 0 0 16px; }.mdl-list__item-icon, .mdl-list__item-icon.material-icons { height: 24px; width: 24px; font-size: 24px; box-sizing: border-box; color: rgb(117,117,117); }.mdl-list__item-avatar, .mdl-list__item-avatar.material-icons { height: 40px; width: 40px; box-sizing: border-box; border-radius: 50%; background-color: rgb(117,117,117); font-size: 40px; color: white; }.mdl-list__item--two-line { height: 72px; }.mdl-list__item--two-line .mdl-list__item-primary-content { height: 36px; line-height: 20px; display: block; }.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar { float: left; }.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon { float: left; margin-top: 6px; }.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content { height: 36px; }.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; line-height: 18px; color: rgba(0,0,0, 0.54); display: block; padding: 0; }.mdl-list__item--three-line { height: 88px; }.mdl-list__item--three-line .mdl-list__item-primary-content { height: 52px; line-height: 20px; display: block; }.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar, .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon { float: left; }.mdl-list__item--three-line .mdl-list__item-secondary-content { height: 52px; }.mdl-list__item--three-line .mdl-list__item-text-body { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; line-height: 18px; height: 52px; color: rgba(0,0,0, 0.54); display: block; padding: 0; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-menu__container { display: block; margin: 0; padding: 0; border: none; position: absolute; overflow: visible; height: 0; width: 0; visibility: hidden; z-index: -1; }.mdl-menu__container.is-visible, .mdl-menu__container.is-animating { z-index: 999; visibility: visible; }.mdl-menu__outline { display: block; background: rgb(255,255,255); margin: 0; padding: 0; border: none; border-radius: 2px; position: absolute; top: 0; left: 0; overflow: hidden; opacity: 0; transform: scale(0); transform-origin: 0 0; 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); will-change: transform; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); z-index: -1; }.mdl-menu__container.is-visible .mdl-menu__outline { opacity: 1; transform: scale(1); z-index: 999; }.mdl-menu__outline.mdl-menu--bottom-right { transform-origin: 100% 0; }.mdl-menu__outline.mdl-menu--top-left { transform-origin: 0 100%; }.mdl-menu__outline.mdl-menu--top-right { transform-origin: 100% 100%; }.mdl-menu { position: absolute; list-style: none; top: 0; left: 0; height: auto; width: auto; min-width: 124px; padding: 8px 0; margin: 0; opacity: 0; clip: rect(0 0 0 0); z-index: -1; }.mdl-menu__container.is-visible .mdl-menu { opacity: 1; z-index: 999; }.mdl-menu.is-animating { transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1); }.mdl-menu.mdl-menu--bottom-right { left: auto; right: 0; }.mdl-menu.mdl-menu--top-left { top: auto; bottom: 0; }.mdl-menu.mdl-menu--top-right { top: auto; left: auto; bottom: 0; right: 0; }.mdl-menu.mdl-menu--unaligned { top: auto; left: auto; }.mdl-menu__item { display: block; border: none; color: rgba(0,0,0, 0.87); background-color: transparent; text-align: left; margin: 0; padding: 0 16px; outline-color: rgb(189,189,189); position: relative; overflow: hidden; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; text-decoration: none; cursor: pointer; height: 48px; line-height: 48px; white-space: nowrap; opacity: 0; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; -moz-user-select: none; user-select: none; }.mdl-menu__container.is-visible .mdl-menu__item { opacity: 1; }.mdl-menu__item::-moz-focus-inner { border: 0; }.mdl-menu__item--full-bleed-divider { border-bottom: 1px solid rgba(0,0,0, 0.12); }.mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] { color: rgb(189,189,189); background-color: transparent; cursor: auto; }.mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover { background-color: transparent; }.mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus { background-color: transparent; }.mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple { background: transparent; }.mdl-menu__item:hover { background-color: rgb(238,238,238); }.mdl-menu__item:focus { outline: none; background-color: rgb(238,238,238); }.mdl-menu__item:active { background-color: rgb(224,224,224); }.mdl-menu__item--ripple-container { display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; overflow: hidden; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-progress { display: block; position: relative; height: 4px; width: 500px; max-width: 100%; }.mdl-progress > .bar { display: block; position: absolute; top: 0; bottom: 0; width: 0%; transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); }.mdl-progress > .progressbar { background-color: rgb(63,81,181); z-index: 1; left: 0; }.mdl-progress > .bufferbar { background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); z-index: 0; left: 0; }.mdl-progress > .auxbar { right: 0; }@supports (-webkit-appearance: none) { .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar { background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=); mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=); } }.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate) > .auxbar { background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); }.mdl-progress.mdl-progress--indeterminate > .bar1, .mdl-progress.mdl-progress__indeterminate > .bar1 { background-color: rgb(63,81,181); animation-name: indeterminate1; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; }.mdl-progress.mdl-progress--indeterminate > .bar3, .mdl-progress.mdl-progress__indeterminate > .bar3 { background-image: none; background-color: rgb(63,81,181); animation-name: indeterminate2; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; }@keyframes indeterminate1 { 0% { left: 0%; width: 0%; } 50% { left: 25%; width: 75%; } 75% { left: 100%; width: 0%; } }@keyframes indeterminate2 { 0% { left: 0%; width: 0%; } 50% { left: 0%; width: 0%; } 75% { left: 0%; width: 25%; } 100% { left: 100%; width: 0%; } }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-navigation { display: flex; flex-wrap: nowrap; box-sizing: border-box; }.mdl-navigation__link { color: rgb(66,66,66); text-decoration: none; margin: 0; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; opacity: 0.87; }.mdl-navigation__link .material-icons { vertical-align: middle; }.mdl-layout { width: 100%; height: 100%; display: flex; flex-direction: column; overflow-y: auto; overflow-x: hidden; position: relative; -webkit-overflow-scrolling: touch; }.mdl-layout.is-small-screen .mdl-layout--large-screen-only { display: none; }.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only { display: none; }.mdl-layout__container { position: absolute; width: 100%; height: 100%; }.mdl-layout__title, .mdl-layout-title { display: block; position: relative; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: 0.02em; font-weight: 400; box-sizing: border-box; }.mdl-layout-spacer { flex-grow: 1; }.mdl-layout__drawer { display: flex; flex-direction: column; flex-wrap: nowrap; width: 240px; height: 100%; max-height: 100%; position: absolute; top: 0; left: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; border-right: 1px solid rgb(224,224,224); background: rgb(250,250,250); transform: translateX(-250px); transform-style: preserve-3d; will-change: transform; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform; color: rgb(66,66,66); overflow: visible; overflow-y: auto; z-index: 5; }.mdl-layout__drawer.is-visible { transform: translateX(0); }.mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content { overflow: hidden; }.mdl-layout__drawer > * { flex-shrink: 0; }.mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title { line-height: 64px; padding-left: 40px; }@media screen and (max-width: 1024px) { .mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title { line-height: 56px; padding-left: 16px; } }.mdl-layout__drawer .mdl-navigation { flex-direction: column; align-items: stretch; padding-top: 16px; }.mdl-layout__drawer .mdl-navigation .mdl-navigation__link { display: block; flex-shrink: 0; padding: 16px 40px; margin: 0; color: #757575; }@media screen and (max-width: 1024px) { .mdl-layout__drawer .mdl-navigation .mdl-navigation__link { padding: 16px 16px; } }.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover { background-color: rgb(224,224,224); }.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current { background-color: rgb(224,224,224); color: rgb(0,0,0); }@media screen and (min-width: 1025px) { .mdl-layout--fixed-drawer > .mdl-layout__drawer { transform: translateX(0); } }.mdl-layout__drawer-button { display: block; position: absolute; height: 48px; width: 48px; border: 0; flex-shrink: 0; overflow: hidden; text-align: center; cursor: pointer; font-size: 26px; line-height: 56px; font-family: Helvetica, Arial, sans-serif; margin: 8px 12px; top: 0; left: 0; color: rgb(255,255,255); z-index: 4; }.mdl-layout__header .mdl-layout__drawer-button { position: absolute; color: rgb(255,255,255); background-color: inherit; }@media screen and (max-width: 1024px) { .mdl-layout__header .mdl-layout__drawer-button { margin: 4px; } }@media screen and (max-width: 1024px) { .mdl-layout__drawer-button { margin: 4px; color: rgba(0, 0, 0, 0.5); } }@media screen and (min-width: 1025px) { .mdl-layout__drawer-button { line-height: 54px; } .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button, .mdl-layout--fixed-drawer > .mdl-layout__drawer-button, .mdl-layout--no-drawer-button .mdl-layout__drawer-button { display: none; } }.mdl-layout__header { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; box-sizing: border-box; flex-shrink: 0; width: 100%; margin: 0; padding: 0; border: none; min-height: 64px; max-height: 1000px; z-index: 3; background-color: rgb(63,81,181); color: rgb(255,255,255); 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); transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: max-height, box-shadow; }@media screen and (max-width: 1024px) { .mdl-layout__header { min-height: 56px; } }.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header { margin-left: 240px; width: calc(100% - 240px); }@media screen and (min-width: 1025px) { .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row { padding-left: 40px; } }.mdl-layout__header > .mdl-layout-icon { position: absolute; left: 40px; top: 16px; height: 32px; width: 32px; overflow: hidden; z-index: 3; display: block; }@media screen and (max-width: 1024px) { .mdl-layout__header > .mdl-layout-icon { left: 16px; top: 12px; } }.mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon { display: none; }.mdl-layout__header.is-compact { max-height: 64px; }@media screen and (max-width: 1024px) { .mdl-layout__header.is-compact { max-height: 56px; } }.mdl-layout__header.is-compact.has-tabs { height: 112px; }@media screen and (max-width: 1024px) { .mdl-layout__header.is-compact.has-tabs { min-height: 104px; } }@media screen and (max-width: 1024px) { .mdl-layout__header { display: none; } .mdl-layout--fixed-header > .mdl-layout__header { display: flex; } }.mdl-layout__header--transparent.mdl-layout__header--transparent { background-color: transparent; box-shadow: none; }.mdl-layout__header--seamed { box-shadow: none; }.mdl-layout__header--scroll { box-shadow: none; }.mdl-layout__header--waterfall { box-shadow: none; overflow: hidden; }.mdl-layout__header--waterfall.is-casting-shadow { 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); }.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top { justify-content: flex-end; }.mdl-layout__header-row { display: flex; flex-direction: row; flex-wrap: nowrap; flex-shrink: 0; box-sizing: border-box; align-self: stretch; align-items: center; height: 64px; margin: 0; padding: 0 40px 0 80px; }.mdl-layout--no-drawer-button .mdl-layout__header-row { padding-left: 40px; }@media screen and (min-width: 1025px) { .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row { padding-left: 40px; } }@media screen and (max-width: 1024px) { .mdl-layout__header-row { height: 56px; padding: 0 16px 0 72px; } .mdl-layout--no-drawer-button .mdl-layout__header-row { padding-left: 16px; } }.mdl-layout__header-row > * { flex-shrink: 0; }.mdl-layout__header--scroll .mdl-layout__header-row { width: 100%; }.mdl-layout__header-row .mdl-navigation { margin: 0; padding: 0; height: 64px; flex-direction: row; align-items: center; }@media screen and (max-width: 1024px) { .mdl-layout__header-row .mdl-navigation { height: 56px; } }.mdl-layout__header-row .mdl-navigation__link { display: block; color: rgb(255,255,255); line-height: 64px; padding: 0 24px; }@media screen and (max-width: 1024px) { .mdl-layout__header-row .mdl-navigation__link { line-height: 56px; padding: 0 16px; } }.mdl-layout__obfuscator { background-color: transparent; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 4; visibility: hidden; transition-property: background-color; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }.mdl-layout__obfuscator.is-visible { background-color: rgba(0, 0, 0, 0.5); visibility: visible; }@supports (pointer-events: auto) { .mdl-layout__obfuscator { background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition-property: opacity; visibility: visible; pointer-events: none; } .mdl-layout__obfuscator.is-visible { pointer-events: auto; opacity: 1; } }.mdl-layout__content { -ms-flex: 0 1 auto; position: relative; display: inline-block; overflow-y: auto; overflow-x: hidden; flex-grow: 1; z-index: 1; -webkit-overflow-scrolling: touch; }.mdl-layout--fixed-drawer > .mdl-layout__content { margin-left: 240px; }.mdl-layout__container.has-scrolling-header .mdl-layout__content { overflow: visible; }@media screen and (max-width: 1024px) { .mdl-layout--fixed-drawer > .mdl-layout__content { margin-left: 0; } .mdl-layout__container.has-scrolling-header .mdl-layout__content { overflow-y: auto; overflow-x: hidden; } }.mdl-layout__tab-bar { height: 96px; margin: 0; width: calc(100% - 112px); padding: 0 0 0 56px; display: flex; background-color: rgb(63,81,181); overflow-y: hidden; overflow-x: scroll; }.mdl-layout__tab-bar::-webkit-scrollbar { display: none; }.mdl-layout--no-drawer-button .mdl-layout__tab-bar { padding-left: 16px; width: calc(100% - 32px); }@media screen and (min-width: 1025px) { .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar { padding-left: 16px; width: calc(100% - 32px); } }@media screen and (max-width: 1024px) { .mdl-layout__tab-bar { width: calc(100% - 60px); padding: 0 0 0 60px; } .mdl-layout--no-drawer-button .mdl-layout__tab-bar { width: calc(100% - 8px); padding-left: 4px; } }.mdl-layout--fixed-tabs .mdl-layout__tab-bar { padding: 0; overflow: hidden; width: 100%; }.mdl-layout__tab-bar-container { position: relative; height: 48px; width: 100%; border: none; margin: 0; z-index: 2; flex-grow: 0; flex-shrink: 0; overflow: hidden; }.mdl-layout__container > .mdl-layout__tab-bar-container { position: absolute; top: 0; left: 0; }.mdl-layout__tab-bar-button { display: inline-block; position: absolute; top: 0; height: 48px; width: 56px; z-index: 4; text-align: center; background-color: rgb(63,81,181); color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; }.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button, .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button { width: 16px; }.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons, .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons { position: relative; left: -4px; }@media screen and (max-width: 1024px) { .mdl-layout__tab-bar-button { width: 60px; } }.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button { display: none; }.mdl-layout__tab-bar-button .material-icons { line-height: 48px; }.mdl-layout__tab-bar-button.is-active { color: rgb(255,255,255); }.mdl-layout__tab-bar-left-button { left: 0; }.mdl-layout__tab-bar-right-button { right: 0; }.mdl-layout__tab { margin: 0; border: none; padding: 0 24px 0 24px; float: left; position: relative; display: block; flex-grow: 0; flex-shrink: 0; text-decoration: none; height: 48px; line-height: 48px; text-align: center; font-weight: 500; font-size: 14px; text-transform: uppercase; color: rgba(255,255,255, 0.6); overflow: hidden; }@media screen and (max-width: 1024px) { .mdl-layout__tab { padding: 0 12px 0 12px; } }.mdl-layout--fixed-tabs .mdl-layout__tab { float: none; flex-grow: 1; padding: 0; }.mdl-layout.is-upgraded .mdl-layout__tab.is-active { color: rgb(255,255,255); }.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after { height: 2px; width: 100%; display: block; content: " "; bottom: 0; left: 0; position: absolute; background: rgb(255,64,129); animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards; transition: all 1s cubic-bezier(0.4, 0, 1, 1); }.mdl-layout__tab .mdl-layout__tab-ripple-container { display: block; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 1; overflow: hidden; }.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple { background-color: rgb(255,255,255); }.mdl-layout__tab-panel { display: block; }.mdl-layout.is-upgraded .mdl-layout__tab-panel { display: none; }.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active { display: block; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-radio { position: relative; font-size: 16px; line-height: 24px; display: inline-block; vertical-align: middle; box-sizing: border-box; height: 24px; margin: 0; padding-left: 0; }.mdl-radio.is-upgraded { padding-left: 24px; }.mdl-radio__button { line-height: 24px; }.mdl-radio.is-upgraded .mdl-radio__button { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; }.mdl-radio__outer-circle { position: absolute; top: 4px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; margin: 0; cursor: pointer; border: 2px solid rgba(0,0,0, 0.54); border-radius: 50%; z-index: 2; }.mdl-radio.is-checked .mdl-radio__outer-circle { border: 2px solid rgb(63,81,181); }.mdl-radio__outer-circle fieldset[disabled] .mdl-radio, .mdl-radio.is-disabled .mdl-radio__outer-circle { border: 2px solid rgba(0,0,0, 0.26); cursor: auto; }.mdl-radio__inner-circle { position: absolute; z-index: 1; margin: 0; top: 8px; left: 4px; box-sizing: border-box; width: 8px; height: 8px; cursor: pointer; transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform; transform: scale(0, 0); border-radius: 50%; background: rgb(63,81,181); }.mdl-radio.is-checked .mdl-radio__inner-circle { transform: scale(1, 1); }fieldset[disabled] .mdl-radio .mdl-radio__inner-circle, .mdl-radio.is-disabled .mdl-radio__inner-circle { background: rgba(0,0,0, 0.26); cursor: auto; }.mdl-radio.is-focused .mdl-radio__inner-circle { box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1); }.mdl-radio__label { cursor: pointer; }fieldset[disabled] .mdl-radio .mdl-radio__label, .mdl-radio.is-disabled .mdl-radio__label { color: rgba(0,0,0, 0.26); cursor: auto; }.mdl-radio__ripple-container { position: absolute; z-index: 2; top: -9px; left: -13px; box-sizing: border-box; width: 42px; height: 42px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); }.mdl-radio__ripple-container .mdl-ripple { background: rgb(63,81,181); }fieldset[disabled] .mdl-radio .mdl-radio__ripple-container, .mdl-radio.is-disabled .mdl-radio__ripple-container { cursor: auto; }fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple, .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple { background: transparent; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded { -ms-appearance: none; height: 32px; margin: 0; }.mdl-slider { width: calc(100% - 40px); margin: 0 20px; }.mdl-slider.is-upgraded { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 2px; background: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; outline: 0; padding: 0; color: rgb(63,81,181); align-self: center; z-index: 1; cursor: pointer; /**************************** Tracks ****************************/ /**************************** Thumbs ****************************/ /**************************** 0-value ****************************/ /**************************** Disabled ****************************/ }.mdl-slider.is-upgraded::-moz-focus-outer { border: 0; }.mdl-slider.is-upgraded::-ms-tooltip { display: none; }.mdl-slider.is-upgraded::-webkit-slider-runnable-track { background: transparent; }.mdl-slider.is-upgraded::-moz-range-track { background: transparent; border: none; }.mdl-slider.is-upgraded::-ms-track { background: none; color: transparent; height: 2px; width: 100%; border: none; }.mdl-slider.is-upgraded::-ms-fill-lower { padding: 0; background: linear-gradient(to right, transparent, transparent 16px, rgb(63,81,181) 16px, rgb(63,81,181) 0); }.mdl-slider.is-upgraded::-ms-fill-upper { padding: 0; background: linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0, 0.26) 16px, rgba(0,0,0, 0.26) 0); }.mdl-slider.is-upgraded::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; box-sizing: border-box; border-radius: 50%; background: rgb(63,81,181); border: none; -webkit-transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); }.mdl-slider.is-upgraded::-moz-range-thumb { -moz-appearance: none; width: 12px; height: 12px; box-sizing: border-box; border-radius: 50%; background-image: none; background: rgb(63,81,181); border: none; }.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb { box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb { box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); }.mdl-slider.is-upgraded:active::-webkit-slider-thumb { background-image: none; background: rgb(63,81,181); transform: scale(1.5); }.mdl-slider.is-upgraded:active::-moz-range-thumb { background-image: none; background: rgb(63,81,181); transform: scale(1.5); }.mdl-slider.is-upgraded::-ms-thumb { width: 32px; height: 32px; border: none; border-radius: 50%; background: rgb(63,81,181); transform: scale(0.375); -ms-transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); }.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb { background: radial-gradient(circle closest-side, rgb(63,81,181) 0%, rgb(63,81,181) 37.5%, rgba(63,81,181, 0.26) 37.5%, rgba(63,81,181, 0.26) 100%); transform: scale(1); }.mdl-slider.is-upgraded:active::-ms-thumb { background: rgb(63,81,181); transform: scale(0.5625); }.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb { border: 2px solid rgba(0,0,0, 0.26); background: transparent; }.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb { border: 2px solid rgba(0,0,0, 0.26); background: transparent; }.mdl-slider.is-upgraded.is-lowest-value + .mdl-slider__background-flex > .mdl-slider__background-upper { left: 6px; }.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb { box-shadow: 0 0 0 10px rgba(0,0,0, 0.12); background: rgba(0,0,0, 0.12); }.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb { box-shadow: 0 0 0 10px rgba(0,0,0, 0.12); background: rgba(0,0,0, 0.12); }.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb { border: 1.6px solid rgba(0,0,0, 0.26); transform: scale(1.5); }.mdl-slider.is-upgraded.is-lowest-value:active + .mdl-slider__background-flex > .mdl-slider__background-upper { left: 9px; }.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb { border: 1.5px solid rgba(0,0,0, 0.26); transform: scale(1.5); }.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb { background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0,0,0, 0.26) 66.67%, rgba(0,0,0, 0.26) 100%); }.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb { background: radial-gradient(circle closest-side, rgba(0,0,0, 0.12) 0%, rgba(0,0,0, 0.12) 25%, rgba(0,0,0, 0.26) 25%, rgba(0,0,0, 0.26) 37.5%, rgba(0,0,0, 0.12) 37.5%, rgba(0,0,0, 0.12) 100%); transform: scale(1); }.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb { transform: scale(0.5625); background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0,0,0, 0.26) 77.78%, rgba(0,0,0, 0.26) 100%); }.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower { background: transparent; }.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper { margin-left: 6px; }.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper { margin-left: 9px; }.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb { transform: scale(0.667); background: rgba(0,0,0, 0.26); }.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded:disabled::-moz-range-thumb { transform: scale(0.667); background: rgba(0,0,0, 0.26); }.mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-lower { background-color: rgba(0,0,0, 0.26); left: -6px; }.mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-upper { left: 6px; }.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb { border: 3px solid rgba(0,0,0, 0.26); background: transparent; transform: scale(0.667); }.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb { border: 3px solid rgba(0,0,0, 0.26); background: transparent; transform: scale(0.667); }.mdl-slider.is-upgraded.is-lowest-value:disabled:active + .mdl-slider__background-flex > .mdl-slider__background-upper { left: 6px; }.mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb { transform: scale(0.25); background: rgba(0,0,0, 0.26); }.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb { transform: scale(0.25); background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0, 0.26) 50%, rgba(0,0,0, 0.26) 100%); }.mdl-slider.is-upgraded:disabled::-ms-fill-lower { margin-right: 6px; background: linear-gradient(to right, transparent, transparent 25px, rgba(0,0,0, 0.26) 25px, rgba(0,0,0, 0.26) 0); }.mdl-slider.is-upgraded:disabled::-ms-fill-upper { margin-left: 6px; }.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper { margin-left: 6px; }.mdl-slider__ie-container { height: 18px; overflow: visible; border: none; margin: none; padding: none; }.mdl-slider__container { height: 18px; position: relative; background: none; display: flex; flex-direction: row; }.mdl-slider__background-flex { background: transparent; position: absolute; height: 2px; width: calc(100% - 52px); top: 50%; left: 0; margin: 0 26px; display: flex; overflow: hidden; border: 0; padding: 0; transform: translate(0, -1px); }.mdl-slider__background-lower { background: rgb(63,81,181); flex: 0 1; position: relative; border: 0; padding: 0; }.mdl-slider__background-upper { background: rgba(0,0,0, 0.26); flex: 0 1; position: relative; border: 0; padding: 0; transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1); }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-snackbar { position: fixed; bottom: 0; left: 50%; cursor: default; background-color: #323232; z-index: 3; display: block; display: flex; justify-content: space-between; font-family: "Roboto", "Helvetica", "Arial", sans-serif; will-change: transform; transform: translate(0, 80px); transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1); pointer-events: none; }@media (max-width: 479px) { .mdl-snackbar { width: 100%; left: 0; min-height: 48px; max-height: 80px; } }@media (min-width: 480px) { .mdl-snackbar { min-width: 288px; max-width: 568px; border-radius: 2px; transform: translate(-50%, 80px); } }.mdl-snackbar--active { transform: translate(0, 0); pointer-events: auto; transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1); }@media (min-width: 480px) { .mdl-snackbar--active { transform: translate(-50%, 0); } }.mdl-snackbar__text { padding: 14px 12px 14px 24px; vertical-align: middle; color: white; float: left; }.mdl-snackbar__action { background: transparent; border: none; color: rgb(255,64,129); float: right; text-transform: uppercase; padding: 14px 24px 14px 12px; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: 0; overflow: hidden; outline: none; opacity: 0; pointer-events: none; cursor: pointer; text-decoration: none; text-align: center; align-self: center; }.mdl-snackbar__action::-moz-focus-inner { border: 0; }.mdl-snackbar__action:not([aria-hidden]) { opacity: 1; pointer-events: auto; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-spinner { display: inline-block; position: relative; width: 28px; height: 28px; }.mdl-spinner:not(.is-upgraded).is-active:after { content: "Loading..."; }.mdl-spinner.is-upgraded.is-active { animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; }@keyframes mdl-spinner__container-rotate { to { transform: rotate(360deg); } }.mdl-spinner__layer { position: absolute; width: 100%; height: 100%; opacity: 0; }.mdl-spinner__layer-1 { border-color: rgb(66,165,245); }.mdl-spinner--single-color .mdl-spinner__layer-1 { border-color: rgb(63,81,181); }.mdl-spinner.is-active .mdl-spinner__layer-1 { animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }.mdl-spinner__layer-2 { border-color: rgb(244,67,54); }.mdl-spinner--single-color .mdl-spinner__layer-2 { border-color: rgb(63,81,181); }.mdl-spinner.is-active .mdl-spinner__layer-2 { animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }.mdl-spinner__layer-3 { border-color: rgb(253,216,53); }.mdl-spinner--single-color .mdl-spinner__layer-3 { border-color: rgb(63,81,181); }.mdl-spinner.is-active .mdl-spinner__layer-3 { animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }.mdl-spinner__layer-4 { border-color: rgb(76,175,80); }.mdl-spinner--single-color .mdl-spinner__layer-4 { border-color: rgb(63,81,181); }.mdl-spinner.is-active .mdl-spinner__layer-4 { animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }@keyframes mdl-spinner__fill-unfill-rotate { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } to { transform: rotate(1080deg); } }/** * HACK: Even though the intention is to have the current .mdl-spinner__layer-N * at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome * to do proper subpixel rendering for the elements being animated. This is * especially visible in Chrome 39 on Ubuntu 14.04. See: * * - https://github.com/Polymer/paper-spinner/issues/9 * - https://code.google.com/p/chromium/issues/detail?id=436255 */@keyframes mdl-spinner__layer-1-fade-in-out { from { opacity: 0.99; } 25% { opacity: 0.99; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 0.99; } 100% { opacity: 0.99; } }@keyframes mdl-spinner__layer-2-fade-in-out { from { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 0.99; } 50% { opacity: 0.99; } 51% { opacity: 0; } }@keyframes mdl-spinner__layer-3-fade-in-out { from { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0.99; } 75% { opacity: 0.99; } 76% { opacity: 0; } }@keyframes mdl-spinner__layer-4-fade-in-out { from { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 0.99; } 90% { opacity: 0.99; } 100% { opacity: 0; } }/** * Patch the gap that appear between the two adjacent * div.mdl-spinner__circle-clipper while the spinner is rotating * (appears on Chrome 38, Safari 7.1, and IE 11). * * Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's * opacity is 0.99, but still does on Safari and IE. */.mdl-spinner__gap-patch { position: absolute; box-sizing: border-box; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit; }.mdl-spinner__gap-patch .mdl-spinner__circle { width: 1000%; left: -450%; }.mdl-spinner__circle-clipper { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit; }.mdl-spinner__circle-clipper.mdl-spinner__left { float: left; }.mdl-spinner__circle-clipper.mdl-spinner__right { float: right; }.mdl-spinner__circle-clipper .mdl-spinner__circle { width: 200%; }.mdl-spinner__circle { box-sizing: border-box; height: 100%; border-width: 3px; border-style: solid; border-color: inherit; border-bottom-color: transparent !important; border-radius: 50%; animation: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }.mdl-spinner__left .mdl-spinner__circle { border-right-color: transparent !important; transform: rotate(129deg); }.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle { animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }.mdl-spinner__right .mdl-spinner__circle { left: -100%; border-left-color: transparent !important; transform: rotate(-129deg); }.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle { animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }@keyframes mdl-spinner__left-spin { from { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } to { transform: rotate(130deg); } }@keyframes mdl-spinner__right-spin { from { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } to { transform: rotate(-130deg); } }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-switch { position: relative; z-index: 1; vertical-align: middle; display: inline-block; box-sizing: border-box; width: 100%; height: 24px; margin: 0; padding: 0; overflow: visible; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }.mdl-switch.is-upgraded { padding-left: 28px; }.mdl-switch__input { line-height: 24px; }.mdl-switch.is-upgraded .mdl-switch__input { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; }.mdl-switch__track { background: rgba(0,0,0, 0.26); position: absolute; left: 0; top: 5px; height: 14px; width: 36px; border-radius: 14px; cursor: pointer; }.mdl-switch.is-checked .mdl-switch__track { background: rgba(63,81,181, 0.5); }.mdl-switch__track fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__track { background: rgba(0,0,0, 0.12); cursor: auto; }.mdl-switch__thumb { background: rgb(250,250,250); position: absolute; left: 0; top: 2px; height: 20px; width: 20px; border-radius: 50%; cursor: pointer; 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); transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: left; }.mdl-switch.is-checked .mdl-switch__thumb { background: rgb(63,81,181); left: 16px; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }.mdl-switch__thumb fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__thumb { background: rgb(189,189,189); cursor: auto; }.mdl-switch__focus-helper { position: absolute; top: 50%; left: 50%; transform: translate(-4px, -4px); display: inline-block; box-sizing: border-box; width: 8px; height: 8px; border-radius: 50%; background-color: transparent; }.mdl-switch.is-focused .mdl-switch__focus-helper { box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1); }.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper { box-shadow: 0 0 0px 20px rgba(63,81,181, 0.26); background-color: rgba(63,81,181, 0.26); }.mdl-switch__label { position: relative; cursor: pointer; font-size: 16px; line-height: 24px; margin: 0; left: 24px; }.mdl-switch__label fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__label { color: rgb(189,189,189); cursor: auto; }.mdl-switch__ripple-container { position: absolute; z-index: 2; top: -12px; left: -14px; box-sizing: border-box; width: 48px; height: 48px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); transition-duration: 0.40s; transition-timing-function: step-end; transition-property: left; }.mdl-switch__ripple-container .mdl-ripple { background: rgb(63,81,181); }.mdl-switch__ripple-container fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__ripple-container { cursor: auto; }fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple, .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple { background: transparent; }.mdl-switch.is-checked .mdl-switch__ripple-container { left: 2px; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-tabs { display: block; width: 100%; }.mdl-tabs__tab-bar { display: flex; flex-direction: row; justify-content: center; align-content: space-between; align-items: flex-start; height: 48px; padding: 0 0 0 0; margin: 0; border-bottom: 1px solid rgb(224,224,224); }.mdl-tabs__tab { margin: 0; border: none; padding: 0 24px 0 24px; float: left; position: relative; display: block; text-decoration: none; height: 48px; line-height: 48px; text-align: center; font-weight: 500; font-size: 14px; text-transform: uppercase; color: rgba(0,0,0, 0.54); overflow: hidden; }.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active { color: rgba(0,0,0, 0.87); }.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after { height: 2px; width: 100%; display: block; content: " "; bottom: 0px; left: 0px; position: absolute; background: rgb(63,81,181); animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards; transition: all 1s cubic-bezier(0.4, 0, 1, 1); }.mdl-tabs__tab .mdl-tabs__ripple-container { display: block; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 1; overflow: hidden; }.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple { background: rgb(63,81,181); }.mdl-tabs__panel { display: block; }.mdl-tabs.is-upgraded .mdl-tabs__panel { display: none; }.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active { display: block; }@keyframes border-expand { 0% { opacity: 0; width: 0; } 100% { opacity: 1; width: 100%; } }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-textfield { position: relative; font-size: 16px; display: inline-block; box-sizing: border-box; width: 300px; max-width: 100%; margin: 0; padding: 20px 0; }.mdl-textfield .mdl-button { position: absolute; bottom: 20px; }.mdl-textfield--align-right { text-align: right; }.mdl-textfield--full-width { width: 100%; }.mdl-textfield--expandable { min-width: 32px; width: auto; min-height: 32px; }.mdl-textfield--expandable .mdl-button--icon { top: 16px; }.mdl-textfield__input { border: none; border-bottom: 1px solid rgba(0,0,0, 0.12); display: block; font-size: 16px; font-family: "Helvetica", "Arial", sans-serif; margin: 0; padding: 4px 0; width: 100%; background: none; text-align: left; color: inherit; }.mdl-textfield__input[type="number"] { -moz-appearance: textfield; }.mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }.mdl-textfield.is-focused .mdl-textfield__input { outline: none; }.mdl-textfield.is-invalid .mdl-textfield__input { border-color: rgb(213,0,0); box-shadow: none; }fieldset[disabled] .mdl-textfield .mdl-textfield__input, .mdl-textfield.is-disabled .mdl-textfield__input { background-color: transparent; border-bottom: 1px dotted rgba(0,0,0, 0.12); color: rgba(0,0,0, 0.26); }.mdl-textfield textarea.mdl-textfield__input { display: block; }.mdl-textfield__label { bottom: 0; color: rgba(0,0,0, 0.26); font-size: 16px; left: 0; right: 0; pointer-events: none; position: absolute; display: block; top: 24px; width: 100%; overflow: hidden; white-space: nowrap; text-align: left; }.mdl-textfield.is-dirty .mdl-textfield__label, .mdl-textfield.has-placeholder .mdl-textfield__label { visibility: hidden; }.mdl-textfield--floating-label .mdl-textfield__label { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { transition: none; }fieldset[disabled] .mdl-textfield .mdl-textfield__label, .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label { color: rgba(0,0,0, 0.26); }.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { color: rgb(63,81,181); font-size: 12px; top: 4px; visibility: visible; }.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label { top: -16px; }.mdl-textfield--floating-label.is-invalid .mdl-textfield__label { color: rgb(213,0,0); font-size: 12px; }.mdl-textfield__label:after { background-color: rgb(63,81,181); bottom: 20px; content: ''; height: 2px; left: 45%; position: absolute; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); visibility: hidden; width: 10px; }.mdl-textfield.is-focused .mdl-textfield__label:after { left: 0; visibility: visible; width: 100%; }.mdl-textfield.is-invalid .mdl-textfield__label:after { background-color: rgb(213,0,0); }.mdl-textfield__error { color: rgb(213,0,0); position: absolute; font-size: 12px; margin-top: 3px; visibility: hidden; display: block; }.mdl-textfield.is-invalid .mdl-textfield__error { visibility: visible; }.mdl-textfield__expandable-holder { display: inline-block; position: relative; margin-left: 32px; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: inline-block; max-width: 0.1px; }.mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder { max-width: 600px; }.mdl-textfield__expandable-holder .mdl-textfield__label:after { bottom: 0; }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-tooltip { transform: scale(0); transform-origin: top center; z-index: 999; background: rgba(97,97,97, 0.9); border-radius: 2px; color: rgb(255,255,255); display: inline-block; font-size: 10px; font-weight: 500; line-height: 14px; max-width: 170px; position: fixed; top: -500px; left: -500px; padding: 8px; text-align: center; }.mdl-tooltip.is-active { animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; }.mdl-tooltip--large { line-height: 14px; font-size: 14px; padding: 16px; }@keyframes pulse { 0% { transform: scale(0); opacity: 0; } 50% { transform: scale(0.99); } 100% { transform: scale(1); opacity: 1; visibility: visible; } }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* Typography *//* Shadows *//* Animations *//* Dialog */.mdl-shadow--2dp { 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); }.mdl-shadow--3dp { box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }.mdl-shadow--4dp { 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); }.mdl-shadow--6dp { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }.mdl-shadow--8dp { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }.mdl-shadow--16dp { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }.mdl-shadow--24dp { box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); }/** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* * NOTE: Some rules here are applied using duplicate selectors. * This is on purpose to increase their specificity when applied. * For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone` *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//*------------------------------------* $CONTENTS \*------------------------------------*//** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * -----Tooltip * -----Chip * * Even though all variables have the `!default` directive, most of them * should not be changed as they are dependent one another. This can cause * visual distortions (like alignment issues) that are hard to track down * and fix. *//* ========== TYPOGRAPHY ========== *//* We're splitting fonts into "preferred" and "performance" in order to optimize page loading. For important text, such as the body, we want it to load immediately and not wait for the web font load, whereas for other sections, such as headers and titles, we're OK with things taking a bit longer to load. We do have some optional classes and parameters in the mixins, in case you definitely want to make sure you're using the preferred font and don't mind the performance hit. We should be able to improve on this once CSS Font Loading L3 becomes more widely available. *//* ========== COLORS ========== *//** * * Material design color palettes. * @see http://www.google.com/design/spec/style/color.html * **//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== Color Palettes ========== *//* colors.scss *//** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. *//* ========== IMAGES ========== *//* ========== Color & Themes ========== *//* ========== Typography ========== *//* ========== Components ========== *//* ========== Standard Buttons ========== *//* ========== Icon Toggles ========== *//* ========== Radio Buttons ========== *//* ========== Ripple effect ========== *//* ========== Layout ========== *//* ========== Content Tabs ========== *//* ========== Checkboxes ========== *//* ========== Switches ========== *//* ========== Spinner ========== *//* ========== Text fields ========== *//* ========== Card ========== *//* ========== Sliders ========== *//* ========== Progress ========== *//* ========== List ========== *//* ========== Item ========== *//* ========== Dropdown menu ========== *//* ========== Tooltips ========== *//* ========== Footer ========== *//* TEXTFIELD *//* SWITCH *//* SPINNER *//* RADIO *//* MENU *//* LIST *//* LAYOUT *//* ICON TOGGLE *//* FOOTER *//*mega-footer*//*mini-footer*//* CHECKBOX *//* CARD *//* Card dimensions *//* Cover image *//* BUTTON *//** * * Dimensions * *//* ANIMATION *//* PROGRESS *//* BADGE *//* SHADOWS *//* GRID *//* DATA TABLE *//* DIALOG *//* SNACKBAR *//* TOOLTIP *//* CHIP */.mdl-grid { display: flex; flex-flow: row wrap; margin: 0 auto 0 auto; align-items: stretch; }.mdl-grid.mdl-grid--no-spacing { padding: 0; }.mdl-cell { box-sizing: border-box; }.mdl-cell--top { align-self: flex-start; }.mdl-cell--middle { align-self: center; }.mdl-cell--bottom { align-self: flex-end; }.mdl-cell--stretch { align-self: stretch; }.mdl-grid.mdl-grid--no-spacing > .mdl-cell { margin: 0; }.mdl-cell--order-1 { order: 1; }.mdl-cell--order-2 { order: 2; }.mdl-cell--order-3 { order: 3; }.mdl-cell--order-4 { order: 4; }.mdl-cell--order-5 { order: 5; }.mdl-cell--order-6 { order: 6; }.mdl-cell--order-7 { order: 7; }.mdl-cell--order-8 { order: 8; }.mdl-cell--order-9 { order: 9; }.mdl-cell--order-10 { order: 10; }.mdl-cell--order-11 { order: 11; }.mdl-cell--order-12 { order: 12; }@media (max-width: 479px) { .mdl-grid { padding: 8px; } .mdl-cell { margin: 8px; width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 100%; } .mdl-cell--hide-phone { display: none !important; } .mdl-cell--order-1-phone.mdl-cell--order-1-phone { order: 1; } .mdl-cell--order-2-phone.mdl-cell--order-2-phone { order: 2; } .mdl-cell--order-3-phone.mdl-cell--order-3-phone { order: 3; } .mdl-cell--order-4-phone.mdl-cell--order-4-phone { order: 4; } .mdl-cell--order-5-phone.mdl-cell--order-5-phone { order: 5; } .mdl-cell--order-6-phone.mdl-cell--order-6-phone { order: 6; } .mdl-cell--order-7-phone.mdl-cell--order-7-phone { order: 7; } .mdl-cell--order-8-phone.mdl-cell--order-8-phone { order: 8; } .mdl-cell--order-9-phone.mdl-cell--order-9-phone { order: 9; } .mdl-cell--order-10-phone.mdl-cell--order-10-phone { order: 10; } .mdl-cell--order-11-phone.mdl-cell--order-11-phone { order: 11; } .mdl-cell--order-12-phone.mdl-cell--order-12-phone { order: 12; } .mdl-cell--1-col, .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(25% - 16px); } .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: 25%; } .mdl-cell--2-col, .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: 50%; } .mdl-cell--3-col, .mdl-cell--3-col-phone.mdl-cell--3-col-phone { width: calc(75% - 16px); } .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone { width: 75%; } .mdl-cell--4-col, .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: 100%; } .mdl-cell--5-col, .mdl-cell--5-col-phone.mdl-cell--5-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone { width: 100%; } .mdl-cell--6-col, .mdl-cell--6-col-phone.mdl-cell--6-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone { width: 100%; } .mdl-cell--7-col, .mdl-cell--7-col-phone.mdl-cell--7-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone { width: 100%; } .mdl-cell--8-col, .mdl-cell--8-col-phone.mdl-cell--8-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone { width: 100%; } .mdl-cell--9-col, .mdl-cell--9-col-phone.mdl-cell--9-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone { width: 100%; } .mdl-cell--10-col, .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: 100%; } .mdl-cell--11-col, .mdl-cell--11-col-phone.mdl-cell--11-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-phone.mdl-cell--11-col-phone { width: 100%; } .mdl-cell--12-col, .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: 100%; } .mdl-cell--1-offset, .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone { margin-left: calc(25% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone { margin-left: 25%; } .mdl-cell--2-offset, .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone { margin-left: calc(50% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone { margin-left: 50%; } .mdl-cell--3-offset, .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone { margin-left: calc(75% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone { margin-left: 75%; } }@media (min-width: 480px) and (max-width: 839px) { .mdl-grid { padding: 8px; } .mdl-cell { margin: 8px; width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 50%; } .mdl-cell--hide-tablet { display: none !important; } .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet { order: 1; } .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet { order: 2; } .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet { order: 3; } .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet { order: 4; } .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet { order: 5; } .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet { order: 6; } .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet { order: 7; } .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet { order: 8; } .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet { order: 9; } .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet { order: 10; } .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet { order: 11; } .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet { order: 12; } .mdl-cell--1-col, .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: calc(12.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: 12.5%; } .mdl-cell--2-col, .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(25% - 16px); } .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: 25%; } .mdl-cell--3-col, .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: calc(37.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: 37.5%; } .mdl-cell--4-col, .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: 50%; } .mdl-cell--5-col, .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { width: calc(62.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { width: 62.5%; } .mdl-cell--6-col, .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { width: calc(75% - 16px); } .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { width: 75%; } .mdl-cell--7-col, .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { width: calc(87.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { width: 87.5%; } .mdl-cell--8-col, .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { width: 100%; } .mdl-cell--9-col, .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { width: 100%; } .mdl-cell--10-col, .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { width: 100%; } .mdl-cell--11-col, .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { width: 100%; } .mdl-cell--12-col, .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { width: 100%; } .mdl-cell--1-offset, .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet { margin-left: calc(12.5% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet { margin-left: 12.5%; } .mdl-cell--2-offset, .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet { margin-left: calc(25% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet { margin-left: 25%; } .mdl-cell--3-offset, .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet { margin-left: calc(37.5% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet { margin-left: 37.5%; } .mdl-cell--4-offset, .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet { margin-left: calc(50% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet { margin-left: 50%; } .mdl-cell--5-offset, .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet { margin-left: calc(62.5% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet { margin-left: 62.5%; } .mdl-cell--6-offset, .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet { margin-left: calc(75% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet { margin-left: 75%; } .mdl-cell--7-offset, .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet { margin-left: calc(87.5% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet { margin-left: 87.5%; } }@media (min-width: 840px) { .mdl-grid { padding: 8px; } .mdl-cell { margin: 8px; width: calc(33.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 33.3333333333%; } .mdl-cell--hide-desktop { display: none !important; } .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop { order: 1; } .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop { order: 2; } .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop { order: 3; } .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop { order: 4; } .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop { order: 5; } .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop { order: 6; } .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop { order: 7; } .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop { order: 8; } .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop { order: 9; } .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop { order: 10; } .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop { order: 11; } .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop { order: 12; } .mdl-cell--1-col, .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: calc(8.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: 8.3333333333%; } .mdl-cell--2-col, .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: calc(16.6666666667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: 16.6666666667%; } .mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(25% - 16px); } .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: 25%; } .mdl-cell--4-col, .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: calc(33.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: 33.3333333333%; } .mdl-cell--5-col, .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { width: calc(41.6666666667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { width: 41.6666666667%; } .mdl-cell--6-col, .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: 50%; } .mdl-cell--7-col, .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { width: calc(58.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { width: 58.3333333333%; } .mdl-cell--8-col, .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: calc(66.6666666667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: 66.6666666667%; } .mdl-cell--9-col, .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { width: calc(75% - 16px); } .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { width: 75%; } .mdl-cell--10-col, .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: calc(83.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: 83.3333333333%; } .mdl-cell--11-col, .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { width: calc(91.6666666667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { width: 91.6666666667%; } .mdl-cell--12-col, .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: 100%; } .mdl-cell--1-offset, .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop { margin-left: calc(8.3333333333% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop { margin-left: 8.3333333333%; } .mdl-cell--2-offset, .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop { margin-left: calc(16.6666666667% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop { margin-left: 16.6666666667%; } .mdl-cell--3-offset, .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop { margin-left: calc(25% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop { margin-left: 25%; } .mdl-cell--4-offset, .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop { margin-left: calc(33.3333333333% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop { margin-left: 33.3333333333%; } .mdl-cell--5-offset, .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop { margin-left: calc(41.6666666667% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop { margin-left: 41.6666666667%; } .mdl-cell--6-offset, .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop { margin-left: calc(50% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop { margin-left: 50%; } .mdl-cell--7-offset, .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop { margin-left: calc(58.3333333333% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop { margin-left: 58.3333333333%; } .mdl-cell--8-offset, .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop { margin-left: calc(66.6666666667% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop { margin-left: 66.6666666667%; } .mdl-cell--9-offset, .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop { margin-left: calc(75% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop { margin-left: 75%; } .mdl-cell--10-offset, .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop { margin-left: calc(83.3333333333% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop { margin-left: 83.3333333333%; } .mdl-cell--11-offset, .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop { margin-left: calc(91.6666666667% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop { margin-left: 91.6666666667%; } }@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0px)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:3em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05, 1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width 300ms ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{position:relative}.dropzone .dz-preview{position:relative;display:inline-block;width:120px;margin:.5em}.dropzone .dz-preview .dz-progress{display:block;height:15px;border:1px solid #aaa}.dropzone .dz-preview .dz-progress .dz-upload{display:block;height:100%;width:0;background:green}.dropzone .dz-preview .dz-error-message{color:red;display:none}.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-error .dz-error-mark{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{position:absolute;display:none;left:30px;top:30px;width:54px;height:58px;left:50%;margin-left:-27px}:root{--blue: #007bff;--indigo: #6610f2;--purple: #6f42c1;--pink: #e83e8c;--red: #dc3545;--orange: #fd7e14;--yellow: #ffc107;--green: #28a745;--teal: #20c997;--cyan: #17a2b8;--white: #fff;--gray: #6c757d;--gray-dark: #343a40;--primary: #FFA96A;--secondary: #6c757d;--success: #28a745;--info: #17a2b8;--warning: #ffc107;--danger: #dc3545;--light: #f8f9fa;--dark: #2F2F2F;--judo: #FFA96A;--judo2: #E96C43;--judo3: #f2f2f2;--muted: #808080;--muted2: #E6E6E6;--menu: rgba(47, 47, 47, 0.6);--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*,*::before,*::after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fcfcfc}[tabindex="-1"]:focus:not(:focus-visible){outline:0 !important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:#ffa96a;text-decoration:none;background-color:rgba(0,0,0,0)}a:hover{color:rgb(255,124.8456375839,29.5);text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none !important}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}h1,.h1{font-size:2.5rem}h2,.h2{font-size:2rem}h3,.h3{font-size:1.75rem}h4,.h4{font-size:1.5rem}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}small,.small{font-size:0.875em;font-weight:400}mark,.mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:0.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fcfcfc;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-xl,.container-lg,.container-md,.container-sm{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width: 576px){.container-sm,.container{max-width:540px}}@media(min-width: 768px){.container-md,.container-sm,.container{max-width:720px}}@media(min-width: 992px){.container-lg,.container-md,.container-sm,.container{max-width:960px}}@media(min-width: 1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1140px}}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col-xl,.col-xl-auto,.col-xl-12,.col-xl-11,.col-xl-10,.col-xl-9,.col-xl-8,.col-xl-7,.col-xl-6,.col-xl-5,.col-xl-4,.col-xl-3,.col-xl-2,.col-xl-1,.col-lg,.col-lg-auto,.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1,.col-md,.col-md-auto,.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col-sm,.col-sm-auto,.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1,.col,.col-auto,.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}@media(min-width: 576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-sm-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-sm-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-sm-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-sm-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}}@media(min-width: 768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-md-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-md-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-md-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-md-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}}@media(min-width: 992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-lg-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-lg-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-lg-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-lg-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}}@media(min-width: 1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-xl-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-xl-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-xl-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-xl-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table th,.table td{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm th,.table-sm td{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered th,.table-bordered td{border:1px solid #dee2e6}.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>th,.table-primary>td{background-color:rgb(255,230.92,213.28)}.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody{border-color:rgb(255,210.28,177.52)}.table-hover .table-primary:hover{background-color:rgb(255,216.2018791946,187.78)}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:rgb(255,216.2018791946,187.78)}.table-secondary,.table-secondary>th,.table-secondary>td{background-color:rgb(213.84,216.36,218.6)}.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody{border-color:rgb(178.56,183.24,187.4)}.table-hover .table-secondary:hover{background-color:hsl(208.2352941176,6.1371841155%,79.7921568627%)}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:hsl(208.2352941176,6.1371841155%,79.7921568627%)}.table-success,.table-success>th,.table-success>td{background-color:rgb(194.8,230.36,202.92)}.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody{border-color:rgb(143.2,209.24,158.28)}.table-hover .table-success:hover{background-color:rgb(176.7059405941,222.9540594059,187.2665346535)}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:rgb(176.7059405941,222.9540594059,187.2665346535)}.table-info,.table-info>th,.table-info>td{background-color:rgb(190.04,228.96,235.12)}.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody{border-color:rgb(134.36,206.64,218.08)}.table-hover .table-info:hover{background-color:hsl(188.198757764,53.1353135314%,78.3647058824%)}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:hsl(188.198757764,53.1353135314%,78.3647058824%)}.table-warning,.table-warning>th,.table-warning>td{background-color:rgb(255,237.64,185.56)}.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody{border-color:rgb(255,222.76,126.04)}.table-hover .table-warning:hover{background-color:rgb(255,231.265,160.06)}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:rgb(255,231.265,160.06)}.table-danger,.table-danger>th,.table-danger>td{background-color:rgb(245.2,198.44,202.92)}.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody{border-color:rgb(236.8,149.96,158.28)}.table-hover .table-danger:hover{background-color:hsl(354.251497006,70.4641350211%,81.9882352941%)}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:hsl(354.251497006,70.4641350211%,81.9882352941%)}.table-light,.table-light>th,.table-light>td{background-color:rgb(253.04,253.32,253.6)}.table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody{border-color:rgb(251.36,251.88,252.4)}.table-hover .table-light:hover{background-color:rgb(238.165,240.57,242.975)}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:rgb(238.165,240.57,242.975)}.table-dark,.table-dark>th,.table-dark>td{background-color:hsl(0,0%,77.1607843137%)}.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody{border-color:hsl(0,0%,57.5843137255%)}.table-hover .table-dark:hover{background-color:hsl(0,0%,72.1607843137%)}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:hsl(0,0%,72.1607843137%)}.table-judo,.table-judo>th,.table-judo>td{background-color:rgb(255,230.92,213.28)}.table-judo th,.table-judo td,.table-judo thead th,.table-judo tbody+tbody{border-color:rgb(255,210.28,177.52)}.table-hover .table-judo:hover{background-color:rgb(255,216.2018791946,187.78)}.table-hover .table-judo:hover>td,.table-hover .table-judo:hover>th{background-color:rgb(255,216.2018791946,187.78)}.table-judo2,.table-judo2>th,.table-judo2>td{background-color:rgb(248.84,213.84,202.36)}.table-judo2 th,.table-judo2 td,.table-judo2 thead th,.table-judo2 tbody+tbody{border-color:rgb(243.56,178.56,157.24)}.table-hover .table-judo2:hover{background-color:rgb(246.1685714286,195.99,179.5314285714)}.table-hover .table-judo2:hover>td,.table-hover .table-judo2:hover>th{background-color:rgb(246.1685714286,195.99,179.5314285714)}.table-judo3,.table-judo3>th,.table-judo3>td{background-color:hsl(0,0%,98.5725490196%)}.table-judo3 th,.table-judo3 td,.table-judo3 thead th,.table-judo3 tbody+tbody{border-color:hsl(0,0%,97.3490196078%)}.table-hover .table-judo3:hover{background-color:hsl(0,0%,93.5725490196%)}.table-hover .table-judo3:hover>td,.table-hover .table-judo3:hover>th{background-color:hsl(0,0%,93.5725490196%)}.table-muted,.table-muted>th,.table-muted>td{background-color:hsl(0,0%,86.0549019608%)}.table-muted th,.table-muted td,.table-muted thead th,.table-muted tbody+tbody{border-color:hsl(0,0%,74.1019607843%)}.table-hover .table-muted:hover{background-color:hsl(0,0%,81.0549019608%)}.table-hover .table-muted:hover>td,.table-hover .table-muted:hover>th{background-color:hsl(0,0%,81.0549019608%)}.table-muted2,.table-muted2>th,.table-muted2>td{background-color:#f8f8f8}.table-muted2 th,.table-muted2 td,.table-muted2 thead th,.table-muted2 tbody+tbody{border-color:#f2f2f2}.table-hover .table-muted2:hover{background-color:hsl(0,0%,92.2549019608%)}.table-hover .table-muted2:hover>td,.table-hover .table-muted2:hover>th{background-color:hsl(0,0%,92.2549019608%)}.table-menu,.table-menu>th,.table-menu>td{background-color:hsla(0,0%,88.3473389356%,.888)}.table-menu th,.table-menu td,.table-menu thead th,.table-menu tbody+tbody{border-color:hsla(0,0%,74.1367766619%,.792)}.table-hover .table-menu:hover{background-color:hsla(0,0%,83.3473389356%,.888)}.table-hover .table-menu:hover>td,.table-hover .table-menu:hover>th{background-color:hsla(0,0%,83.3473389356%,.888)}.table-active,.table-active>th,.table-active>td{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:hsl(210,10.3448275862%,30.2450980392%)}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark th,.table-dark td,.table-dark thead th{border-color:hsl(210,10.3448275862%,30.2450980392%)}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:hsla(0,0%,100%,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:hsla(0,0%,100%,.075)}@media(max-width: 575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media(max-width: 767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media(max-width: 991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media(max-width: 1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:rgba(0,0,0,0);border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:rgb(255,242.5906040268,233.5);outline:0;box-shadow:0 0 0 .2rem rgba(255,169,106,.25)}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 #495057}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(0.375rem + 1px);padding-bottom:calc(0.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(0.5rem + 1px);padding-bottom:calc(0.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(0.25rem + 1px);padding-bottom:calc(0.25rem + 1px);font-size:0.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:rgba(0,0,0,0);border:solid rgba(0,0,0,0);border-width:1px 0}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + 0.5rem + 2px);padding:.25rem .5rem;font-size:0.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[size],select.form-control[multiple]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:0.875em;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:0.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip{left:5px}.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.was-validated .form-control:valid,.form-control.is-valid{border-color:#28a745;padding-right:calc(1.5em + 0.75rem) !important;background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated select.form-control:valid,select.form-control.is-valid{padding-right:3rem !important;background-position:right 1.5rem center}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .custom-select:valid,.custom-select.is-valid{border-color:#28a745;padding-right:calc(0.75em + 2.3125rem) !important;background:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat}.was-validated .custom-select:valid:focus,.custom-select.is-valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{color:#28a745}.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip{display:block}.was-validated .custom-control-input:valid~.custom-control-label,.custom-control-input.is-valid~.custom-control-label{color:#28a745}.was-validated .custom-control-input:valid~.custom-control-label::before,.custom-control-input.is-valid~.custom-control-label::before{border-color:#28a745}.was-validated .custom-control-input:valid:checked~.custom-control-label::before,.custom-control-input.is-valid:checked~.custom-control-label::before{border-color:rgb(51.6956521739,206.3043478261,87);background-color:rgb(51.6956521739,206.3043478261,87)}.was-validated .custom-control-input:valid:focus~.custom-control-label::before,.custom-control-input.is-valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.was-validated .custom-file-input:valid~.custom-file-label,.custom-file-input.is-valid~.custom-file-label{border-color:#28a745}.was-validated .custom-file-input:valid:focus~.custom-file-label,.custom-file-input.is-valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:0.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:0.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{left:5px}.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:#dc3545;padding-right:calc(1.5em + 0.75rem) !important;background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated select.form-control:invalid,select.form-control.is-invalid{padding-right:3rem !important;background-position:right 1.5rem center}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .custom-select:invalid,.custom-select.is-invalid{border-color:#dc3545;padding-right:calc(0.75em + 2.3125rem) !important;background:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat}.was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{color:#dc3545}.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip{display:block}.was-validated .custom-control-input:invalid~.custom-control-label,.custom-control-input.is-invalid~.custom-control-label{color:#dc3545}.was-validated .custom-control-input:invalid~.custom-control-label::before,.custom-control-input.is-invalid~.custom-control-label::before{border-color:#dc3545}.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,.custom-control-input.is-invalid:checked~.custom-control-label::before{border-color:rgb(227.5316455696,96.4683544304,109.0253164557);background-color:rgb(227.5316455696,96.4683544304,109.0253164557)}.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,.custom-control-input.is-invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.was-validated .custom-file-input:invalid~.custom-file-label,.custom-file-input.is-invalid~.custom-file-label{border-color:#dc3545}.was-validated .custom-file-input:invalid:focus~.custom-file-label,.custom-file-input.is-invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media(min-width: 576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .input-group,.form-inline .custom-select{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn:focus,.btn.focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,169,106,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#212529;background-color:#ffa96a;border-color:#ffa96a}.btn-primary:hover{color:#212529;background-color:rgb(255,146.9228187919,67.75);border-color:rgb(255,139.5637583893,55)}.btn-primary:focus,.btn-primary.focus{color:#212529;background-color:rgb(255,146.9228187919,67.75);border-color:rgb(255,139.5637583893,55);box-shadow:0 0 0 .2rem rgba(221.7,149.2,96.25,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#212529;background-color:#ffa96a;border-color:#ffa96a}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{color:#212529;background-color:rgb(255,139.5637583893,55);border-color:rgb(255,132.2046979866,42.25)}.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(221.7,149.2,96.25,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:rgb(90.2703862661,97.7929184549,104.4796137339);border-color:rgb(84.3605150215,91.3905579399,97.6394849785)}.btn-secondary:focus,.btn-secondary.focus{color:#fff;background-color:rgb(90.2703862661,97.7929184549,104.4796137339);border-color:rgb(84.3605150215,91.3905579399,97.6394849785);box-shadow:0 0 0 .2rem rgba(130.05,137.7,144.5,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:rgb(84.3605150215,91.3905579399,97.6394849785);border-color:rgb(78.4506437768,84.9881974249,90.7993562232)}.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130.05,137.7,144.5,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:rgb(32.6086956522,136.1413043478,56.25);border-color:rgb(30.1449275362,125.8550724638,52)}.btn-success:focus,.btn-success.focus{color:#fff;background-color:rgb(32.6086956522,136.1413043478,56.25);border-color:rgb(30.1449275362,125.8550724638,52);box-shadow:0 0 0 .2rem rgba(72.25,180.2,96.9,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:rgb(30.1449275362,125.8550724638,52);border-color:rgb(27.6811594203,115.5688405797,47.75)}.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72.25,180.2,96.9,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:rgb(18.75,132.0652173913,150);border-color:rgb(17.3333333333,122.0869565217,138.6666666667)}.btn-info:focus,.btn-info.focus{color:#fff;background-color:rgb(18.75,132.0652173913,150);border-color:rgb(17.3333333333,122.0869565217,138.6666666667);box-shadow:0 0 0 .2rem rgba(57.8,175.95,194.65,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:rgb(17.3333333333,122.0869565217,138.6666666667);border-color:rgb(15.9166666667,112.1086956522,127.3333333333)}.btn-info:not(:disabled):not(.disabled):active:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(57.8,175.95,194.65,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:rgb(223.75,167.8125,0);border-color:rgb(211,158.25,0)}.btn-warning:focus,.btn-warning.focus{color:#212529;background-color:rgb(223.75,167.8125,0);border-color:rgb(211,158.25,0);box-shadow:0 0 0 .2rem rgba(221.7,169.6,12.1,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:rgb(211,158.25,0);border-color:rgb(198.25,148.6875,0)}.btn-warning:not(:disabled):not(.disabled):active:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(221.7,169.6,12.1,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:rgb(200.082278481,34.667721519,50.5158227848);border-color:rgb(189.2151898734,32.7848101266,47.7721518987)}.btn-danger:focus,.btn-danger.focus{color:#fff;background-color:rgb(200.082278481,34.667721519,50.5158227848);border-color:rgb(189.2151898734,32.7848101266,47.7721518987);box-shadow:0 0 0 .2rem rgba(225.25,83.3,96.9,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:rgb(189.2151898734,32.7848101266,47.7721518987);border-color:rgb(178.3481012658,30.9018987342,45.0284810127)}.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225.25,83.3,96.9,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:rgb(225.6875,229.875,234.0625);border-color:rgb(218.25,223.5,228.75)}.btn-light:focus,.btn-light.focus{color:#212529;background-color:rgb(225.6875,229.875,234.0625);border-color:rgb(218.25,223.5,228.75);box-shadow:0 0 0 .2rem rgba(215.75,217.2,218.65,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:rgb(218.25,223.5,228.75);border-color:rgb(210.8125,217.125,223.4375)}.btn-light:not(:disabled):not(.disabled):active:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(215.75,217.2,218.65,.5)}.btn-dark{color:#fff;background-color:#2f2f2f;border-color:#2f2f2f}.btn-dark:hover{color:#fff;background-color:hsl(0,0%,10.931372549%);border-color:rgb(21.5,21.5,21.5)}.btn-dark:focus,.btn-dark.focus{color:#fff;background-color:hsl(0,0%,10.931372549%);border-color:rgb(21.5,21.5,21.5);box-shadow:0 0 0 .2rem rgba(78.2,78.2,78.2,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#2f2f2f;border-color:#2f2f2f}.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:rgb(21.5,21.5,21.5);border-color:hsl(0,0%,5.931372549%)}.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(78.2,78.2,78.2,.5)}.btn-judo{color:#212529;background-color:#ffa96a;border-color:#ffa96a}.btn-judo:hover{color:#212529;background-color:rgb(255,146.9228187919,67.75);border-color:rgb(255,139.5637583893,55)}.btn-judo:focus,.btn-judo.focus{color:#212529;background-color:rgb(255,146.9228187919,67.75);border-color:rgb(255,139.5637583893,55);box-shadow:0 0 0 .2rem rgba(221.7,149.2,96.25,.5)}.btn-judo.disabled,.btn-judo:disabled{color:#212529;background-color:#ffa96a;border-color:#ffa96a}.btn-judo:not(:disabled):not(.disabled):active,.btn-judo:not(:disabled):not(.disabled).active,.show>.btn-judo.dropdown-toggle{color:#212529;background-color:rgb(255,139.5637583893,55);border-color:rgb(255,132.2046979866,42.25)}.btn-judo:not(:disabled):not(.disabled):active:focus,.btn-judo:not(:disabled):not(.disabled).active:focus,.show>.btn-judo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(221.7,149.2,96.25,.5)}.btn-judo2{color:#fff;background-color:#e96c43;border-color:#e96c43}.btn-judo2:hover{color:#fff;background-color:rgb(228.9928571429,81.225,32.7571428571);border-color:rgb(222.9142857143,74.7,26.0857142857)}.btn-judo2:focus,.btn-judo2.focus{color:#fff;background-color:rgb(228.9928571429,81.225,32.7571428571);border-color:rgb(222.9142857143,74.7,26.0857142857);box-shadow:0 0 0 .2rem rgba(236.3,130.05,95.2,.5)}.btn-judo2.disabled,.btn-judo2:disabled{color:#fff;background-color:#e96c43;border-color:#e96c43}.btn-judo2:not(:disabled):not(.disabled):active,.btn-judo2:not(:disabled):not(.disabled).active,.show>.btn-judo2.dropdown-toggle{color:#fff;background-color:rgb(222.9142857143,74.7,26.0857142857);border-color:rgb(211.5,70.875,24.75)}.btn-judo2:not(:disabled):not(.disabled):active:focus,.btn-judo2:not(:disabled):not(.disabled).active:focus,.show>.btn-judo2.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(236.3,130.05,95.2,.5)}.btn-judo3{color:#212529;background-color:#f2f2f2;border-color:#f2f2f2}.btn-judo3:hover{color:#212529;background-color:hsl(0,0%,87.4019607843%);border-color:rgb(216.5,216.5,216.5)}.btn-judo3:focus,.btn-judo3.focus{color:#212529;background-color:hsl(0,0%,87.4019607843%);border-color:rgb(216.5,216.5,216.5);box-shadow:0 0 0 .2rem rgba(210.65,211.25,211.85,.5)}.btn-judo3.disabled,.btn-judo3:disabled{color:#212529;background-color:#f2f2f2;border-color:#f2f2f2}.btn-judo3:not(:disabled):not(.disabled):active,.btn-judo3:not(:disabled):not(.disabled).active,.show>.btn-judo3.dropdown-toggle{color:#212529;background-color:rgb(216.5,216.5,216.5);border-color:hsl(0,0%,82.4019607843%)}.btn-judo3:not(:disabled):not(.disabled):active:focus,.btn-judo3:not(:disabled):not(.disabled).active:focus,.show>.btn-judo3.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(210.65,211.25,211.85,.5)}.btn-muted{color:#fff;background-color:gray;border-color:gray}.btn-muted:hover{color:#fff;background-color:hsl(0,0%,42.6960784314%);border-color:rgb(102.5,102.5,102.5)}.btn-muted:focus,.btn-muted.focus{color:#fff;background-color:hsl(0,0%,42.6960784314%);border-color:rgb(102.5,102.5,102.5);box-shadow:0 0 0 .2rem hsla(0,0%,57.6666666667%,.5)}.btn-muted.disabled,.btn-muted:disabled{color:#fff;background-color:gray;border-color:gray}.btn-muted:not(:disabled):not(.disabled):active,.btn-muted:not(:disabled):not(.disabled).active,.show>.btn-muted.dropdown-toggle{color:#fff;background-color:rgb(102.5,102.5,102.5);border-color:hsl(0,0%,37.6960784314%)}.btn-muted:not(:disabled):not(.disabled):active:focus,.btn-muted:not(:disabled):not(.disabled).active:focus,.show>.btn-muted.dropdown-toggle:focus{box-shadow:0 0 0 .2rem hsla(0,0%,57.6666666667%,.5)}.btn-muted2{color:#212529;background-color:#e6e6e6;border-color:#e6e6e6}.btn-muted2:hover{color:#212529;background-color:hsl(0,0%,82.6960784314%);border-color:rgb(204.5,204.5,204.5)}.btn-muted2:focus,.btn-muted2.focus{color:#212529;background-color:hsl(0,0%,82.6960784314%);border-color:rgb(204.5,204.5,204.5);box-shadow:0 0 0 .2rem rgba(200.45,201.05,201.65,.5)}.btn-muted2.disabled,.btn-muted2:disabled{color:#212529;background-color:#e6e6e6;border-color:#e6e6e6}.btn-muted2:not(:disabled):not(.disabled):active,.btn-muted2:not(:disabled):not(.disabled).active,.show>.btn-muted2.dropdown-toggle{color:#212529;background-color:rgb(204.5,204.5,204.5);border-color:hsl(0,0%,77.6960784314%)}.btn-muted2:not(:disabled):not(.disabled):active:focus,.btn-muted2:not(:disabled):not(.disabled).active:focus,.show>.btn-muted2.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(200.45,201.05,201.65,.5)}.btn-menu{color:#fff;background-color:rgba(47,47,47,.6);border-color:rgba(47,47,47,.6)}.btn-menu:hover{color:#fff;background-color:hsla(0,0%,10.931372549%,.6);border-color:rgba(21.5,21.5,21.5,.6)}.btn-menu:focus,.btn-menu.focus{color:#fff;background-color:hsla(0,0%,10.931372549%,.6);border-color:rgba(21.5,21.5,21.5,.6);box-shadow:0 0 0 .2rem hsla(0,0%,42.2222222222%,.5)}.btn-menu.disabled,.btn-menu:disabled{color:#fff;background-color:rgba(47,47,47,.6);border-color:rgba(47,47,47,.6)}.btn-menu:not(:disabled):not(.disabled):active,.btn-menu:not(:disabled):not(.disabled).active,.show>.btn-menu.dropdown-toggle{color:#fff;background-color:rgba(21.5,21.5,21.5,.6);border-color:hsla(0,0%,5.931372549%,.6)}.btn-menu:not(:disabled):not(.disabled):active:focus,.btn-menu:not(:disabled):not(.disabled).active:focus,.show>.btn-menu.dropdown-toggle:focus{box-shadow:0 0 0 .2rem hsla(0,0%,42.2222222222%,.5)}.btn-outline-primary{color:#ffa96a;border-color:#ffa96a}.btn-outline-primary:hover{color:#212529;background-color:#ffa96a;border-color:#ffa96a}.btn-outline-primary:focus,.btn-outline-primary.focus{box-shadow:0 0 0 .2rem rgba(255,169,106,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#ffa96a;background-color:rgba(0,0,0,0)}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{color:#212529;background-color:#ffa96a;border-color:#ffa96a}.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,169,106,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:focus,.btn-outline-secondary.focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:rgba(0,0,0,0)}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:focus,.btn-outline-success.focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:rgba(0,0,0,0)}.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:focus,.btn-outline-info.focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:rgba(0,0,0,0)}.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:focus,.btn-outline-warning.focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:rgba(0,0,0,0)}.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:focus,.btn-outline-danger.focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:rgba(0,0,0,0)}.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:focus,.btn-outline-light.focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:rgba(0,0,0,0)}.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled):active:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#2f2f2f;border-color:#2f2f2f}.btn-outline-dark:hover{color:#fff;background-color:#2f2f2f;border-color:#2f2f2f}.btn-outline-dark:focus,.btn-outline-dark.focus{box-shadow:0 0 0 .2rem rgba(47,47,47,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#2f2f2f;background-color:rgba(0,0,0,0)}.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#2f2f2f;border-color:#2f2f2f}.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(47,47,47,.5)}.btn-outline-judo{color:#ffa96a;border-color:#ffa96a}.btn-outline-judo:hover{color:#212529;background-color:#ffa96a;border-color:#ffa96a}.btn-outline-judo:focus,.btn-outline-judo.focus{box-shadow:0 0 0 .2rem rgba(255,169,106,.5)}.btn-outline-judo.disabled,.btn-outline-judo:disabled{color:#ffa96a;background-color:rgba(0,0,0,0)}.btn-outline-judo:not(:disabled):not(.disabled):active,.btn-outline-judo:not(:disabled):not(.disabled).active,.show>.btn-outline-judo.dropdown-toggle{color:#212529;background-color:#ffa96a;border-color:#ffa96a}.btn-outline-judo:not(:disabled):not(.disabled):active:focus,.btn-outline-judo:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-judo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,169,106,.5)}.btn-outline-judo2{color:#e96c43;border-color:#e96c43}.btn-outline-judo2:hover{color:#fff;background-color:#e96c43;border-color:#e96c43}.btn-outline-judo2:focus,.btn-outline-judo2.focus{box-shadow:0 0 0 .2rem rgba(233,108,67,.5)}.btn-outline-judo2.disabled,.btn-outline-judo2:disabled{color:#e96c43;background-color:rgba(0,0,0,0)}.btn-outline-judo2:not(:disabled):not(.disabled):active,.btn-outline-judo2:not(:disabled):not(.disabled).active,.show>.btn-outline-judo2.dropdown-toggle{color:#fff;background-color:#e96c43;border-color:#e96c43}.btn-outline-judo2:not(:disabled):not(.disabled):active:focus,.btn-outline-judo2:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-judo2.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(233,108,67,.5)}.btn-outline-judo3{color:#f2f2f2;border-color:#f2f2f2}.btn-outline-judo3:hover{color:#212529;background-color:#f2f2f2;border-color:#f2f2f2}.btn-outline-judo3:focus,.btn-outline-judo3.focus{box-shadow:0 0 0 .2rem rgba(242,242,242,.5)}.btn-outline-judo3.disabled,.btn-outline-judo3:disabled{color:#f2f2f2;background-color:rgba(0,0,0,0)}.btn-outline-judo3:not(:disabled):not(.disabled):active,.btn-outline-judo3:not(:disabled):not(.disabled).active,.show>.btn-outline-judo3.dropdown-toggle{color:#212529;background-color:#f2f2f2;border-color:#f2f2f2}.btn-outline-judo3:not(:disabled):not(.disabled):active:focus,.btn-outline-judo3:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-judo3.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(242,242,242,.5)}.btn-outline-muted{color:gray;border-color:gray}.btn-outline-muted:hover{color:#fff;background-color:gray;border-color:gray}.btn-outline-muted:focus,.btn-outline-muted.focus{box-shadow:0 0 0 .2rem rgba(128,128,128,.5)}.btn-outline-muted.disabled,.btn-outline-muted:disabled{color:gray;background-color:rgba(0,0,0,0)}.btn-outline-muted:not(:disabled):not(.disabled):active,.btn-outline-muted:not(:disabled):not(.disabled).active,.show>.btn-outline-muted.dropdown-toggle{color:#fff;background-color:gray;border-color:gray}.btn-outline-muted:not(:disabled):not(.disabled):active:focus,.btn-outline-muted:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-muted.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(128,128,128,.5)}.btn-outline-muted2{color:#e6e6e6;border-color:#e6e6e6}.btn-outline-muted2:hover{color:#212529;background-color:#e6e6e6;border-color:#e6e6e6}.btn-outline-muted2:focus,.btn-outline-muted2.focus{box-shadow:0 0 0 .2rem rgba(230,230,230,.5)}.btn-outline-muted2.disabled,.btn-outline-muted2:disabled{color:#e6e6e6;background-color:rgba(0,0,0,0)}.btn-outline-muted2:not(:disabled):not(.disabled):active,.btn-outline-muted2:not(:disabled):not(.disabled).active,.show>.btn-outline-muted2.dropdown-toggle{color:#212529;background-color:#e6e6e6;border-color:#e6e6e6}.btn-outline-muted2:not(:disabled):not(.disabled):active:focus,.btn-outline-muted2:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-muted2.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(230,230,230,.5)}.btn-outline-menu{color:rgba(47,47,47,.6);border-color:rgba(47,47,47,.6)}.btn-outline-menu:hover{color:#fff;background-color:rgba(47,47,47,.6);border-color:rgba(47,47,47,.6)}.btn-outline-menu:focus,.btn-outline-menu.focus{box-shadow:0 0 0 .2rem rgba(47,47,47,.5)}.btn-outline-menu.disabled,.btn-outline-menu:disabled{color:rgba(47,47,47,.6);background-color:rgba(0,0,0,0)}.btn-outline-menu:not(:disabled):not(.disabled):active,.btn-outline-menu:not(:disabled):not(.disabled).active,.show>.btn-outline-menu.dropdown-toggle{color:#fff;background-color:rgba(47,47,47,.6);border-color:rgba(47,47,47,.6)}.btn-outline-menu:not(:disabled):not(.disabled):active:focus,.btn-outline-menu:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-menu.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(47,47,47,.5)}.btn-link{font-weight:400;color:#ffa96a;text-decoration:none}.btn-link:hover{color:rgb(255,124.8456375839,29.5);text-decoration:underline}.btn-link:focus,.btn-link.focus{text-decoration:underline}.btn-link:disabled,.btn-link.disabled{color:#6c757d;pointer-events:none}.btn-lg,.btn-group-lg>.btn{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-sm,.btn-group-sm>.btn{padding:.25rem .5rem;font-size:0.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{transition:opacity .15s linear}@media(prefers-reduced-motion: reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media(prefers-reduced-motion: reduce){.collapsing{transition:none}}.collapsing.width{width:0;height:auto;transition:width .35s ease}@media(prefers-reduced-motion: reduce){.collapsing.width{transition:none}}.dropup,.dropright,.dropdown,.dropleft{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid rgba(0,0,0,0);border-bottom:0;border-left:.3em solid rgba(0,0,0,0)}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media(min-width: 576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media(min-width: 768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media(min-width: 992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media(min-width: 1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid rgba(0,0,0,0);border-bottom:.3em solid;border-left:.3em solid rgba(0,0,0,0)}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid rgba(0,0,0,0);border-right:0;border-bottom:.3em solid rgba(0,0,0,0);border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid rgba(0,0,0,0);border-right:.3em solid;border-bottom:.3em solid rgba(0,0,0,0)}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=top],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:rgba(0,0,0,0);border:0}.dropdown-item:hover,.dropdown-item:focus{color:hsl(210,10.8108108108%,9.5098039216%);text-decoration:none;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#ffa96a}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:rgba(0,0,0,0)}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:0.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;flex:1 1 auto}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover{z-index:1}.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child){margin-left:-1px}.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-control-plaintext,.input-group>.custom-select,.input-group>.custom-file{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control,.input-group>.form-control+.custom-select,.input-group>.form-control+.custom-file,.input-group>.form-control-plaintext+.form-control,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.custom-file,.input-group>.custom-select+.form-control,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.custom-file,.input-group>.custom-file+.form-control,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.custom-file{margin-left:-1px}.input-group>.form-control:focus,.input-group>.custom-select:focus,.input-group>.custom-file .custom-file-input:focus~.custom-file-label{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.form-control:not(:first-child),.input-group>.custom-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation)>.form-control:not(:last-child),.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.form-control:nth-last-child(n+3),.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend,.input-group-append{display:flex}.input-group-prepend .btn,.input-group-append .btn{position:relative;z-index:2}.input-group-prepend .btn:focus,.input-group-append .btn:focus{z-index:3}.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.input-group-text,.input-group-append .input-group-text+.btn{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=radio],.input-group-text input[type=checkbox]{margin-top:0}.input-group-lg>.form-control:not(textarea),.input-group-lg>.custom-select{height:calc(1.5em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.custom-select,.input-group-lg>.input-group-prepend>.input-group-text,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-append>.btn{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.form-control:not(textarea),.input-group-sm>.custom-select{height:calc(1.5em + 0.5rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.custom-select,.input-group-sm>.input-group-prepend>.input-group-text,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-append>.btn{padding:.25rem .5rem;font-size:0.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;print-color-adjust:exact}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#ffa96a;background-color:#ffa96a}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(255,169,106,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:rgb(255,242.5906040268,233.5)}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#fff;border-color:#fff}.custom-control-input[disabled]~.custom-control-label,.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input[disabled]~.custom-control-label::before,.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:1px solid #adb5bd}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:50%/50% 50% no-repeat}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#ffa96a;background-color:#ffa96a}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(255,169,106,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(255,169,106,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(255,169,106,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(0.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;transform:translateX(0.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(255,169,106,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:rgb(255,242.5906040268,233.5);outline:0;box-shadow:0 0 0 .2rem rgba(255,169,106,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + 0.5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:0.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + 0.75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + 0.75rem + 2px);margin:0;overflow:hidden;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:rgb(255,242.5906040268,233.5);box-shadow:0 0 0 .2rem rgba(255,169,106,.25)}.custom-file-input[disabled]~.custom-file-label,.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + 0.75rem + 2px);padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + 0.75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fcfcfc,0 0 0 .2rem rgba(255,169,106,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fcfcfc,0 0 0 .2rem rgba(255,169,106,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fcfcfc,0 0 0 .2rem rgba(255,169,106,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-0.25rem;background-color:#ffa96a;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.custom-range::-webkit-slider-thumb:active{background-color:#fff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:#dee2e6;border-color:rgba(0,0,0,0);border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#ffa96a;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb{-moz-appearance:none;appearance:none}.custom-range::-moz-range-thumb:active{background-color:#fff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:#dee2e6;border-color:rgba(0,0,0,0);border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#ffa96a;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb{appearance:none}.custom-range::-ms-thumb:active{background-color:#fff}.custom-range::-ms-track{width:100%;height:.5rem;color:rgba(0,0,0,0);cursor:pointer;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:hover,.nav-link:focus{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus{isolation:isolate;border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:#495057;background-color:#fcfcfc;border-color:#dee2e6 #dee2e6 #fcfcfc}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:none;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#ffa96a}.nav-fill>.nav-link,.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified>.nav-link,.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-sm,.navbar .container-md,.navbar .container-lg,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:.25rem}.navbar-toggler:hover,.navbar-toggler:focus{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media(max-width: 575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media(max-width: 767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-md,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-md,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media(max-width: 991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media(max-width: 1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-sm,.navbar-expand>.container-md,.navbar-expand>.container-lg,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-sm,.navbar-expand>.container-md,.navbar-expand>.container-lg,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:hover,.navbar-light .navbar-text a:focus{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active{color:#fff}.navbar-dark .navbar-toggler{color:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:hover,.navbar-dark .navbar-text a:focus{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(0.25rem - 1px);border-bottom-left-radius:calc(0.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-0.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)}.card-header-tabs{margin-right:-0.625rem;margin-bottom:-0.75rem;margin-left:-0.625rem;border-bottom:0}.card-header-pills{margin-right:-0.625rem;margin-left:-0.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(0.25rem - 1px)}.card-img,.card-img-top,.card-img-bottom{flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(0.25rem - 1px);border-bottom-left-radius:calc(0.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media(min-width: 576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media(min-width: 576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media(min-width: 576px){.card-columns{-moz-column-count:3;column-count:3;grid-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#ffa96a;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:rgb(255,124.8456375839,29.5);text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(255,169,106,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#ffa96a;border-color:#ffa96a}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:0.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.badge{transition:none}}a.badge:hover,a.badge:focus{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#212529;background-color:#ffa96a}a.badge-primary:hover,a.badge-primary:focus{color:#212529;background-color:rgb(255,139.5637583893,55)}a.badge-primary:focus,a.badge-primary.focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,169,106,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:hover,a.badge-secondary:focus{color:#fff;background-color:rgb(84.3605150215,91.3905579399,97.6394849785)}a.badge-secondary:focus,a.badge-secondary.focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:hover,a.badge-success:focus{color:#fff;background-color:rgb(30.1449275362,125.8550724638,52)}a.badge-success:focus,a.badge-success.focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:hover,a.badge-info:focus{color:#fff;background-color:rgb(17.3333333333,122.0869565217,138.6666666667)}a.badge-info:focus,a.badge-info.focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:hover,a.badge-warning:focus{color:#212529;background-color:rgb(211,158.25,0)}a.badge-warning:focus,a.badge-warning.focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:hover,a.badge-danger:focus{color:#fff;background-color:rgb(189.2151898734,32.7848101266,47.7721518987)}a.badge-danger:focus,a.badge-danger.focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:hover,a.badge-light:focus{color:#212529;background-color:rgb(218.25,223.5,228.75)}a.badge-light:focus,a.badge-light.focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#2f2f2f}a.badge-dark:hover,a.badge-dark:focus{color:#fff;background-color:rgb(21.5,21.5,21.5)}a.badge-dark:focus,a.badge-dark.focus{outline:0;box-shadow:0 0 0 .2rem rgba(47,47,47,.5)}.badge-judo{color:#212529;background-color:#ffa96a}a.badge-judo:hover,a.badge-judo:focus{color:#212529;background-color:rgb(255,139.5637583893,55)}a.badge-judo:focus,a.badge-judo.focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,169,106,.5)}.badge-judo2{color:#fff;background-color:#e96c43}a.badge-judo2:hover,a.badge-judo2:focus{color:#fff;background-color:rgb(222.9142857143,74.7,26.0857142857)}a.badge-judo2:focus,a.badge-judo2.focus{outline:0;box-shadow:0 0 0 .2rem rgba(233,108,67,.5)}.badge-judo3{color:#212529;background-color:#f2f2f2}a.badge-judo3:hover,a.badge-judo3:focus{color:#212529;background-color:rgb(216.5,216.5,216.5)}a.badge-judo3:focus,a.badge-judo3.focus{outline:0;box-shadow:0 0 0 .2rem rgba(242,242,242,.5)}.badge-muted{color:#fff;background-color:gray}a.badge-muted:hover,a.badge-muted:focus{color:#fff;background-color:rgb(102.5,102.5,102.5)}a.badge-muted:focus,a.badge-muted.focus{outline:0;box-shadow:0 0 0 .2rem rgba(128,128,128,.5)}.badge-muted2{color:#212529;background-color:#e6e6e6}a.badge-muted2:hover,a.badge-muted2:focus{color:#212529;background-color:rgb(204.5,204.5,204.5)}a.badge-muted2:focus,a.badge-muted2.focus{outline:0;box-shadow:0 0 0 .2rem rgba(230,230,230,.5)}.badge-menu{color:#fff;background-color:rgba(47,47,47,.6)}a.badge-menu:hover,a.badge-menu:focus{color:#fff;background-color:rgba(21.5,21.5,21.5,.6)}a.badge-menu:focus,a.badge-menu.focus{outline:0;box-shadow:0 0 0 .2rem rgba(47,47,47,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media(min-width: 576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid rgba(0,0,0,0);border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:rgb(132.6,87.88,55.12);background-color:rgb(255,237.8,225.2);border-color:rgb(255,230.92,213.28)}.alert-primary hr{border-top-color:rgb(255,216.2018791946,187.78)}.alert-primary .alert-link{color:rgb(96.5750692521,64.0046537396,40.1449307479)}.alert-secondary{color:rgb(56.16,60.84,65);background-color:rgb(225.6,227.4,229);border-color:rgb(213.84,216.36,218.6)}.alert-secondary hr{border-top-color:hsl(208.2352941176,6.1371841155%,79.7921568627%)}.alert-secondary .alert-link{color:rgb(32.5205150215,35.2305579399,37.6394849785)}.alert-success{color:rgb(20.8,86.84,35.88);background-color:rgb(212,237.4,217.8);border-color:rgb(194.8,230.36,202.92)}.alert-success hr{border-top-color:rgb(176.7059405941,222.9540594059,187.2665346535)}.alert-success .alert-link{color:rgb(10.9449275362,45.6950724638,18.88)}.alert-info{color:rgb(11.96,84.24,95.68);background-color:rgb(208.6,236.4,240.8);border-color:rgb(190.04,228.96,235.12)}.alert-info hr{border-top-color:hsl(188.198757764,53.1353135314%,78.3647058824%)}.alert-info .alert-link{color:rgb(6.2933333333,44.3269565217,50.3466666667)}.alert-warning{color:rgb(132.6,100.36,3.64);background-color:rgb(255,242.6,205.4);border-color:rgb(255,237.64,185.56)}.alert-warning hr{border-top-color:rgb(255,231.265,160.06)}.alert-warning .alert-link{color:hsl(45,94.6564885496%,16.7137254902%)}.alert-danger{color:rgb(114.4,27.56,35.88);background-color:rgb(248,214.6,217.8);border-color:rgb(245.2,198.44,202.92)}.alert-danger hr{border-top-color:hsl(354.251497006,70.4641350211%,81.9882352941%)}.alert-danger .alert-link{color:rgb(73.3010989011,17.6589010989,22.9898901099)}.alert-light{color:rgb(128.96,129.48,130);background-color:rgb(253.6,253.8,254);border-color:rgb(253.04,253.32,253.6)}.alert-light hr{border-top-color:rgb(238.165,240.57,242.975)}.alert-light .alert-link{color:hsl(210,.4142766093%,40.7764705882%)}.alert-dark{color:rgb(24.44,24.44,24.44);background-color:rgb(213.4,213.4,213.4);border-color:hsl(0,0%,77.1607843137%)}.alert-dark hr{border-top-color:hsl(0,0%,72.1607843137%)}.alert-dark .alert-link{color:#000}.alert-judo{color:rgb(132.6,87.88,55.12);background-color:rgb(255,237.8,225.2);border-color:rgb(255,230.92,213.28)}.alert-judo hr{border-top-color:rgb(255,216.2018791946,187.78)}.alert-judo .alert-link{color:rgb(96.5750692521,64.0046537396,40.1449307479)}.alert-judo2{color:rgb(121.16,56.16,34.84);background-color:rgb(250.6,225.6,217.4);border-color:rgb(248.84,213.84,202.36)}.alert-judo2 hr{border-top-color:rgb(246.1685714286,195.99,179.5314285714)}.alert-judo2 .alert-link{color:rgb(81.55,37.8,23.45)}.alert-judo3{color:hsl(0,0%,49.3490196078%);background-color:rgb(252.4,252.4,252.4);border-color:hsl(0,0%,98.5725490196%)}.alert-judo3 hr{border-top-color:hsl(0,0%,93.5725490196%)}.alert-judo3 .alert-link{color:hsl(0,0%,39.3490196078%)}.alert-muted{color:rgb(66.56,66.56,66.56);background-color:rgb(229.6,229.6,229.6);border-color:hsl(0,0%,86.0549019608%)}.alert-muted hr{border-top-color:hsl(0,0%,81.0549019608%)}.alert-muted .alert-link{color:rgb(41.06,41.06,41.06)}.alert-muted2{color:rgb(119.6,119.6,119.6);background-color:#fafafa;border-color:#f8f8f8}.alert-muted2 hr{border-top-color:hsl(0,0%,92.2549019608%)}.alert-muted2 .alert-link{color:rgb(94.1,94.1,94.1)}.alert-menu{color:hsla(0,0%,5.8440937351%,.792);background-color:hsla(0,0%,92.1062618596%,.92);border-color:hsla(0,0%,88.3473389356%,.888)}.alert-menu hr{border-top-color:hsla(0,0%,83.3473389356%,.888)}.alert-menu .alert-link{color:rgba(0,0,0,.792)}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;line-height:0;font-size:0.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#ffa96a;transition:width .6s ease}@media(prefers-reduced-motion: reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:1rem 1rem}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media(prefers-reduced-motion: reduce){.progress-bar-animated{animation:none}}.media{display:flex;align-items:flex-start}.media-body{flex:1 1}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:hover,.list-group-item-action:focus{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#ffa96a;border-color:#ffa96a}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media(min-width: 576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:rgb(132.6,87.88,55.12);background-color:rgb(255,230.92,213.28)}.list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus{color:rgb(132.6,87.88,55.12);background-color:rgb(255,216.2018791946,187.78)}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:rgb(132.6,87.88,55.12);border-color:rgb(132.6,87.88,55.12)}.list-group-item-secondary{color:rgb(56.16,60.84,65);background-color:rgb(213.84,216.36,218.6)}.list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus{color:rgb(56.16,60.84,65);background-color:hsl(208.2352941176,6.1371841155%,79.7921568627%)}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:rgb(56.16,60.84,65);border-color:rgb(56.16,60.84,65)}.list-group-item-success{color:rgb(20.8,86.84,35.88);background-color:rgb(194.8,230.36,202.92)}.list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus{color:rgb(20.8,86.84,35.88);background-color:rgb(176.7059405941,222.9540594059,187.2665346535)}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:rgb(20.8,86.84,35.88);border-color:rgb(20.8,86.84,35.88)}.list-group-item-info{color:rgb(11.96,84.24,95.68);background-color:rgb(190.04,228.96,235.12)}.list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus{color:rgb(11.96,84.24,95.68);background-color:hsl(188.198757764,53.1353135314%,78.3647058824%)}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:rgb(11.96,84.24,95.68);border-color:rgb(11.96,84.24,95.68)}.list-group-item-warning{color:rgb(132.6,100.36,3.64);background-color:rgb(255,237.64,185.56)}.list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus{color:rgb(132.6,100.36,3.64);background-color:rgb(255,231.265,160.06)}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:rgb(132.6,100.36,3.64);border-color:rgb(132.6,100.36,3.64)}.list-group-item-danger{color:rgb(114.4,27.56,35.88);background-color:rgb(245.2,198.44,202.92)}.list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus{color:rgb(114.4,27.56,35.88);background-color:hsl(354.251497006,70.4641350211%,81.9882352941%)}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:rgb(114.4,27.56,35.88);border-color:rgb(114.4,27.56,35.88)}.list-group-item-light{color:rgb(128.96,129.48,130);background-color:rgb(253.04,253.32,253.6)}.list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus{color:rgb(128.96,129.48,130);background-color:rgb(238.165,240.57,242.975)}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:rgb(128.96,129.48,130);border-color:rgb(128.96,129.48,130)}.list-group-item-dark{color:rgb(24.44,24.44,24.44);background-color:hsl(0,0%,77.1607843137%)}.list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus{color:rgb(24.44,24.44,24.44);background-color:hsl(0,0%,72.1607843137%)}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:rgb(24.44,24.44,24.44);border-color:rgb(24.44,24.44,24.44)}.list-group-item-judo{color:rgb(132.6,87.88,55.12);background-color:rgb(255,230.92,213.28)}.list-group-item-judo.list-group-item-action:hover,.list-group-item-judo.list-group-item-action:focus{color:rgb(132.6,87.88,55.12);background-color:rgb(255,216.2018791946,187.78)}.list-group-item-judo.list-group-item-action.active{color:#fff;background-color:rgb(132.6,87.88,55.12);border-color:rgb(132.6,87.88,55.12)}.list-group-item-judo2{color:rgb(121.16,56.16,34.84);background-color:rgb(248.84,213.84,202.36)}.list-group-item-judo2.list-group-item-action:hover,.list-group-item-judo2.list-group-item-action:focus{color:rgb(121.16,56.16,34.84);background-color:rgb(246.1685714286,195.99,179.5314285714)}.list-group-item-judo2.list-group-item-action.active{color:#fff;background-color:rgb(121.16,56.16,34.84);border-color:rgb(121.16,56.16,34.84)}.list-group-item-judo3{color:hsl(0,0%,49.3490196078%);background-color:hsl(0,0%,98.5725490196%)}.list-group-item-judo3.list-group-item-action:hover,.list-group-item-judo3.list-group-item-action:focus{color:hsl(0,0%,49.3490196078%);background-color:hsl(0,0%,93.5725490196%)}.list-group-item-judo3.list-group-item-action.active{color:#fff;background-color:hsl(0,0%,49.3490196078%);border-color:hsl(0,0%,49.3490196078%)}.list-group-item-muted{color:rgb(66.56,66.56,66.56);background-color:hsl(0,0%,86.0549019608%)}.list-group-item-muted.list-group-item-action:hover,.list-group-item-muted.list-group-item-action:focus{color:rgb(66.56,66.56,66.56);background-color:hsl(0,0%,81.0549019608%)}.list-group-item-muted.list-group-item-action.active{color:#fff;background-color:rgb(66.56,66.56,66.56);border-color:rgb(66.56,66.56,66.56)}.list-group-item-muted2{color:rgb(119.6,119.6,119.6);background-color:#f8f8f8}.list-group-item-muted2.list-group-item-action:hover,.list-group-item-muted2.list-group-item-action:focus{color:rgb(119.6,119.6,119.6);background-color:hsl(0,0%,92.2549019608%)}.list-group-item-muted2.list-group-item-action.active{color:#fff;background-color:rgb(119.6,119.6,119.6);border-color:rgb(119.6,119.6,119.6)}.list-group-item-menu{color:hsla(0,0%,5.8440937351%,.792);background-color:hsla(0,0%,88.3473389356%,.888)}.list-group-item-menu.list-group-item-action:hover,.list-group-item-menu.list-group-item-action:focus{color:hsla(0,0%,5.8440937351%,.792);background-color:hsla(0,0%,83.3473389356%,.888)}.list-group-item-menu.list-group-item-action.active{color:#fff;background-color:hsla(0,0%,5.8440937351%,.792);border-color:hsla(0,0%,5.8440937351%,.792)}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus{opacity:.75}button.close{padding:0;background-color:rgba(0,0,0,0);border:0}a.close.disabled{pointer-events:none}.toast{flex-basis:350px;max-width:350px;font-size:0.875rem;background-color:hsla(0,0%,100%,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:hsla(0,0%,100%,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out}@media(prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition:none}}.modal.fade .modal-dialog{transform:translate(0, -50px)}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-moz-min-content;height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(0.3rem - 1px);border-bottom-left-radius:calc(0.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media(min-width: 576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-moz-min-content;height:min-content}.modal-sm{max-width:300px}}@media(min-width: 992px){.modal-lg,.modal-xl{max-width:800px}}@media(min-width: 1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:rgba(0,0,0,0);border-style:solid}.bs-tooltip-top,.bs-tooltip-auto[x-placement^=top]{padding:.4rem 0}.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^=top] .arrow{bottom:0}.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^=top] .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-right,.bs-tooltip-auto[x-placement^=right]{padding:0 .4rem}.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^=right] .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^=right] .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^=bottom]{padding:.4rem 0}.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^=bottom] .arrow{top:0}.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^=bottom] .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-left,.bs-tooltip-auto[x-placement^=left]{padding:0 .4rem}.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^=left] .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^=left] .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:0.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::before,.popover .arrow::after{position:absolute;display:block;content:"";border-color:rgba(0,0,0,0);border-style:solid}.bs-popover-top,.bs-popover-auto[x-placement^=top]{margin-bottom:.5rem}.bs-popover-top>.arrow,.bs-popover-auto[x-placement^=top]>.arrow{bottom:calc(-0.5rem - 1px)}.bs-popover-top>.arrow::before,.bs-popover-auto[x-placement^=top]>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-top>.arrow::after,.bs-popover-auto[x-placement^=top]>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-right,.bs-popover-auto[x-placement^=right]{margin-left:.5rem}.bs-popover-right>.arrow,.bs-popover-auto[x-placement^=right]>.arrow{left:calc(-0.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-right>.arrow::before,.bs-popover-auto[x-placement^=right]>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-right>.arrow::after,.bs-popover-auto[x-placement^=right]>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-bottom,.bs-popover-auto[x-placement^=bottom]{margin-top:.5rem}.bs-popover-bottom>.arrow,.bs-popover-auto[x-placement^=bottom]>.arrow{top:calc(-0.5rem - 1px)}.bs-popover-bottom>.arrow::before,.bs-popover-auto[x-placement^=bottom]>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-bottom>.arrow::after,.bs-popover-auto[x-placement^=bottom]>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-bottom .popover-header::before,.bs-popover-auto[x-placement^=bottom] .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-0.5rem;content:"";border-bottom:1px solid hsl(0,0%,97%)}.bs-popover-left,.bs-popover-auto[x-placement^=left]{margin-right:.5rem}.bs-popover-left>.arrow,.bs-popover-auto[x-placement^=left]>.arrow{right:calc(-0.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-left>.arrow::before,.bs-popover-auto[x-placement^=left]>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-left>.arrow::after,.bs-popover-auto[x-placement^=left]>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:hsl(0,0%,97%);border-bottom:1px solid hsl(0,0%,92%);border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media(prefers-reduced-motion: reduce){.carousel-item{transition:none}}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-left),.active.carousel-item-right{transform:translateX(100%)}.carousel-item-prev:not(.carousel-item-right),.active.carousel-item-left{transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media(prefers-reduced-motion: reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-prev,.carousel-control-next{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:none;border:0;opacity:.5;transition:opacity .15s ease}@media(prefers-reduced-motion: reduce){.carousel-control-prev,.carousel-control-next{transition:none}}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;width:20px;height:20px;background:50%/100% 100% no-repeat}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);opacity:.5;transition:opacity .6s ease}@media(prefers-reduced-motion: reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-0.125em;border:.25em solid currentcolor;border-right-color:rgba(0,0,0,0);border-radius:50%;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-0.125em;background-color:currentcolor;border-radius:50%;opacity:0;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media(prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{animation-duration:1.5s}}.align-baseline{vertical-align:baseline !important}.align-top{vertical-align:top !important}.align-middle{vertical-align:middle !important}.align-bottom{vertical-align:bottom !important}.align-text-bottom{vertical-align:text-bottom !important}.align-text-top{vertical-align:text-top !important}.bg-primary{background-color:#ffa96a !important}a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus{background-color:rgb(255,139.5637583893,55) !important}.bg-secondary{background-color:#6c757d !important}a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus{background-color:rgb(84.3605150215,91.3905579399,97.6394849785) !important}.bg-success{background-color:#28a745 !important}a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus{background-color:rgb(30.1449275362,125.8550724638,52) !important}.bg-info{background-color:#17a2b8 !important}a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus{background-color:rgb(17.3333333333,122.0869565217,138.6666666667) !important}.bg-warning{background-color:#ffc107 !important}a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus{background-color:rgb(211,158.25,0) !important}.bg-danger{background-color:#dc3545 !important}a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus{background-color:rgb(189.2151898734,32.7848101266,47.7721518987) !important}.bg-light{background-color:#f8f9fa !important}a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus{background-color:rgb(218.25,223.5,228.75) !important}.bg-dark{background-color:#2f2f2f !important}a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus{background-color:rgb(21.5,21.5,21.5) !important}.bg-judo{background-color:#ffa96a !important}a.bg-judo:hover,a.bg-judo:focus,button.bg-judo:hover,button.bg-judo:focus{background-color:rgb(255,139.5637583893,55) !important}.bg-judo2{background-color:#e96c43 !important}a.bg-judo2:hover,a.bg-judo2:focus,button.bg-judo2:hover,button.bg-judo2:focus{background-color:rgb(222.9142857143,74.7,26.0857142857) !important}.bg-judo3{background-color:#f2f2f2 !important}a.bg-judo3:hover,a.bg-judo3:focus,button.bg-judo3:hover,button.bg-judo3:focus{background-color:rgb(216.5,216.5,216.5) !important}.bg-muted{background-color:gray !important}a.bg-muted:hover,a.bg-muted:focus,button.bg-muted:hover,button.bg-muted:focus{background-color:rgb(102.5,102.5,102.5) !important}.bg-muted2{background-color:#e6e6e6 !important}a.bg-muted2:hover,a.bg-muted2:focus,button.bg-muted2:hover,button.bg-muted2:focus{background-color:rgb(204.5,204.5,204.5) !important}.bg-menu{background-color:rgba(47,47,47,.6) !important}a.bg-menu:hover,a.bg-menu:focus,button.bg-menu:hover,button.bg-menu:focus{background-color:rgba(21.5,21.5,21.5,.6) !important}.bg-white{background-color:#fff !important}.bg-transparent{background-color:rgba(0,0,0,0) !important}.border{border:1px solid #dee2e6 !important}.border-top{border-top:1px solid #dee2e6 !important}.border-right{border-right:1px solid #dee2e6 !important}.border-bottom{border-bottom:1px solid #dee2e6 !important}.border-left{border-left:1px solid #dee2e6 !important}.border-0{border:0 !important}.border-top-0{border-top:0 !important}.border-right-0{border-right:0 !important}.border-bottom-0{border-bottom:0 !important}.border-left-0{border-left:0 !important}.border-primary{border-color:#ffa96a !important}.border-secondary{border-color:#6c757d !important}.border-success{border-color:#28a745 !important}.border-info{border-color:#17a2b8 !important}.border-warning{border-color:#ffc107 !important}.border-danger{border-color:#dc3545 !important}.border-light{border-color:#f8f9fa !important}.border-dark{border-color:#2f2f2f !important}.border-judo{border-color:#ffa96a !important}.border-judo2{border-color:#e96c43 !important}.border-judo3{border-color:#f2f2f2 !important}.border-muted{border-color:gray !important}.border-muted2{border-color:#e6e6e6 !important}.border-menu{border-color:rgba(47,47,47,.6) !important}.border-white{border-color:#fff !important}.rounded-sm{border-radius:.2rem !important}.rounded{border-radius:.25rem !important}.rounded-top{border-top-left-radius:.25rem !important;border-top-right-radius:.25rem !important}.rounded-right{border-top-right-radius:.25rem !important;border-bottom-right-radius:.25rem !important}.rounded-bottom{border-bottom-right-radius:.25rem !important;border-bottom-left-radius:.25rem !important}.rounded-left{border-top-left-radius:.25rem !important;border-bottom-left-radius:.25rem !important}.rounded-lg{border-radius:.3rem !important}.rounded-circle{border-radius:50% !important}.rounded-pill{border-radius:50rem !important}.rounded-0{border-radius:0 !important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex,.shared-users{display:flex !important}.d-inline-flex{display:inline-flex !important}@media(min-width: 576px){.d-sm-none{display:none !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}}@media(min-width: 768px){.d-md-none{display:none !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}}@media(min-width: 992px){.d-lg-none{display:none !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:flex !important}.d-lg-inline-flex{display:inline-flex !important}}@media(min-width: 1200px){.d-xl-none{display:none !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:flex !important}.d-xl-inline-flex{display:inline-flex !important}}@media print{.d-print-none{display:none !important}.d-print-inline{display:inline !important}.d-print-inline-block{display:inline-block !important}.d-print-block{display:block !important}.d-print-table{display:table !important}.d-print-table-row{display:table-row !important}.d-print-table-cell{display:table-cell !important}.d-print-flex{display:flex !important}.d-print-inline-flex{display:inline-flex !important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.85714286%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-fill{flex:1 1 auto !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}@media(min-width: 576px){.flex-sm-row{flex-direction:row !important}.flex-sm-column{flex-direction:column !important}.flex-sm-row-reverse{flex-direction:row-reverse !important}.flex-sm-column-reverse{flex-direction:column-reverse !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-sm-fill{flex:1 1 auto !important}.flex-sm-grow-0{flex-grow:0 !important}.flex-sm-grow-1{flex-grow:1 !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-shrink-1{flex-shrink:1 !important}.justify-content-sm-start{justify-content:flex-start !important}.justify-content-sm-end{justify-content:flex-end !important}.justify-content-sm-center{justify-content:center !important}.justify-content-sm-between{justify-content:space-between !important}.justify-content-sm-around{justify-content:space-around !important}.align-items-sm-start{align-items:flex-start !important}.align-items-sm-end{align-items:flex-end !important}.align-items-sm-center{align-items:center !important}.align-items-sm-baseline{align-items:baseline !important}.align-items-sm-stretch{align-items:stretch !important}.align-content-sm-start{align-content:flex-start !important}.align-content-sm-end{align-content:flex-end !important}.align-content-sm-center{align-content:center !important}.align-content-sm-between{align-content:space-between !important}.align-content-sm-around{align-content:space-around !important}.align-content-sm-stretch{align-content:stretch !important}.align-self-sm-auto{align-self:auto !important}.align-self-sm-start{align-self:flex-start !important}.align-self-sm-end{align-self:flex-end !important}.align-self-sm-center{align-self:center !important}.align-self-sm-baseline{align-self:baseline !important}.align-self-sm-stretch{align-self:stretch !important}}@media(min-width: 768px){.flex-md-row{flex-direction:row !important}.flex-md-column{flex-direction:column !important}.flex-md-row-reverse{flex-direction:row-reverse !important}.flex-md-column-reverse{flex-direction:column-reverse !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-md-fill{flex:1 1 auto !important}.flex-md-grow-0{flex-grow:0 !important}.flex-md-grow-1{flex-grow:1 !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-shrink-1{flex-shrink:1 !important}.justify-content-md-start{justify-content:flex-start !important}.justify-content-md-end{justify-content:flex-end !important}.justify-content-md-center{justify-content:center !important}.justify-content-md-between{justify-content:space-between !important}.justify-content-md-around{justify-content:space-around !important}.align-items-md-start{align-items:flex-start !important}.align-items-md-end{align-items:flex-end !important}.align-items-md-center{align-items:center !important}.align-items-md-baseline{align-items:baseline !important}.align-items-md-stretch{align-items:stretch !important}.align-content-md-start{align-content:flex-start !important}.align-content-md-end{align-content:flex-end !important}.align-content-md-center{align-content:center !important}.align-content-md-between{align-content:space-between !important}.align-content-md-around{align-content:space-around !important}.align-content-md-stretch{align-content:stretch !important}.align-self-md-auto{align-self:auto !important}.align-self-md-start{align-self:flex-start !important}.align-self-md-end{align-self:flex-end !important}.align-self-md-center{align-self:center !important}.align-self-md-baseline{align-self:baseline !important}.align-self-md-stretch{align-self:stretch !important}}@media(min-width: 992px){.flex-lg-row{flex-direction:row !important}.flex-lg-column{flex-direction:column !important}.flex-lg-row-reverse{flex-direction:row-reverse !important}.flex-lg-column-reverse{flex-direction:column-reverse !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-lg-fill{flex:1 1 auto !important}.flex-lg-grow-0{flex-grow:0 !important}.flex-lg-grow-1{flex-grow:1 !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-shrink-1{flex-shrink:1 !important}.justify-content-lg-start{justify-content:flex-start !important}.justify-content-lg-end{justify-content:flex-end !important}.justify-content-lg-center{justify-content:center !important}.justify-content-lg-between{justify-content:space-between !important}.justify-content-lg-around{justify-content:space-around !important}.align-items-lg-start{align-items:flex-start !important}.align-items-lg-end{align-items:flex-end !important}.align-items-lg-center{align-items:center !important}.align-items-lg-baseline{align-items:baseline !important}.align-items-lg-stretch{align-items:stretch !important}.align-content-lg-start{align-content:flex-start !important}.align-content-lg-end{align-content:flex-end !important}.align-content-lg-center{align-content:center !important}.align-content-lg-between{align-content:space-between !important}.align-content-lg-around{align-content:space-around !important}.align-content-lg-stretch{align-content:stretch !important}.align-self-lg-auto{align-self:auto !important}.align-self-lg-start{align-self:flex-start !important}.align-self-lg-end{align-self:flex-end !important}.align-self-lg-center{align-self:center !important}.align-self-lg-baseline{align-self:baseline !important}.align-self-lg-stretch{align-self:stretch !important}}@media(min-width: 1200px){.flex-xl-row{flex-direction:row !important}.flex-xl-column{flex-direction:column !important}.flex-xl-row-reverse{flex-direction:row-reverse !important}.flex-xl-column-reverse{flex-direction:column-reverse !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-xl-fill{flex:1 1 auto !important}.flex-xl-grow-0{flex-grow:0 !important}.flex-xl-grow-1{flex-grow:1 !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-shrink-1{flex-shrink:1 !important}.justify-content-xl-start{justify-content:flex-start !important}.justify-content-xl-end{justify-content:flex-end !important}.justify-content-xl-center{justify-content:center !important}.justify-content-xl-between{justify-content:space-between !important}.justify-content-xl-around{justify-content:space-around !important}.align-items-xl-start{align-items:flex-start !important}.align-items-xl-end{align-items:flex-end !important}.align-items-xl-center{align-items:center !important}.align-items-xl-baseline{align-items:baseline !important}.align-items-xl-stretch{align-items:stretch !important}.align-content-xl-start{align-content:flex-start !important}.align-content-xl-end{align-content:flex-end !important}.align-content-xl-center{align-content:center !important}.align-content-xl-between{align-content:space-between !important}.align-content-xl-around{align-content:space-around !important}.align-content-xl-stretch{align-content:stretch !important}.align-self-xl-auto{align-self:auto !important}.align-self-xl-start{align-self:flex-start !important}.align-self-xl-end{align-self:flex-end !important}.align-self-xl-center{align-self:center !important}.align-self-xl-baseline{align-self:baseline !important}.align-self-xl-stretch{align-self:stretch !important}}.float-left{float:left !important}.float-right{float:right !important}.float-none{float:none !important}@media(min-width: 576px){.float-sm-left{float:left !important}.float-sm-right{float:right !important}.float-sm-none{float:none !important}}@media(min-width: 768px){.float-md-left{float:left !important}.float-md-right{float:right !important}.float-md-none{float:none !important}}@media(min-width: 992px){.float-lg-left{float:left !important}.float-lg-right{float:right !important}.float-lg-none{float:none !important}}@media(min-width: 1200px){.float-xl-left{float:left !important}.float-xl-right{float:right !important}.float-xl-none{float:none !important}}.user-select-all{-webkit-user-select:all !important;-moz-user-select:all !important;user-select:all !important}.user-select-auto{-webkit-user-select:auto !important;-moz-user-select:auto !important;user-select:auto !important}.user-select-none{-webkit-user-select:none !important;-moz-user-select:none !important;user-select:none !important}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.position-sticky{position:sticky !important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports(position: sticky){.sticky-top{position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175) !important}.shadow-none{box-shadow:none !important}.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-auto{width:auto !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.mw-100{max-width:100% !important}.mh-100{max-height:100% !important}.min-vw-100{min-width:100vw !important}.min-vh-100{min-height:100vh !important}.vw-100{width:100vw !important}.vh-100{height:100vh !important}.m-0{margin:0 !important}.mt-0,.my-0{margin-top:0 !important}.mr-0,.mx-0{margin-right:0 !important}.mb-0,.my-0{margin-bottom:0 !important}.ml-0,.mx-0{margin-left:0 !important}.m-1{margin:.25rem !important}.mt-1,.my-1{margin-top:.25rem !important}.mr-1,.mx-1{margin-right:.25rem !important}.mb-1,.my-1{margin-bottom:.25rem !important}.ml-1,.mx-1{margin-left:.25rem !important}.m-2{margin:.5rem !important}.mt-2,.my-2{margin-top:.5rem !important}.mr-2,.mx-2{margin-right:.5rem !important}.mb-2,.my-2{margin-bottom:.5rem !important}.ml-2,.mx-2{margin-left:.5rem !important}.m-3{margin:1rem !important}.mt-3,.my-3{margin-top:1rem !important}.mr-3,.mx-3{margin-right:1rem !important}.mb-3,.my-3{margin-bottom:1rem !important}.ml-3,.mx-3{margin-left:1rem !important}.m-4{margin:1.5rem !important}.mt-4,.my-4{margin-top:1.5rem !important}.mr-4,.mx-4{margin-right:1.5rem !important}.mb-4,.my-4{margin-bottom:1.5rem !important}.ml-4,.mx-4{margin-left:1.5rem !important}.m-5{margin:3rem !important}.mt-5,.my-5{margin-top:3rem !important}.mr-5,.mx-5{margin-right:3rem !important}.mb-5,.my-5{margin-bottom:3rem !important}.ml-5,.mx-5{margin-left:3rem !important}.p-0{padding:0 !important}.pt-0,.py-0{padding-top:0 !important}.pr-0,.px-0{padding-right:0 !important}.pb-0,.py-0{padding-bottom:0 !important}.pl-0,.px-0{padding-left:0 !important}.p-1{padding:.25rem !important}.pt-1,.py-1{padding-top:.25rem !important}.pr-1,.px-1{padding-right:.25rem !important}.pb-1,.py-1{padding-bottom:.25rem !important}.pl-1,.px-1{padding-left:.25rem !important}.p-2{padding:.5rem !important}.pt-2,.py-2{padding-top:.5rem !important}.pr-2,.px-2{padding-right:.5rem !important}.pb-2,.py-2{padding-bottom:.5rem !important}.pl-2,.px-2{padding-left:.5rem !important}.p-3{padding:1rem !important}.pt-3,.py-3{padding-top:1rem !important}.pr-3,.px-3{padding-right:1rem !important}.pb-3,.py-3{padding-bottom:1rem !important}.pl-3,.px-3{padding-left:1rem !important}.p-4{padding:1.5rem !important}.pt-4,.py-4{padding-top:1.5rem !important}.pr-4,.px-4{padding-right:1.5rem !important}.pb-4,.py-4{padding-bottom:1.5rem !important}.pl-4,.px-4{padding-left:1.5rem !important}.p-5{padding:3rem !important}.pt-5,.py-5{padding-top:3rem !important}.pr-5,.px-5{padding-right:3rem !important}.pb-5,.py-5{padding-bottom:3rem !important}.pl-5,.px-5{padding-left:3rem !important}.m-n1{margin:-0.25rem !important}.mt-n1,.my-n1{margin-top:-0.25rem !important}.mr-n1,.mx-n1{margin-right:-0.25rem !important}.mb-n1,.my-n1{margin-bottom:-0.25rem !important}.ml-n1,.mx-n1{margin-left:-0.25rem !important}.m-n2{margin:-0.5rem !important}.mt-n2,.my-n2{margin-top:-0.5rem !important}.mr-n2,.mx-n2{margin-right:-0.5rem !important}.mb-n2,.my-n2{margin-bottom:-0.5rem !important}.ml-n2,.mx-n2{margin-left:-0.5rem !important}.m-n3{margin:-1rem !important}.mt-n3,.my-n3{margin-top:-1rem !important}.mr-n3,.mx-n3{margin-right:-1rem !important}.mb-n3,.my-n3{margin-bottom:-1rem !important}.ml-n3,.mx-n3{margin-left:-1rem !important}.m-n4{margin:-1.5rem !important}.mt-n4,.my-n4{margin-top:-1.5rem !important}.mr-n4,.mx-n4{margin-right:-1.5rem !important}.mb-n4,.my-n4{margin-bottom:-1.5rem !important}.ml-n4,.mx-n4{margin-left:-1.5rem !important}.m-n5{margin:-3rem !important}.mt-n5,.my-n5{margin-top:-3rem !important}.mr-n5,.mx-n5{margin-right:-3rem !important}.mb-n5,.my-n5{margin-bottom:-3rem !important}.ml-n5,.mx-n5{margin-left:-3rem !important}.m-auto{margin:auto !important}.mt-auto,.my-auto{margin-top:auto !important}.mr-auto,.mx-auto{margin-right:auto !important}.mb-auto,.my-auto{margin-bottom:auto !important}.ml-auto,.mx-auto{margin-left:auto !important}@media(min-width: 576px){.m-sm-0{margin:0 !important}.mt-sm-0,.my-sm-0{margin-top:0 !important}.mr-sm-0,.mx-sm-0{margin-right:0 !important}.mb-sm-0,.my-sm-0{margin-bottom:0 !important}.ml-sm-0,.mx-sm-0{margin-left:0 !important}.m-sm-1{margin:.25rem !important}.mt-sm-1,.my-sm-1{margin-top:.25rem !important}.mr-sm-1,.mx-sm-1{margin-right:.25rem !important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem !important}.ml-sm-1,.mx-sm-1{margin-left:.25rem !important}.m-sm-2{margin:.5rem !important}.mt-sm-2,.my-sm-2{margin-top:.5rem !important}.mr-sm-2,.mx-sm-2{margin-right:.5rem !important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem !important}.ml-sm-2,.mx-sm-2{margin-left:.5rem !important}.m-sm-3{margin:1rem !important}.mt-sm-3,.my-sm-3{margin-top:1rem !important}.mr-sm-3,.mx-sm-3{margin-right:1rem !important}.mb-sm-3,.my-sm-3{margin-bottom:1rem !important}.ml-sm-3,.mx-sm-3{margin-left:1rem !important}.m-sm-4{margin:1.5rem !important}.mt-sm-4,.my-sm-4{margin-top:1.5rem !important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem !important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem !important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem !important}.m-sm-5{margin:3rem !important}.mt-sm-5,.my-sm-5{margin-top:3rem !important}.mr-sm-5,.mx-sm-5{margin-right:3rem !important}.mb-sm-5,.my-sm-5{margin-bottom:3rem !important}.ml-sm-5,.mx-sm-5{margin-left:3rem !important}.p-sm-0{padding:0 !important}.pt-sm-0,.py-sm-0{padding-top:0 !important}.pr-sm-0,.px-sm-0{padding-right:0 !important}.pb-sm-0,.py-sm-0{padding-bottom:0 !important}.pl-sm-0,.px-sm-0{padding-left:0 !important}.p-sm-1{padding:.25rem !important}.pt-sm-1,.py-sm-1{padding-top:.25rem !important}.pr-sm-1,.px-sm-1{padding-right:.25rem !important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem !important}.pl-sm-1,.px-sm-1{padding-left:.25rem !important}.p-sm-2{padding:.5rem !important}.pt-sm-2,.py-sm-2{padding-top:.5rem !important}.pr-sm-2,.px-sm-2{padding-right:.5rem !important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem !important}.pl-sm-2,.px-sm-2{padding-left:.5rem !important}.p-sm-3{padding:1rem !important}.pt-sm-3,.py-sm-3{padding-top:1rem !important}.pr-sm-3,.px-sm-3{padding-right:1rem !important}.pb-sm-3,.py-sm-3{padding-bottom:1rem !important}.pl-sm-3,.px-sm-3{padding-left:1rem !important}.p-sm-4{padding:1.5rem !important}.pt-sm-4,.py-sm-4{padding-top:1.5rem !important}.pr-sm-4,.px-sm-4{padding-right:1.5rem !important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem !important}.pl-sm-4,.px-sm-4{padding-left:1.5rem !important}.p-sm-5{padding:3rem !important}.pt-sm-5,.py-sm-5{padding-top:3rem !important}.pr-sm-5,.px-sm-5{padding-right:3rem !important}.pb-sm-5,.py-sm-5{padding-bottom:3rem !important}.pl-sm-5,.px-sm-5{padding-left:3rem !important}.m-sm-n1{margin:-0.25rem !important}.mt-sm-n1,.my-sm-n1{margin-top:-0.25rem !important}.mr-sm-n1,.mx-sm-n1{margin-right:-0.25rem !important}.mb-sm-n1,.my-sm-n1{margin-bottom:-0.25rem !important}.ml-sm-n1,.mx-sm-n1{margin-left:-0.25rem !important}.m-sm-n2{margin:-0.5rem !important}.mt-sm-n2,.my-sm-n2{margin-top:-0.5rem !important}.mr-sm-n2,.mx-sm-n2{margin-right:-0.5rem !important}.mb-sm-n2,.my-sm-n2{margin-bottom:-0.5rem !important}.ml-sm-n2,.mx-sm-n2{margin-left:-0.5rem !important}.m-sm-n3{margin:-1rem !important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem !important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem !important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem !important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem !important}.m-sm-n4{margin:-1.5rem !important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem !important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem !important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem !important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem !important}.m-sm-n5{margin:-3rem !important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem !important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem !important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem !important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem !important}.m-sm-auto{margin:auto !important}.mt-sm-auto,.my-sm-auto{margin-top:auto !important}.mr-sm-auto,.mx-sm-auto{margin-right:auto !important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto !important}.ml-sm-auto,.mx-sm-auto{margin-left:auto !important}}@media(min-width: 768px){.m-md-0{margin:0 !important}.mt-md-0,.my-md-0{margin-top:0 !important}.mr-md-0,.mx-md-0{margin-right:0 !important}.mb-md-0,.my-md-0{margin-bottom:0 !important}.ml-md-0,.mx-md-0{margin-left:0 !important}.m-md-1{margin:.25rem !important}.mt-md-1,.my-md-1{margin-top:.25rem !important}.mr-md-1,.mx-md-1{margin-right:.25rem !important}.mb-md-1,.my-md-1{margin-bottom:.25rem !important}.ml-md-1,.mx-md-1{margin-left:.25rem !important}.m-md-2{margin:.5rem !important}.mt-md-2,.my-md-2{margin-top:.5rem !important}.mr-md-2,.mx-md-2{margin-right:.5rem !important}.mb-md-2,.my-md-2{margin-bottom:.5rem !important}.ml-md-2,.mx-md-2{margin-left:.5rem !important}.m-md-3{margin:1rem !important}.mt-md-3,.my-md-3{margin-top:1rem !important}.mr-md-3,.mx-md-3{margin-right:1rem !important}.mb-md-3,.my-md-3{margin-bottom:1rem !important}.ml-md-3,.mx-md-3{margin-left:1rem !important}.m-md-4{margin:1.5rem !important}.mt-md-4,.my-md-4{margin-top:1.5rem !important}.mr-md-4,.mx-md-4{margin-right:1.5rem !important}.mb-md-4,.my-md-4{margin-bottom:1.5rem !important}.ml-md-4,.mx-md-4{margin-left:1.5rem !important}.m-md-5{margin:3rem !important}.mt-md-5,.my-md-5{margin-top:3rem !important}.mr-md-5,.mx-md-5{margin-right:3rem !important}.mb-md-5,.my-md-5{margin-bottom:3rem !important}.ml-md-5,.mx-md-5{margin-left:3rem !important}.p-md-0{padding:0 !important}.pt-md-0,.py-md-0{padding-top:0 !important}.pr-md-0,.px-md-0{padding-right:0 !important}.pb-md-0,.py-md-0{padding-bottom:0 !important}.pl-md-0,.px-md-0{padding-left:0 !important}.p-md-1{padding:.25rem !important}.pt-md-1,.py-md-1{padding-top:.25rem !important}.pr-md-1,.px-md-1{padding-right:.25rem !important}.pb-md-1,.py-md-1{padding-bottom:.25rem !important}.pl-md-1,.px-md-1{padding-left:.25rem !important}.p-md-2{padding:.5rem !important}.pt-md-2,.py-md-2{padding-top:.5rem !important}.pr-md-2,.px-md-2{padding-right:.5rem !important}.pb-md-2,.py-md-2{padding-bottom:.5rem !important}.pl-md-2,.px-md-2{padding-left:.5rem !important}.p-md-3{padding:1rem !important}.pt-md-3,.py-md-3{padding-top:1rem !important}.pr-md-3,.px-md-3{padding-right:1rem !important}.pb-md-3,.py-md-3{padding-bottom:1rem !important}.pl-md-3,.px-md-3{padding-left:1rem !important}.p-md-4{padding:1.5rem !important}.pt-md-4,.py-md-4{padding-top:1.5rem !important}.pr-md-4,.px-md-4{padding-right:1.5rem !important}.pb-md-4,.py-md-4{padding-bottom:1.5rem !important}.pl-md-4,.px-md-4{padding-left:1.5rem !important}.p-md-5{padding:3rem !important}.pt-md-5,.py-md-5{padding-top:3rem !important}.pr-md-5,.px-md-5{padding-right:3rem !important}.pb-md-5,.py-md-5{padding-bottom:3rem !important}.pl-md-5,.px-md-5{padding-left:3rem !important}.m-md-n1{margin:-0.25rem !important}.mt-md-n1,.my-md-n1{margin-top:-0.25rem !important}.mr-md-n1,.mx-md-n1{margin-right:-0.25rem !important}.mb-md-n1,.my-md-n1{margin-bottom:-0.25rem !important}.ml-md-n1,.mx-md-n1{margin-left:-0.25rem !important}.m-md-n2{margin:-0.5rem !important}.mt-md-n2,.my-md-n2{margin-top:-0.5rem !important}.mr-md-n2,.mx-md-n2{margin-right:-0.5rem !important}.mb-md-n2,.my-md-n2{margin-bottom:-0.5rem !important}.ml-md-n2,.mx-md-n2{margin-left:-0.5rem !important}.m-md-n3{margin:-1rem !important}.mt-md-n3,.my-md-n3{margin-top:-1rem !important}.mr-md-n3,.mx-md-n3{margin-right:-1rem !important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem !important}.ml-md-n3,.mx-md-n3{margin-left:-1rem !important}.m-md-n4{margin:-1.5rem !important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem !important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem !important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem !important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem !important}.m-md-n5{margin:-3rem !important}.mt-md-n5,.my-md-n5{margin-top:-3rem !important}.mr-md-n5,.mx-md-n5{margin-right:-3rem !important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem !important}.ml-md-n5,.mx-md-n5{margin-left:-3rem !important}.m-md-auto{margin:auto !important}.mt-md-auto,.my-md-auto{margin-top:auto !important}.mr-md-auto,.mx-md-auto{margin-right:auto !important}.mb-md-auto,.my-md-auto{margin-bottom:auto !important}.ml-md-auto,.mx-md-auto{margin-left:auto !important}}@media(min-width: 992px){.m-lg-0{margin:0 !important}.mt-lg-0,.my-lg-0{margin-top:0 !important}.mr-lg-0,.mx-lg-0{margin-right:0 !important}.mb-lg-0,.my-lg-0{margin-bottom:0 !important}.ml-lg-0,.mx-lg-0{margin-left:0 !important}.m-lg-1{margin:.25rem !important}.mt-lg-1,.my-lg-1{margin-top:.25rem !important}.mr-lg-1,.mx-lg-1{margin-right:.25rem !important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem !important}.ml-lg-1,.mx-lg-1{margin-left:.25rem !important}.m-lg-2{margin:.5rem !important}.mt-lg-2,.my-lg-2{margin-top:.5rem !important}.mr-lg-2,.mx-lg-2{margin-right:.5rem !important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem !important}.ml-lg-2,.mx-lg-2{margin-left:.5rem !important}.m-lg-3{margin:1rem !important}.mt-lg-3,.my-lg-3{margin-top:1rem !important}.mr-lg-3,.mx-lg-3{margin-right:1rem !important}.mb-lg-3,.my-lg-3{margin-bottom:1rem !important}.ml-lg-3,.mx-lg-3{margin-left:1rem !important}.m-lg-4{margin:1.5rem !important}.mt-lg-4,.my-lg-4{margin-top:1.5rem !important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem !important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem !important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem !important}.m-lg-5{margin:3rem !important}.mt-lg-5,.my-lg-5{margin-top:3rem !important}.mr-lg-5,.mx-lg-5{margin-right:3rem !important}.mb-lg-5,.my-lg-5{margin-bottom:3rem !important}.ml-lg-5,.mx-lg-5{margin-left:3rem !important}.p-lg-0{padding:0 !important}.pt-lg-0,.py-lg-0{padding-top:0 !important}.pr-lg-0,.px-lg-0{padding-right:0 !important}.pb-lg-0,.py-lg-0{padding-bottom:0 !important}.pl-lg-0,.px-lg-0{padding-left:0 !important}.p-lg-1{padding:.25rem !important}.pt-lg-1,.py-lg-1{padding-top:.25rem !important}.pr-lg-1,.px-lg-1{padding-right:.25rem !important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem !important}.pl-lg-1,.px-lg-1{padding-left:.25rem !important}.p-lg-2{padding:.5rem !important}.pt-lg-2,.py-lg-2{padding-top:.5rem !important}.pr-lg-2,.px-lg-2{padding-right:.5rem !important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem !important}.pl-lg-2,.px-lg-2{padding-left:.5rem !important}.p-lg-3{padding:1rem !important}.pt-lg-3,.py-lg-3{padding-top:1rem !important}.pr-lg-3,.px-lg-3{padding-right:1rem !important}.pb-lg-3,.py-lg-3{padding-bottom:1rem !important}.pl-lg-3,.px-lg-3{padding-left:1rem !important}.p-lg-4{padding:1.5rem !important}.pt-lg-4,.py-lg-4{padding-top:1.5rem !important}.pr-lg-4,.px-lg-4{padding-right:1.5rem !important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem !important}.pl-lg-4,.px-lg-4{padding-left:1.5rem !important}.p-lg-5{padding:3rem !important}.pt-lg-5,.py-lg-5{padding-top:3rem !important}.pr-lg-5,.px-lg-5{padding-right:3rem !important}.pb-lg-5,.py-lg-5{padding-bottom:3rem !important}.pl-lg-5,.px-lg-5{padding-left:3rem !important}.m-lg-n1{margin:-0.25rem !important}.mt-lg-n1,.my-lg-n1{margin-top:-0.25rem !important}.mr-lg-n1,.mx-lg-n1{margin-right:-0.25rem !important}.mb-lg-n1,.my-lg-n1{margin-bottom:-0.25rem !important}.ml-lg-n1,.mx-lg-n1{margin-left:-0.25rem !important}.m-lg-n2{margin:-0.5rem !important}.mt-lg-n2,.my-lg-n2{margin-top:-0.5rem !important}.mr-lg-n2,.mx-lg-n2{margin-right:-0.5rem !important}.mb-lg-n2,.my-lg-n2{margin-bottom:-0.5rem !important}.ml-lg-n2,.mx-lg-n2{margin-left:-0.5rem !important}.m-lg-n3{margin:-1rem !important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem !important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem !important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem !important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem !important}.m-lg-n4{margin:-1.5rem !important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem !important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem !important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem !important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem !important}.m-lg-n5{margin:-3rem !important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem !important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem !important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem !important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem !important}.m-lg-auto{margin:auto !important}.mt-lg-auto,.my-lg-auto{margin-top:auto !important}.mr-lg-auto,.mx-lg-auto{margin-right:auto !important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto !important}.ml-lg-auto,.mx-lg-auto{margin-left:auto !important}}@media(min-width: 1200px){.m-xl-0{margin:0 !important}.mt-xl-0,.my-xl-0{margin-top:0 !important}.mr-xl-0,.mx-xl-0{margin-right:0 !important}.mb-xl-0,.my-xl-0{margin-bottom:0 !important}.ml-xl-0,.mx-xl-0{margin-left:0 !important}.m-xl-1{margin:.25rem !important}.mt-xl-1,.my-xl-1{margin-top:.25rem !important}.mr-xl-1,.mx-xl-1{margin-right:.25rem !important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem !important}.ml-xl-1,.mx-xl-1{margin-left:.25rem !important}.m-xl-2{margin:.5rem !important}.mt-xl-2,.my-xl-2{margin-top:.5rem !important}.mr-xl-2,.mx-xl-2{margin-right:.5rem !important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem !important}.ml-xl-2,.mx-xl-2{margin-left:.5rem !important}.m-xl-3{margin:1rem !important}.mt-xl-3,.my-xl-3{margin-top:1rem !important}.mr-xl-3,.mx-xl-3{margin-right:1rem !important}.mb-xl-3,.my-xl-3{margin-bottom:1rem !important}.ml-xl-3,.mx-xl-3{margin-left:1rem !important}.m-xl-4{margin:1.5rem !important}.mt-xl-4,.my-xl-4{margin-top:1.5rem !important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem !important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem !important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem !important}.m-xl-5{margin:3rem !important}.mt-xl-5,.my-xl-5{margin-top:3rem !important}.mr-xl-5,.mx-xl-5{margin-right:3rem !important}.mb-xl-5,.my-xl-5{margin-bottom:3rem !important}.ml-xl-5,.mx-xl-5{margin-left:3rem !important}.p-xl-0{padding:0 !important}.pt-xl-0,.py-xl-0{padding-top:0 !important}.pr-xl-0,.px-xl-0{padding-right:0 !important}.pb-xl-0,.py-xl-0{padding-bottom:0 !important}.pl-xl-0,.px-xl-0{padding-left:0 !important}.p-xl-1{padding:.25rem !important}.pt-xl-1,.py-xl-1{padding-top:.25rem !important}.pr-xl-1,.px-xl-1{padding-right:.25rem !important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem !important}.pl-xl-1,.px-xl-1{padding-left:.25rem !important}.p-xl-2{padding:.5rem !important}.pt-xl-2,.py-xl-2{padding-top:.5rem !important}.pr-xl-2,.px-xl-2{padding-right:.5rem !important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem !important}.pl-xl-2,.px-xl-2{padding-left:.5rem !important}.p-xl-3{padding:1rem !important}.pt-xl-3,.py-xl-3{padding-top:1rem !important}.pr-xl-3,.px-xl-3{padding-right:1rem !important}.pb-xl-3,.py-xl-3{padding-bottom:1rem !important}.pl-xl-3,.px-xl-3{padding-left:1rem !important}.p-xl-4{padding:1.5rem !important}.pt-xl-4,.py-xl-4{padding-top:1.5rem !important}.pr-xl-4,.px-xl-4{padding-right:1.5rem !important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem !important}.pl-xl-4,.px-xl-4{padding-left:1.5rem !important}.p-xl-5{padding:3rem !important}.pt-xl-5,.py-xl-5{padding-top:3rem !important}.pr-xl-5,.px-xl-5{padding-right:3rem !important}.pb-xl-5,.py-xl-5{padding-bottom:3rem !important}.pl-xl-5,.px-xl-5{padding-left:3rem !important}.m-xl-n1{margin:-0.25rem !important}.mt-xl-n1,.my-xl-n1{margin-top:-0.25rem !important}.mr-xl-n1,.mx-xl-n1{margin-right:-0.25rem !important}.mb-xl-n1,.my-xl-n1{margin-bottom:-0.25rem !important}.ml-xl-n1,.mx-xl-n1{margin-left:-0.25rem !important}.m-xl-n2{margin:-0.5rem !important}.mt-xl-n2,.my-xl-n2{margin-top:-0.5rem !important}.mr-xl-n2,.mx-xl-n2{margin-right:-0.5rem !important}.mb-xl-n2,.my-xl-n2{margin-bottom:-0.5rem !important}.ml-xl-n2,.mx-xl-n2{margin-left:-0.5rem !important}.m-xl-n3{margin:-1rem !important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem !important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem !important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem !important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem !important}.m-xl-n4{margin:-1.5rem !important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem !important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem !important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem !important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem !important}.m-xl-n5{margin:-3rem !important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem !important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem !important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem !important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem !important}.m-xl-auto{margin:auto !important}.mt-xl-auto,.my-xl-auto{margin-top:auto !important}.mr-xl-auto,.mx-xl-auto{margin-right:auto !important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto !important}.ml-xl-auto,.mx-xl-auto{margin-left:auto !important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important}.text-justify{text-align:justify !important}.text-wrap{white-space:normal !important}.text-nowrap{white-space:nowrap !important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}@media(min-width: 576px){.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}.text-sm-center{text-align:center !important}}@media(min-width: 768px){.text-md-left{text-align:left !important}.text-md-right{text-align:right !important}.text-md-center{text-align:center !important}}@media(min-width: 992px){.text-lg-left{text-align:left !important}.text-lg-right{text-align:right !important}.text-lg-center{text-align:center !important}}@media(min-width: 1200px){.text-xl-left{text-align:left !important}.text-xl-right{text-align:right !important}.text-xl-center{text-align:center !important}}.text-lowercase{text-transform:lowercase !important}.text-uppercase{text-transform:uppercase !important}.text-capitalize{text-transform:capitalize !important}.font-weight-light{font-weight:300 !important}.font-weight-lighter{font-weight:lighter !important}.font-weight-normal{font-weight:400 !important}.font-weight-bold{font-weight:700 !important}.font-weight-bolder{font-weight:bolder !important}.font-italic{font-style:italic !important}.text-white{color:#fff !important}.text-primary{color:#ffa96a !important}a.text-primary:hover,a.text-primary:focus{color:rgb(255,124.8456375839,29.5) !important}.text-secondary{color:#6c757d !important}a.text-secondary:hover,a.text-secondary:focus{color:rgb(72.5407725322,78.5858369099,83.9592274678) !important}.text-success{color:#28a745 !important}a.text-success:hover,a.text-success:focus{color:rgb(25.2173913043,105.2826086957,43.5) !important}.text-info{color:#17a2b8 !important}a.text-info:hover,a.text-info:focus{color:rgb(14.5,102.1304347826,116) !important}.text-warning{color:#ffc107 !important}a.text-warning:hover,a.text-warning:focus{color:rgb(185.5,139.125,0) !important}.text-danger{color:#dc3545 !important}a.text-danger:hover,a.text-danger:focus{color:rgb(167.4810126582,29.0189873418,42.2848101266) !important}.text-light{color:#f8f9fa !important}a.text-light:hover,a.text-light:focus{color:rgb(203.375,210.75,218.125) !important}.text-dark{color:#2f2f2f !important}a.text-dark:hover,a.text-dark:focus{color:rgb(8.75,8.75,8.75) !important}.text-judo{color:#ffa96a !important}a.text-judo:hover,a.text-judo:focus{color:rgb(255,124.8456375839,29.5) !important}.text-judo2{color:#e96c43 !important}a.text-judo2:hover,a.text-judo2:focus{color:rgb(200.0857142857,67.05,23.4142857143) !important}.text-judo3{color:#f2f2f2 !important}a.text-judo3:hover,a.text-judo3:focus{color:hsl(0,0%,79.9019607843%) !important}.text-muted{color:gray !important}a.text-muted:hover,a.text-muted:focus{color:rgb(89.75,89.75,89.75) !important}.text-muted2{color:#e6e6e6 !important}a.text-muted2:hover,a.text-muted2:focus{color:hsl(0,0%,75.1960784314%) !important}.text-menu{color:rgba(47,47,47,.6) !important}a.text-menu:hover,a.text-menu:focus{color:rgba(8.75,8.75,8.75,.6) !important}.text-body{color:#212529 !important}.text-muted{color:#6c757d !important}.text-black-50{color:rgba(0,0,0,.5) !important}.text-white-50{color:hsla(0,0%,100%,.5) !important}.text-hide{font:0/0 a;color:rgba(0,0,0,0);text-shadow:none;background-color:rgba(0,0,0,0);border:0}.text-decoration-none{text-decoration:none !important}.text-break{word-break:break-word !important;word-wrap:break-word !important}.text-reset{color:inherit !important}.visible{visibility:visible !important}.invisible{visibility:hidden !important}@media print{*,*::before,*::after{text-shadow:none !important;box-shadow:none !important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap !important}pre,blockquote{border:1px solid #adb5bd;page-break-inside:avoid}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px !important}.container{min-width:992px !important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #dee2e6 !important}.table-dark{color:inherit}.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}.form-signin{width:100%;max-width:420px;padding:15px;margin:auto}.form-label-group{position:relative;margin-bottom:1rem}.form-label-group>input,.form-label-group>label{height:3.71rem;padding:1rem;padding-left:4rem;border-radius:.25rem;box-sizing:border-box}.form-label-group>img{position:absolute;left:.5rem;top:.5rem}.form-label-group>label{position:absolute;top:0;left:0;display:block;width:100%;margin-bottom:0;line-height:1.5;color:#495057;pointer-events:none;cursor:text;transition:all .1s ease-in-out}.field_with_errors{position:relative;margin-bottom:1rem}.field_with_errors .form-control{border-color:#dc3545}.field_with_errors .form-label-group .form-control{border-color:#dc3545}.field_with_errors .form-label-group label{color:#dc3545;font-size:12px;top:.25rem}.field_with_errors .form-label-group input{border-color:#dc3545;padding-top:1.25rem;padding-bottom:.25rem}.field_with_errors .error-message{color:#dc3545;font-size:12px;margin-top:.5rem}.form-label-group input::-moz-placeholder{color:rgba(0,0,0,0)}.form-label-group input::placeholder{color:rgba(0,0,0,0)}.form-label-group input:not(:-moz-placeholder-shown){padding-top:1.25rem;padding-bottom:.25rem}.form-label-group input:not(:placeholder-shown){padding-top:1.25rem;padding-bottom:.25rem}.form-label-group input:not(:-moz-placeholder-shown)~label{padding-top:.25rem;padding-bottom:.25rem;font-size:12px;color:#777}.form-label-group input:not(:placeholder-shown)~label{padding-top:.25rem;padding-bottom:.25rem;font-size:12px;color:#777}@supports(-ms-ime-align: auto){.form-label-group>label{display:none}.form-label-group input::-ms-input-placeholder{color:#777}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.form-label-group>label{display:none}.form-label-group input:-ms-input-placeholder{color:#777}}.additional-actions{display:flex;align-items:center;flex-direction:column;max-width:420px;padding:15px;margin:auto}.oauth-providers{display:flex;justify-content:center;flex-direction:column;width:100%;max-width:420px;padding:0 15px 15px;margin:0 auto}.provider__google,.provider__calendar{display:flex;align-items:center;background:#4285f4;color:#fff;width:100%;border-radius:.3rem;text-align:center;padding:0;height:32px}.provider__google span,.provider__calendar span{flex:1 1}.provider__google:hover,.provider__calendar:hover{color:#fff;text-decoration:none}.provider__calendar{display:inline-flex;border:#4285f4;padding:0 1rem 0 0;width:auto;height:32px}.provider__calendar img{height:32px !important}.provider__calendar.btn-danger{height:32px;border:1px solid #dc3545;color:#dc3545;background:rgba(0,0,0,0)}.provider__calendar.btn-danger:hover{background:#dc3545;color:#fff}.links-divider::before{content:" "}.icon{width:13px;height:13px;fill:#555}.white-icon .icon{fill:#fff}.gray-icon .icon{fill:#aaa}.sortable-row .highlight-icon .icon,.sortable-row .highlight-icon i{fill:#eee;color:#eee}.sortable-row:hover .highlight-icon .icon,.sortable-row:hover .highlight-icon i{fill:gray;color:gray}.sortable-placeholder{height:8em;line-height:8em;background:#ggg}p.description{margin-top:3px;margin-bottom:3px}.fw-job-button{width:110px}.mdl-chip__contact{outline:none}.simple-work-log{padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5}.simple-work-log p:last-child{margin:0}img.hero-image{position:relative}img.hero-image:after{display:block;position:absolute;top:-1px;left:0;width:100%;height:calc(100% + 2px);background-color:#fff;content:"";line-height:2em}.dataroom-item{font-size:1.2em;color:dimgray}.dataroom-item:hover .dataroom-item-title{text-decoration:underline;-webkit-text-decoration-color:orange;text-decoration-color:orange;cursor:pointer}input.in-place{margin-top:5px;margin-bottom:5px;width:100%;outline:none;border:none;border-bottom:1px solid #ddd;box-sizing:border-box}input.in-place:not(:disabled):hover{outline:none;border-bottom:1px solid green}input.in-place:focus{outline:none;border-bottom:1px solid green}textarea.in-place:focus{outline:none;border-radius:6px !important;border-bottom:none}.form-divider{font-size:1.2rem;margin-top:1rem;margin-bottom:.5rem;font-weight:bold;color:#6c757d !important}.form-message{color:#6c757d !important}.dollar-sign{position:absolute;left:15px;transform:translateY(35%);font-size:16px;color:#888;pointer-events:none}.money-input{padding-left:15px;width:100%}input[type=radio]{-webkit-appearance:radio !important;-moz-appearance:radio !important;appearance:radio !important;opacity:1 !important;position:static !important;display:inline-block !important;width:auto !important;height:auto !important;clip:auto !important}.droppable-hover{background-color:#ffa96a !important}textarea.textarea-autosize{height:2.25rem;min-height:2.25rem;resize:none;overflow-y:hidden}textarea.textarea-autosize.form-control-lg{height:3.75rem;min-height:3.75rem}textarea.textarea-autosize.form-control-sm{height:2rem;min-height:2rem}textarea.in-place{border:none !important;border-bottom:1px solid #ced4da !important;border-radius:0 !important;outline:none}textarea.in-place:hover{border-bottom:1px solid green !important}.inputGroup{display:block;margin:5px 0;position:relative}.inputGroup label{padding:12px 0px;width:100%;display:block;text-align:left;color:#3c454c;cursor:pointer;position:relative;z-index:2;transition:color 200ms ease-in;overflow:hidden}.inputGroup label:before{width:10px;height:10px;border-radius:50%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale3d(1, 1, 1);transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;z-index:-1}.inputGroup label:after{width:32px;height:32px;content:"";border:2px solid #d1d7dc;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z%27 fill=%27%23fff%27 fill-rule=%27nonzero%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:2px 3px;border-radius:50%;z-index:2;position:absolute;right:0px;top:50%;margin-right:10px;transform:translateY(-50%);cursor:pointer;transition:all 200ms ease-in}.inputGroup input.todo:checked~label{text-decoration:line-through}.inputGroup input.todo:checked~label:before{transform:translate(-50%, -50%) scale3d(56, 56, 1);opacity:1}.inputGroup input.todo:checked~label:after{background-color:#54e0c7;border-color:#54e0c7}.inputGroup input:checked~label:before{transform:translate(-50%, -50%) scale3d(56, 56, 1);opacity:1}.inputGroup input:checked~label:after{background-color:#54e0c7;border-color:#54e0c7}.inputGroup input{width:32px;height:32px;order:1;z-index:2;position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer;visibility:hidden}.horizontal-scroll{border-bottom:0;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;overflow-y:hidden}@media(max-width: 768px){.horizontal-scroll{width:100%}}.horizontal-scroll::-webkit-scrollbar{display:none}.nav-tabs>li.nav-item{float:none}.nav-tabs>li.nav-item>a{border-bottom:2px solid #ddd;color:#666}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border-bottom:0}.nav-tabs>li.active>a,.nav-tabs>li.nav-item>a:hover{background:rgba(0,0,0,0);color:#4285f4}.search{width:150px}div.results>a:hover{text-decoration:none}.job-users-container{display:flex;flex-direction:column;margin:0;padding:0}.job-user-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0;padding:.5rem 0;border-bottom:1px solid #eee}.job-user-row:last-child{border-bottom:none}.job-user-info{flex:1 1;min-width:200px}.job-user-access{flex:0 1;margin-left:1rem}.mdl-layout__drawer-right{display:flex;flex-direction:column;flex-wrap:nowrap;min-width:340px;max-width:600px;width:85%;height:100%;max-height:100%;position:absolute;top:0;right:-95%;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14),0 3px 1px -2px rgba(0, 0, 0, 0.2),0 1px 5px 0 rgba(0, 0, 0, 0.12);box-sizing:border-box;border-right:1px solid #e0e0e0;background:#fafafa;will-change:right;transition-duration:.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:right;color:#424242;overflow:hidden;overflow-y:auto;z-index:5}.active{right:0}.mdl-layout__obfuscator-right{background-color:transparent;position:absolute;top:0;left:0;height:100%;width:100%;z-index:4;visibility:hidden;transition-property:background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mdl-layout__drawer-right.active~.mdl-layout__obfuscator-right{background-color:rgba(0, 0, 0, 0.5);visibility:visible}.mdl-layout__drawer-right>.mdl-layout-title{line-height:56px;padding-left:16px}.badge-outline-primary{color:#405189;border:1px solid #405189}.badge-outline-secondary{color:#999;border:1px solid #999}.badge-outline-info{color:#3da5f4;border:1px solid #3da5f4}.badge-outline-danger{color:#f1536e;border:1px solid #f1536e}.badge-outline-success{color:#00c689;border:1px solid #00c689}.badge-outline-warning{color:#fda006;border:1px solid #fda006}.badge.badge-pill{border-radius:10rem}.check-circle{width:32px;height:32px;content:"";border:2px solid #d1d7dc;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z%27 fill=%27%23fff%27 fill-rule=%27nonzero%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:2px 3px;border-radius:50%;z-index:2;cursor:pointer;transition:all 200ms ease-in}.check-circle.done{background-color:#54e0c7;border-color:#54e0c7}.reaction-badge[data-badge]:after{top:-14px;right:-9px}.reaction-badge.inactive[data-badge]:after{display:none;background:gray}.reaction-badge[data-badge]:after{top:-14px;right:-9px}.reaction{font-size:24px;line-height:1.2em;cursor:pointer}.recent-item::after{width:5px !important;height:5px !important}.worklog-row .recent-item::after{top:-8px}.jobrow .recent-item::after{top:-5px !important}.typing-indicator{display:flex;align-items:center}.typing-indicator .mdl-chip__contact:last-of-type{margin-right:1rem !important}.dot-flashing{position:relative;width:10px;height:10px;border-radius:5px;background-color:#ffa96a;color:#ffa96a;animation:dot-flashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing::before,.dot-flashing::after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing::before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#ffa96a;color:#ffa96a;animation:dot-flashing 1s infinite alternate;animation-delay:0s}.dot-flashing::after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#ffa96a;color:#ffa96a;animation:dot-flashing 1s infinite alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:#ffa96a}50%,100%{background-color:rgba(255,169,106,.2)}}.assistant-drawer>.mdl-layout__drawer-button{display:none}.assistant-chat .typing-indicator .mdl-chip__contact,.assistant-chat .typing-indicator img{width:3.5rem !important;height:3.5rem !important;border-radius:50%}.assistant-chat .typing-indicator:not(:empty){margin-bottom:.5rem}.chat .message{display:grid !important;align-items:flex-end;margin-bottom:1rem;grid-template-columns:50px 1fr;grid-gap:0;gap:0}.chat .message p:last-child{margin-bottom:0}.chat .message .message-content{padding:1rem 1.7rem;background:#f2f2f2;border-radius:1.79rem 2.14rem 2.14rem 0rem;color:#2f2f2f}.chat .message .mdl-chip__contact,.chat .message img,.chat .message .user-avatar{border-radius:50%}.chat .message .provider__calendar img{height:32px !important;width:auto !important;padding-right:8px}.chat .message.assistant .message-content,.chat .message.user_only .message-content{margin-left:.5rem}.chat .message.debug{grid-template-columns:1fr}.chat .message.user{grid-template-columns:1fr 56px !important}.chat .message.user>div[data-controller=user-avatar]{order:2 !important;margin-right:0 !important;margin-left:.5rem !important}.chat .message.user>span,.chat .message.user>img{order:2 !important;margin-right:0 !important;margin-left:.5rem !important}.chat .message.user .mdl-chip__contact{margin-right:0 !important;margin-left:.5rem;line-height:3.5rem;font-size:2rem}.chat .message.user img,.chat .message.user span.user-avatar{margin-right:0 !important;margin-left:0}.chat .message.user .message-content{order:1 !important;border-radius:2.14rem 1.79rem 0rem 2.14rem;margin-right:.5rem !important;margin-left:0 !important;background:#ffa96a;color:#fff;min-width:200px;word-wrap:break-word;overflow-wrap:break-word}.assistant-chat .form-control{padding:1rem 1.7rem;border-radius:2.14rem 1.79rem 0rem 2.14rem}.assistant-chat .form-control::-moz-placeholder{color:#a9a9a9}.assistant-chat .form-control::placeholder{color:#a9a9a9}#assistant-modal .chat .message.user{grid-template-columns:minmax(200px, 1fr) 56px !important}#assistant-modal .chat .message.user>div[data-controller=user-avatar]{order:2 !important;margin-right:0 !important;margin-left:.5rem !important}#assistant-modal .chat .message.user>span,#assistant-modal .chat .message.user>img{order:2 !important;margin-right:0 !important;margin-left:.5rem !important}#assistant-modal .chat .message.user .message-content{order:1 !important;max-width:none;width:auto;min-width:200px;margin-right:.5rem !important;margin-left:0 !important}@media(max-width: 768px){#assistant-modal .chat .message.user{grid-template-columns:minmax(150px, 1fr) 50px}#assistant-modal .chat .message.user .message-content{min-width:150px}}.chat-list>div{display:grid;grid-template-columns:4rem 1fr;padding:.8rem 2rem;border-bottom:1px solid #f0f0f0}.chat-list>div:hover{background-color:rgba(255,169,106,.25);border-radius:16px}.chat-list>div.item-selected{outline:2px solid #ffa96a;outline-offset:2px;border-radius:16px;background-color:rgba(255,169,106,.18)}.chat-list>div>.mdl-chip__contact,.chat-list>div>img,.chat-list>div .user-avatar{border-radius:100%;margin:0 !important}.chat-list>div>.mdl-chip__contact{line-height:3.64rem}.chat-list a:hover{text-decoration:none}.chat-list .chat-list__content{margin-left:1.7rem;color:rgba(0,0,0,.6);font-size:.85rem;display:grid;min-height:60px;grid-template-columns:3fr 1fr}.chat-list .chat-list__content>div{display:flex;flex-direction:column;justify-content:space-around}.chat-list .chat-list__message>.speaker{color:#000;font-size:1.15rem}.chat-list .chat-list__info{align-items:flex-end}.chat-list .chat-list__info>span{color:#898a8d;font-size:.85rem}.add-sub-list-btn{opacity:0;transition:opacity .2s ease-in-out}.toggle-sub-lists-btn{opacity:1;transition:opacity .2s ease-in-out}.collection-item-container>.list-group-item:hover .add-sub-list-btn{opacity:1 !important}.sub-collections-container{pointer-events:auto}.sub-collections-container .collection-item-container>.list-group-item:hover .add-sub-list-btn{opacity:1 !important}.sub-collections-container .collection-item-container .list-group-item{padding-left:2rem !important;border:1px solid #dee2e6 !important;border-top:0 !important;margin:0 !important}.sub-collections-container .sub-collections-container .collection-item-container .list-group-item{padding-left:4rem !important}.sub-collections-container .sub-collections-container .sub-collections-container .collection-item-container .list-group-item{padding-left:6rem !important}.sub-collections-container .sub-collections-container .sub-collections-container .sub-collections-container .collection-item-container .list-group-item{padding-left:8rem !important}.list-group-item{border-bottom:1px solid #dee2e6 !important;margin-bottom:0 !important}.collection-item-container+.collection-item-container .list-group-item{border-top:0 !important}.refresh-lists-btn:hover{opacity:1 !important}.refresh-lists-btn:hover .material-icons{color:#007bff !important}.add-sub-list-btn:hover .material-icons,.toggle-sub-lists-btn:hover .material-icons,.toggle-dataroom-children-btn:hover .material-icons{color:#007bff !important}.sub-collections-container .list-group-item.active{color:#333 !important;background-color:#fff !important;border-color:#ddd !important;border-left:2px solid #3f51b5 !important;padding-left:calc(2rem - 1px) !important}.sub-collections-container .sub-collections-container .list-group-item.active{padding-left:calc(4rem - 1px) !important}.sub-collections-container .sub-collections-container .sub-collections-container .list-group-item.active{padding-left:calc(6rem - 1px) !important}.sub-collections-container .sub-collections-container .sub-collections-container .sub-collections-container .list-group-item.active{padding-left:calc(8rem - 1px) !important}.list-group-item.active{color:#333;background-color:#fff;border-color:#ddd;border-left:2px solid #3f51b5;padding-left:16.5px}.add-sub-list-btn:hover .material-icons,.toggle-sub-lists-btn:hover .material-icons,.toggle-dataroom-children-btn:hover .material-icons{color:#007bff !important}.toggle-dataroom-children-btn{opacity:1;transition:opacity .2s ease-in-out}.list-group-item{margin-bottom:0;border-bottom-width:1px}.list-group-item+.list-group-item{border-top-width:0}.sortable-children-container .dataroom-item{padding-left:2rem !important}.sortable-children-container .sortable-children-container .dataroom-item{padding-left:4rem !important}.sortable-children-container .sortable-children-container .sortable-children-container .dataroom-item{padding-left:6rem !important}.sortable-children-container .sortable-children-container .sortable-children-container .sortable-children-container .dataroom-item{padding-left:8rem !important}.input{@apply appearance-none block w-full bg-gray-100 text-gray-700 border border-gray-300 rounded py-3 px-4 leading-tight}.input:focus{@apply outline-none bg-white border-gray-400}.label{@apply block text-gray-700 text-sm font-bold mb-2}.select{@apply appearance-none py-3 px-4 pr-8 block w-full bg-gray-100 border border-gray-300 text-gray-700 rounded leading-tight;-webkit-appearance:none}.select:focus{@apply outline-none bg-white border-gray-400}.dropzone{border:1px dashed #ccc;border-radius:.5rem}.dropzone.dz-drag-hover{border:1px solid #ffa96a}.dropzone.dz-drag-hover .dz-message{opacity:.9}.text-search-container{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 16px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.text-search-input{flex:1 1;min-width:200px;padding:4px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.text-search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px rgba(33, 150, 243, 0.2)}.text-search-results{font-size:12px;color:#666;min-width:80px;text-align:center}.text-search-nav{display:flex;grid-gap:4px;gap:4px}.text-search-nav button{padding:4px 8px;border:1px solid #ccc;background:white;border-radius:4px;cursor:pointer;font-size:12px;min-width:24px}.text-search-nav button:hover:not(:disabled){background-color:#f0f0f0}.text-search-nav button:disabled{opacity:.5;cursor:not-allowed}.text-search-clear{padding:4px 8px;border:1px solid #ccc;background:white;border-radius:4px;cursor:pointer;font-size:12px}.text-search-clear:hover{background-color:#f0f0f0}.search-highlight{background-color:#ffeb3b;padding:1px 2px;border-radius:2px}.search-highlight-current{background-color:#ff9800;box-shadow:0 0 0 1px #f57c00}.text-viewer-content{position:relative}.mdl-data-table th{cursor:pointer;position:relative}.mdl-data-table th.sort-asc::after,.mdl-data-table th.sort-desc::after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);border:5px solid transparent}.mdl-data-table th.sort-asc::after{border-bottom-color:black}.mdl-data-table th.sort-desc::after{border-top-color:black}.mdl-data-table{white-space:normal !important}.mdl-data-table td,.mdl-data-table th{padding-left:12px !important;padding-right:12px !important}.mdl-data-table td:first-child,.mdl-data-table th:first-child{padding-left:6px}.mdl-data-table td:last-child,.mdl-data-table th:last-child{padding-right:6px}#onboarding_container{position:relative;border-top:5px solid green;margin-top:-5px}.highlight-stripe-yellow{border-top:5px solid transparent;background:transparent;animation:fadeInBackground .5s ease forwards;margin-top:-5px}@keyframes fadeInBackground{from{border-top-color:transparent;background:transparent}to{border-top-color:gold;background:lightyellow}}.onboarding-cta{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.scrim{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:10;pointer-events:none}.social-btn{padding:0 12px;border:1px solid #c2c8d0;border-radius:6px;font-size:14px;background-color:#fff;height:52px;color:gray;margin-bottom:8px;display:flex;align-items:center;justify-content:center;outline:0;cursor:pointer;transition:box-shadow .15s ease-in-out,background-color .15s ease-in-out}.social-btn:link{text-decoration:none}.social-logo-wrapper{margin-right:10px;display:flex;align-items:center}.social-text{text-align:center}.social-btn:hover{box-shadow:inset 0 0 0 150px rgba(0,0,0,.1019607843)}.social-logo{width:20px;height:20px;display:inline-block}.social-text{text-align:center;position:relative}.error-message{display:block;padding:10px;margin-top:10px;margin-bottom:10px;border-radius:4px;line-height:1.5;text-align:center}.error-message i{margin-right:8px;vertical-align:middle}.modal-scrim{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);z-index:1050;display:none;border:none;padding:0;margin:0;pointer-events:all}.subscription-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.stripe-card-container{max-width:400px;border:1px solid #ccc;border-radius:8px;padding:1rem}.stripe-input-container{border-bottom:1px solid #ccc;padding:5px 0}.stripe-input-container:focus-within{border-bottom:1px solid #007bff}.pricing-options-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));grid-gap:1rem;gap:1rem;align-items:stretch}.pricing-option{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ddd;border-radius:8px;padding:1rem;background:#f9f9f9;text-align:center;height:100%;max-width:100%}.pricing-option:hover{border-color:#008cff;background:#e6f7ff}.card-body{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.list-unstyled{margin:1rem 0;text-align:left;flex-grow:1}.actions{margin-top:1.5rem}.btn-judo{color:#fff}.pricing-toggle-container{display:inline-flex;align-items:center;justify-content:center}.feature-item{display:grid;grid-template-columns:auto 1fr;align-items:flex-start;margin-bottom:5px}.check-icon{grid-column:1;align-self:flex-start}.feature-text-wrapper{grid-column:2;margin-left:20px;display:flex;flex-direction:column}.feature-text{margin-left:-20px}.in_place_form{margin-left:-10px;margin-right:-10px}.in_place_form textarea{color:rgba(0, 0, 0, 0.54);border:none !important;outline:none}.control-plane-message{opacity:.5;transition:opacity .2s}.control-plane-message:hover{opacity:1}.shared-users>*:not(:first-child){margin-left:-10px !important}.skeleton{background-color:#e0e0e0;border-radius:4px;margin-bottom:10px;animation:shimmer 1.2s infinite;background-image:linear-gradient(90deg, #e0e0e0 0px, #f5f5f5 40px, #e0e0e0 80px);background-size:600px 100%;background-repeat:no-repeat}.skeleton-title{height:20px;width:60%}.skeleton-text{height:14px;width:100%}.skeleton-text.short{width:80%}@keyframes shimmer{0%{background-position:-600px 0}100%{background-position:600px 0}}.assistant-fab{box-shadow:0 4px 8px rgba(0,0,0,.3);transition:all .3s ease}.assistant-fab:hover{transform:scale(1.1);box-shadow:0 6px 12px rgba(0,0,0,.4)}.assistant-fab:focus{outline:none}.assistant-fab .material-icons{font-size:28px;color:#fff}#assistant-modal-content{padding:.5rem}#assistant-modal{z-index:1055 !important;position:fixed;top:56px;overflow:visible;align-items:flex-start;justify-content:flex-start;padding:0;background-color:rgba(0,0,0,0);transition:background-color .3s ease}#assistant-modal.show{display:flex !important;background-color:rgba(0,0,0,.5)}#assistant-modal .modal-dialog{animation:slideInUp .3s ease-out;margin:0;max-width:850px;width:450px;min-height:300px;position:absolute;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;min-width:400px;min-height:300px;max-width:95vw}#assistant-modal .modal-dialog.dragging{box-shadow:0 20px 60px rgba(0,0,0,.4);transform:scale(1.02);transition:none}#assistant-modal .modal-content{border-radius:12px;border:none;box-shadow:0 10px 40px rgba(0,0,0,.2);height:100%;display:flex;flex-direction:column}#assistant-modal .modal-header{border-bottom:1px solid #e9ecef;padding:12px 20px;background:linear-gradient(135deg, #FFA96A 0%, #E96C43 100%);color:#fff;border-radius:12px 12px 0 0;flex-shrink:0;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;pointer-events:auto}#assistant-modal .modal-header .close{color:#fff;opacity:.8;font-size:24px;line-height:1;padding:0;margin:0;background:none;border:none;cursor:pointer}#assistant-modal .modal-header .close:hover{opacity:1;transform:scale(1.1)}#assistant-modal .modal-header .mdl-button--icon{color:#fff;margin:0;padding:4px}#assistant-modal .modal-header .mdl-button--icon .material-icons{color:#fff !important}#assistant-modal .modal-header .mdl-button--icon:hover{color:#fff;background-color:hsla(0,0%,100%,.1);border-radius:50%}#assistant-modal .modal-body{flex:1 1;overflow-y:hidden;padding:0;min-height:0;background-color:#fafafa;display:flex;flex-direction:column}#assistant-modal .assistant-chat-modal{background:#fff;flex:1 1;display:flex;flex-direction:column;max-width:100%;overflow:visible}#assistant-modal .assistant-chat-content{flex:1 1;padding:16px 20px;min-height:0;display:flex;flex-direction:column;overflow:visible;height:100%}#assistant-modal .assistant-chat{margin:0;padding:0;display:flex !important;flex-direction:column;height:100%;min-height:0}#assistant-modal .assistant-chat.row{margin-left:0;margin-right:0}#assistant-modal .assistant-chat .col{margin:0;padding:0;flex:1 1;display:flex;flex-direction:column;height:100%;min-height:0;word-wrap:break-word;overflow-wrap:break-word}#assistant-modal .assistant-chat .chat{flex:1 1;overflow-y:auto;overflow-x:hidden;margin:0;padding:8px 4px 16px 0;height:0;min-height:100px;max-height:none}#assistant-modal .assistant-chat .chat::-webkit-scrollbar{width:8px}#assistant-modal .assistant-chat .chat::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}#assistant-modal .assistant-chat .chat::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}#assistant-modal .assistant-chat .chat::-webkit-scrollbar-thumb:hover{background:#a8a8a8}#assistant-modal .assistant-chat .row{margin:0;flex-shrink:0}#assistant-modal .assistant-chat .row .col{padding:0 8px;margin:0}#assistant-modal .assistant-chat .form-control{margin:8px 4px;padding:1rem 1.7rem;border-radius:2.14rem 1.79rem 0rem 2.14rem;border:2px solid rgba(0,0,0,0);max-width:calc(100% - 8px)}#assistant-modal .assistant-chat .form-control:focus{box-shadow:0 0 0 2px rgba(255,169,106,.5);border-color:rgba(255,169,106,.8);outline:none}#assistant-modal .assistant-chat .form-control::-moz-placeholder{color:#a9a9a9}#assistant-modal .assistant-chat .form-control::placeholder{color:#a9a9a9}#assistant-modal .chat .message{flex-shrink:0;margin-right:8px}#assistant-modal .message.debug,#assistant-modal .control-plane-message{font-size:.9em;background-color:#f8f9fa;border-left:3px solid #6c757d;padding:.5rem;margin:.5rem 0;border-radius:4px;opacity:.8}#assistant-modal .control-plane-message{display:none}#assistant-modal .control-plane-message pre{background-color:#f1f3f4;padding:.5rem;border-radius:4px;font-size:.9em;max-height:200px;overflow-y:auto;word-wrap:break-word;white-space:pre-wrap}#assistant-modal .tw-card{margin:0;box-shadow:none;background:rgba(0,0,0,0)}#assistant-modal .mdl-card__title{display:none}#assistant-modal .mdl-card__supporting-text{padding:16px 24px}@keyframes slideInUp{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width: 768px){.assistant-fab{right:20px !important;bottom:20px !important}.workspace-fab-offset .assistant-fab{bottom:90px !important}#assistant-modal .modal-dialog{margin:10px;max-width:calc(100vw - 40px);max-height:calc(100vh - 20px);height:auto;min-height:400px;right:30px;left:10px;width:auto}#assistant-modal .modal-content{border-radius:8px}#assistant-modal .modal-header{padding:16px 20px 12px;border-radius:8px 8px 0 0}#assistant-modal .chat .message{margin-right:4px}}.modal{display:none !important}.modal.show{display:block !important}.modal-open{overflow:hidden}#assistant-modal .modal-dialog::after{content:"";position:absolute;bottom:0;right:0;width:14px;height:14px;background:linear-gradient(-45deg, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.2) 30%, transparent 30%, transparent 45%, rgba(0, 0, 0, 0.2) 45%, rgba(0, 0, 0, 0.2) 50%, transparent 50%, transparent 65%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0.2) 70%, transparent 70%);cursor:nw-resize;pointer-events:auto;z-index:1000;border-radius:0 0 12px 0}#assistant-modal .modal-dialog:hover::after{background:linear-gradient(-45deg, transparent 0%, transparent 25%, rgba(0, 0, 0, 0.4) 25%, rgba(0, 0, 0, 0.4) 30%, transparent 30%, transparent 45%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0.4) 50%, transparent 50%, transparent 65%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0.4) 70%, transparent 70%)}.admin-view .control-plane-message,body.admin .control-plane-message{display:block}.debug-hidden .control-plane-message{display:none !important}.control-plane-message pre{background-color:#f1f3f4;padding:.5rem;border-radius:4px;font-size:.9em;max-height:200px;overflow-y:auto;word-wrap:break-word;white-space:pre-wrap}.debug-toggle-container{display:flex;align-items:center;margin-right:12px}.debug-toggle-label{font-size:12px;margin-right:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}#assistant-modal .debug-toggle-label{color:#fff}#assistant-modal .debug-toggle{background:hsla(0,0%,100%,.3)}#assistant-modal .debug-toggle:hover{background:hsla(0,0%,100%,.4)}#assistant-modal .debug-toggle.active{background:hsla(0,0%,100%,.8);border-color:hsla(0,0%,100%,.8)}.tw-card .debug-toggle-label{color:#374151}.debug-toggle{position:relative;width:3rem;height:1.5rem;border-radius:1.5rem;cursor:pointer;transition:all .3s ease;border:none;padding:0;flex-shrink:0}#assistant-modal .debug-toggle{background:hsla(0,0%,100%,.3)}#assistant-modal .debug-toggle:hover{background:hsla(0,0%,100%,.4)}#assistant-modal .debug-toggle.active{background:hsla(0,0%,100%,.8)}.tw-card .debug-toggle{background:#e5e7eb;border:1px solid #d1d5db}.tw-card .debug-toggle:hover{background:#f3f4f6}.tw-card .debug-toggle.active{background:#3b82f6;border-color:#3b82f6}.debug-toggle::after{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.3)}.debug-toggle.active::after{transform:translateX(1.5rem)}.card.tw-card{border-radius:12px !important;box-shadow:none !important;border:1px solid #e0e0e0 !important;overflow:visible !important;background-color:theme("colors.base.100", #fff)}.card.tw-card .card-title{font-size:18px !important;font-weight:500 !important;letter-spacing:0}.card.tw-card .card-body{padding-bottom:.5rem}.card.tw-card .card-actions{border-top:1px solid #e0e0e0;padding-top:1rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:1rem}.toggle{appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;background:#d1d5db !important;border:none !important;border-radius:9999px !important;cursor:pointer !important;display:inline-block !important;height:1.5rem !important;width:3rem !important;position:relative !important;transition:background-color .2s ease-in-out !important;vertical-align:middle !important}.toggle:checked{background:#3b82f6 !important}.toggle.toggle-primary:checked{background:#3b82f6 !important}.toggle::after{content:"" !important;position:absolute !important;top:2px !important;left:2px !important;width:1.25rem !important;height:1.25rem !important;background:#fff !important;border-radius:50% !important;transition:transform .2s ease-in-out !important;transform:translateX(0) !important;box-shadow:0 1px 3px rgba(0,0,0,.1) !important}.toggle:checked::after{transform:translateX(1.5rem) !important}a.flex.items-center,a[class*=btn],a[class*=button],.card-actions a,a[data-controller*=app-installation],.card .card-actions a,.tw-card .card-actions a,a.text-primary.uppercase,a.flex.gap-2{text-decoration:none !important}a.flex.items-center:hover,a.flex.items-center:focus,a.flex.items-center:active,a.flex.items-center:visited,a.flex.items-center:link,a[class*=btn]:hover,a[class*=btn]:focus,a[class*=btn]:active,a[class*=btn]:visited,a[class*=btn]:link,a[class*=button]:hover,a[class*=button]:focus,a[class*=button]:active,a[class*=button]:visited,a[class*=button]:link,.card-actions a:hover,.card-actions a:focus,.card-actions a:active,.card-actions a:visited,.card-actions a:link,a[data-controller*=app-installation]:hover,a[data-controller*=app-installation]:focus,a[data-controller*=app-installation]:active,a[data-controller*=app-installation]:visited,a[data-controller*=app-installation]:link,.card .card-actions a:hover,.card .card-actions a:focus,.card .card-actions a:active,.card .card-actions a:visited,.card .card-actions a:link,.tw-card .card-actions a:hover,.tw-card .card-actions a:focus,.tw-card .card-actions a:active,.tw-card .card-actions a:visited,.tw-card .card-actions a:link,a.text-primary.uppercase:hover,a.text-primary.uppercase:focus,a.text-primary.uppercase:active,a.text-primary.uppercase:visited,a.text-primary.uppercase:link,a.flex.gap-2:hover,a.flex.gap-2:focus,a.flex.gap-2:active,a.flex.gap-2:visited,a.flex.gap-2:link{text-decoration:none !important;-webkit-text-decoration-line:none !important;text-decoration-line:none !important}a[class*=flex][class*=items-center]{text-decoration:none !important}a[class*=flex][class*=items-center]:hover,a[class*=flex][class*=items-center]:focus,a[class*=flex][class*=items-center]:active,a[class*=flex][class*=items-center]:visited,a[class*=flex][class*=items-center]:link{text-decoration:none !important;-webkit-text-decoration-line:none !important;text-decoration-line:none !important}html{scroll-behavior:smooth}html,body{height:100%;margin:0;padding:0}body{background-color:#fff;margin:0 !important;padding:0 !important}#page-content{background-color:#fcfcfc}#header{background-color:#fff;border-bottom:2px solid #888}.widescreen-padding{padding-left:150px;padding-right:150px}.border-padding{padding-left:15px;padding-right:15px}.no-margin{margin-left:0px !important;margin-right:0px !important}.no-padding{padding-left:0px !important;padding-right:0px !important}.page-title-strip{padding:20px 30px;border-bottom:1px solid #ccc;margin-bottom:20px}.page-title{margin-left:0;font-size:34px;font-weight:bold}.page-subtitle{margin:5px 0 0;font-size:20px;color:#666}header .mdl-layout__header-row{padding-left:0px !important}header .mdl_navigation{padding-left:0px !important;margin-left:-125px !important}header .mdl_navigation{margin-left:0px !important;padding-left:0px !important}body.has-footer .mdl-layout{min-height:100vh;display:flex;flex-direction:column}body.has-footer .mdl-layout__content{min-height:calc(100vh - 64px);flex:1 0 auto}body.has-footer #page-content{flex:1 0 auto}.mdl-mini-footer{position:static !important;bottom:auto !important;left:auto !important;right:auto !important;width:100% !important;height:64px !important;min-height:64px !important;flex:0 0 auto;display:flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;margin-top:0 !important;background-color:#2c2c2c !important;color:#fff !important;padding:0 !important;margin:0 !important}.mdl-mini-footer .mld-mini-footer__left-section{display:none !important}.mdl-mini-footer .mld-mini-footer__middle-section{width:100% !important;margin:0 !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important}.mdl-mini-footer .mdl-mini-footer__link-list{margin:0 !important;padding:0 !important;display:flex !important;grid-gap:20px !important;gap:20px !important;list-style:none !important;align-items:center !important}.mdl-mini-footer .mdl-mini-footer__link-list li{margin:0 !important;padding:0 !important}.mdl-mini-footer .mdl-mini-footer__link-list a{color:#fff !important;text-decoration:none !important;font-size:14px !important}.mdl-mini-footer .mdl-mini-footer__link-list a:hover{text-decoration:underline !important;color:#ccc !important}.ml-auto .dropdown-menu{left:auto !important;right:0px}.mdl-list__item:hover{background:#eee}.mdl-layout-title a:hover{text-decoration:none}.mdl-navigation__link:hover{text-decoration:none}.mdl-layout__drawer.is-visible{width:350px;left:0}.mdl-menu__container,.mdl-menu{border-radius:8px !important;overflow:hidden !important;box-shadow:0 4px 12px rgba(0,0,0,.15) !important}.mdl-menu__outline{border-radius:8px !important}.dropdown-menu{border-radius:8px !important;box-shadow:0 4px 12px rgba(0,0,0,.15) !important}.mdl-navigation{padding-top:0px !important;grid-gap:0px;gap:0px}header .mdl-navigation__link{text-transform:uppercase;font-size:larger;position:relative;color:#ffa96a !important;transition:color .3s ease}header .mdl-navigation__link.active{text-transform:uppercase;position:relative;color:#fff !important}header .mdl-navigation__link.active::after{content:"";position:absolute;left:0;bottom:0px;width:100%;height:2px;background-color:#fff}header .mdl-navigation__link:hover{color:#fff !important;text-decoration:none}header .mdl-navigation__link:hover::after{content:"";position:absolute;left:0;bottom:0px;width:100%;height:2px;background-color:#fff;transition:background-color .3s ease}.list-group-item.active{color:#333;background-color:#fff;border-color:#ddd;border-left:2px solid #3f51b5;padding-left:16.5px}.btn-judo{color:#fff;background:#ffa96a;line-height:1}.btn-judo:hover{color:#fff}.btn-google{color:gray;outline:1px solid #ffa96a;background:#fff;line-height:1}.btn-google:hover{color:#000}.provider__google img{height:28px !important;width:auto !important;padding-right:8px}.mdl-button{text-decoration:none !important}.fixed.add-button{position:fixed;right:20px;bottom:20px;z-index:1000}.fixed.add-button:focus{outline:none}.landing-button{min-width:-moz-max-content;min-width:max-content;width:auto;flex-grow:1;text-align:center}.link{color:#ffa96a !important;cursor:pointer}.link:hover{color:#e96c43 !important;text-decoration:underline;cursor:pointer;transition:color .3s ease}p{margin:2 0 2 0}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}pre{text-wrap:wrap;background-color:#f4f4f4;color:#333;padding:15px;border-radius:5px;font-family:"Courier New",Courier,monospace;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto;font-size:14px}pre code{display:block;padding:10px;background-color:#fff;border-radius:3px}.modal-title{font-size:1.25rem;font-weight:600;margin:0;line-height:1.4;color:inherit}.user-avatar{flex-shrink:0;width:30px;height:30px;min-width:30px;min-height:30px;-o-object-fit:cover;object-fit:cover}.flash.alert:empty{display:none}.vertical-center{margin-top:auto;margin-bottom:auto}.ellipsis{overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis}.gutter-item{margin-left:8px}.gutter-between>*+*{margin-left:12px}.gutter-vertical>*+*{margin-top:12px}.grow{width:100%}.shrink{white-space:nowrap}.wrappable{white-space:normal;word-wrap:break-word;word-break:break-word}.bold{font-weight:bold}.outline-none{outline:none}.animate{opacity:0;transition:opacity 1s}.fade-out{display:block;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:48px;max-height:var(--fade-out-height, 48px)}.fade-out::after{content:"";position:absolute;height:48px;height:var(--fade-out-height, 48px);bottom:0;left:0;right:0;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);z-index:10}.non-clickable{pointer-events:none;background-color:inherit}.non-clickable:hover{background-color:inherit}.hover-underline:hover{text-decoration:underline;cursor:pointer}.text-with-tooltip{position:relative;display:inline-block}.text-with-tooltip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-image:radial-gradient(circle, currentColor 1px, transparent 1px);background-size:5px 1px;background-repeat:repeat-x}.instructional-container{display:none}.instructional-message{font-size:16px;color:#666;margin-top:20px}.lazyload{min-height:47px}.search input{width:100%}.results .content{display:flex;align-items:center}.centered-table td,.centered-table th{text-align:center !important;vertical-align:middle !important}table thead.hide-empty{display:none}table:has(tbody tr) thead.hide-empty{display:table-header-group}.last-note{padding:10px;width:100%;border:1px solid #bbb;border-radius:15px;-moz-border-radius:15px;display:flex;align-items:center;grid-gap:8px;gap:8px}.mdl-switch{height:auto !important}.mdl-switch__label{color:gray;font-size:small}.mdl-tooltip{border-radius:8px !important}.judo-progress{border-radius:4px !important;width:100%;table-layout:fixed}.judo-progress td{padding:4px 0;text-align:center;font-size:.95em;border-radius:0;height:32px;vertical-align:middle}.judo-progress td:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.judo-progress td:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.judo-progress td.done{background-color:#ffa96a;color:#fff}.judo-progress td.verified{background-color:green;color:#fff}.judo-progress td.incomplete{background-color:gray;color:#fff}@keyframes pulse{0%{transform:scale(0);opacity:0}50%{transform:scale(0.99)}100%{transform:scale(1);opacity:1;visibility:visible}}@keyframes disappearKeyframes{0%{opacity:1}100%{opacity:0}}.disappear{animation:disappearKeyframes 2s forwards;animation-delay:1s;transition:visibility 2s}@media(max-width: 768px){.mobile-hidden{display:none}}@media(max-width: 1200px){.widescreen-padding{padding-left:15px;padding-right:15px}}@media print{.no-print{display:none}.fade-out{max-height:inherit}}.checklist-filter .filter-button[data-filter=all]:hover:not(.active):not(:disabled){background-color:#fff7ed;border-color:#f97316;color:#f97316}.checklist-filter .filter-button[data-filter=all]:hover:not(.active):not(:disabled) .material-icons{color:#f97316}.checklist-filter .filter-button.count-may-be-stale{position:relative}.checklist-filter .filter-button.count-may-be-stale::after{content:"•";position:absolute;top:-2px;right:-2px;color:#ffc107;font-size:12px;line-height:1}[data-workflow-state]{transition:all .3s ease}[data-workflow-state][style*="display: none"]{opacity:0;height:0 !important;margin:0 !important;padding:0 !important;border:none !important;overflow:hidden}#checklist-container .tw-card{transition:min-height .3s ease}#checklist-container .tw-card .mdl-card__supporting-text{transition:all .3s ease}.hover-card{transition:box-shadow .3s ease,transform .2s ease !important}.hover-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15) !important;transform:translateY(-2px) !important}.card-link{text-decoration:none !important;color:inherit !important}.card-link:hover{text-decoration:none !important;color:inherit !important}.item-selected{outline:1px solid #ffa96a !important;outline-offset:2px !important;border-radius:8px !important;transition:none !important}a.flex,a[class*=btn],a[class*=button]{text-decoration:none !important}a.flex:hover,a.flex:focus,a.flex:active,a.flex:visited,a.flex:link,a[class*=btn]:hover,a[class*=btn]:focus,a[class*=btn]:active,a[class*=btn]:visited,a[class*=btn]:link,a[class*=button]:hover,a[class*=button]:focus,a[class*=button]:active,a[class*=button]:visited,a[class*=button]:link{text-decoration:none !important}.card-actions a,.tw-card .card-actions a{text-decoration:none !important}.card-actions a:hover,.card-actions a:focus,.card-actions a:active,.card-actions a:visited,.card-actions a:link,.tw-card .card-actions a:hover,.tw-card .card-actions a:focus,.tw-card .card-actions a:active,.tw-card .card-actions a:visited,.tw-card .card-actions a:link{text-decoration:none !important} /*# sourceMappingURL=application-54045444.css.map*/