diff --git a/.gitignore b/.gitignore index 49ed185..fa3ce6b 100644 --- a/.gitignore +++ b/.gitignore @@ -8,4 +8,4 @@ src/.sass-cache/ .idea -.temp \ No newline at end of file +.temp diff --git a/dist/404.html b/dist/404.html new file mode 100644 index 0000000..60ef8d2 --- /dev/null +++ b/dist/404.html @@ -0,0 +1,88 @@ + + + + + + + + + Material Dashboard Lite + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/dist/charts.html b/dist/charts.html new file mode 100644 index 0000000..63061f3 --- /dev/null +++ b/dist/charts.html @@ -0,0 +1,484 @@ + + + + + + + + + + Material Dashboard Lite + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ +
+ + +
+ + +
+
+ +
+ notifications_none +
+ +
    +
  • + You have 23 new notifications! +
    • +
  • + + + plus_one + + You have 3 new orders. + + + just now + +
    • +
  • + + + error_outline + + Database error + + + 1 min + +
    • +
  • + + + new_releases + + The Death Star is built! + + + 2 hours + +
    • +
  • + + + mail_outline + + You have 4 new mails. + + + 5 days + +
    • +
  • + +
    • +
+ +
+ mail_outline +
+ +
    +
  • + You have 4 new messages! +
    • +
  • + + + A + + Alice + Birthday Party + + + just now + +
    • +
  • + + + M + + Mike + No theme + + + 5 min + +
    • +
  • + + + D + + Darth + Suggestion + + + 23 hours + +
    • +
  • + + + D + + Don McDuket + NEWS + + + 30 Nov + +
    • +
  • + +
    • +
+ +
+ Luke + +
+ + + + + + +
+
+ +
+
darkboard
+
+ +
+
+
+ +
+ +
+ + +
+
+
+

Browser Statistics

+
+
+
+ +
+
+
+
+ + +
+
+
+

Country Statistics

+
+
+
+ +
+
+
+
+ + +
+
+
+

Discrete Bar Chart

+
+
+
+ +
+
+
+
+ + +
+
+
+

Simple Line Chart 1

+
+
+
+ +
+
+
+
+ + +
+
+
+

Simple Line Chart 2

+
+
+
+ +
+
+
+
+ + +
+
+
+

Line Plus Bar Chart

+
+
+
+ +
+
+
+
+ + +
+
+
+

Stacked Bar Chart

+
+
+
+ +
+
+
+
+ +
+ +
+
+ + + + + + + + + + + + + + + + + + + + + diff --git a/dist/css/application.css b/dist/css/application.css deleted file mode 100644 index 507f01d..0000000 --- a/dist/css/application.css +++ /dev/null @@ -1,12088 +0,0 @@ -@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. - */ -/* ========== Color Palettes ========== */ -/* colors.scss */ -/* ========== 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 */ -/* ICON TOGGLE */ -/* FOOTER */ -/*mega-footer*/ -/*mini-footer*/ -/* CHECKBOX */ -/* CARD */ -/* Card dimensions */ -/* Cover image */ -/* BUTTON */ -/* ANIMATION */ -/* PROGRESS */ -/* BADGE */ -/* SHADOWS */ -/* GRID */ -/* DATA TABLE */ -/* TOOLTIP */ -/* WIDGETS & COMPONENTS */ -/* Trending */ -/* label */ -/* charts */ -/* employer form */ -/* row */ -/** - * Copyright 2015 Google Inc. All Rights Reserved. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT 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. - */ -::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%; - -ms-touch-action: manipulation; - 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(0, 188, 212) !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(0, 188, 212) !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(0, 188, 212); - 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(255, 255, 255); - 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(255, 82, 82); } - .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(255, 82, 82); - color: rgb(255,255,255); } - .mdl-button--raised.mdl-button--colored:hover { - background-color: rgb(0, 188, 212); } - .mdl-button--raised.mdl-button--colored:active { - background-color: rgb(0, 188, 212); } - .mdl-button--raised.mdl-button--colored:focus:not(:active) { - background-color: rgb(0, 188, 212); } - .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, 82, 82); - color: #ffffff; } - .mdl-button--fab.mdl-button--colored:hover { - background-color: #ff4c4c; } - .mdl-button--fab.mdl-button--colored:focus:not(:active) { - background-color: #f23d3d; } - .mdl-button--fab.mdl-button--colored:active { - background-color: #f23d3d; } - .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(255, 82, 82); } - .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(255, 82, 82); } - -.mdl-button--accent.mdl-button--accent { - color: rgb(255, 82, 82); } - .mdl-button--accent.mdl-button--accent .mdl-ripple { - background: #ffffff; } - .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab { - color: #ffffff; - background-color: rgb(255, 82, 82); } - -.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled { - color: rgba(255, 255, 255, 0.3); - cursor: default; - background-color: transparent; } - -.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled { - background-color: #6b6b6b; - color: rgba(255, 255, 255, 0.3); } - -.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled { - background-color: #6b6b6b; - color: rgba(255, 255, 255, 0.3); - box-shadow: none; } - -.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled { - color: rgba(255, 255, 255, 0.3); } - -.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: auto; - overflow: hidden; - width: auto; - z-index: 1; - position: relative; - background: #4e4e4e; - 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: rgba(255, 255, 255, 0.8); - display: block; - display: flex; - justify-content: stretch; - line-height: normal; - padding: 20px 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: 400; - line-height: normal; - overflow: hidden; - transform-origin: 149px 48px; - margin: 0; } - -.mdl-card__subtitle-text { - font-size: 14px; - color: rgba(255, 255, 255, 0.5); - margin: 0; } - -.mdl-card__supporting-text { - color: rgba(255, 255, 255, 0.8); - font-size: 1rem; - line-height: 18px; - overflow: hidden; - padding: 20px 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: 18px; } - -.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; - -ms-appearance: none; - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - border: none; } - -.mdl-checkbox__box-outline { - position: absolute; - top: 2px; - left: 0; - display: inline-block; - box-sizing: border-box; - width: 18px; - height: 18px; - margin: 0; - cursor: pointer; - overflow: hidden; - border: 2px solid rgb(255, 255, 255); - border-radius: 2px; - z-index: 2; } - .mdl-checkbox.is-checked .mdl-checkbox__box-outline { - border: 2px solid rgb(255, 82, 82); } - 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: 2px; - left: 0; - display: inline-block; - box-sizing: border-box; - width: 18px; - height: 18px; - border-radius: 50%; - background-color: transparent; } - .mdl-checkbox.is-focused .mdl-checkbox__focus-helper { - box-shadow: 0 0 0px 9px 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 9px rgba(0, 188, 212, 0.26); - background-color: rgba(0, 188, 212, 0.26); } - -.mdl-checkbox__tick-outline { - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - mask: url("../images/tick-mask.svg?embed"); - 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(255, 82, 82) url("../images/tick.svg?embed"); } - 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("../images/tick.svg?embed"); } - -.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: -9px; - 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(255, 82, 82); } - 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(255, 255, 255,0.05); - border-collapse: collapse; - white-space: nowrap; - font-size: 16px; - 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: #4e4e4e; } - .mdl-data-table tbody tr:hover { - background-color: rgba(0, 0, 0, 0.2); } - .mdl-data-table td, .mdl-data-table th { - padding: 0 8px 12px 8px; - 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(255, 255, 255,0.05); - border-bottom: 1px solid rgba(255, 255, 255,0.05); - 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: 13px; - color: rgb(255, 255, 255); - 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(255, 255, 255, 0.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. - */ -/** - * Copyright 2015 Google Inc. All Rights Reserved. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT 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; - -ms-appearance: none; - -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(0, 188, 212); } - .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(0, 188, 212, 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: 0 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: rgb(255, 255, 255); - 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: 16px; } - .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(255, 255, 255, 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: rgba(255, 255, 255, 0.8); } - -.mdl-list__item-avatar, -.mdl-list__item-avatar.material-icons { - height: 32px; - width: 32px; - box-sizing: border-box; - border-radius: 50%; - background-color: rgba(255, 255, 255, 0.8); - font-size: 32px; - color: white; } - -.mdl-list__item--two-line { - height: 64px; } - .mdl-list__item--two-line .mdl-list__item-primary-content { - height: 32px; - 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: 4px; } - .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content { - height: 32px; } - .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(255, 255, 255, 0.54); - display: block; - padding: 0; } - -.mdl-list__item--three-line { - height: 88px; } - .mdl-list__item--three-line .mdl-list__item-primary-content { - height: 56px; - 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: 56px; } - .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: 56px; - color: rgba(255, 255, 255, 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: #4e4e4e; - 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); - 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: rgba(0, 0, 0, 0.2); } - .mdl-menu__item:focus { - outline: none; - background-color: rgba(0, 0, 0, 0.15); } - .mdl-menu__item:active { - background-color: rgba(0, 0, 0, 0.15); } - -.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(255, 82, 82); - z-index: 1; - left: 0; } - -.mdl-progress > .bufferbar { - background-image: linear-gradient(to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), linear-gradient(to right, rgb(255, 82, 82), rgb(255, 82, 82)); - 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.4), rgba(255, 255, 255, 0.4)), linear-gradient(to right, rgb(255, 82, 82), rgb(255, 82, 82)); - mask: url("../images/buffer.svg?embed"); } } - -.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(255, 82, 82), rgb(255, 82, 82)); } - -.mdl-progress.mdl-progress--indeterminate > .bar1, -.mdl-progress.mdl-progress__indeterminate > .bar1 { - background-color: rgb(255, 82, 82); - 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(255, 82, 82); - 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: 236px; - 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: #202020; - transform: translateX(-246px); - 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: 20px; } - @media screen and (max-width: 1440px) { - .mdl-layout__drawer > .mdl-layout__title, - .mdl-layout__drawer > .mdl-layout-title { - line-height: 56px; - padding-left: 8px; } } - .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 20px; - margin: 0; - color: #757575; } - @media screen and (max-width: 1440px) { - .mdl-layout__drawer .mdl-navigation .mdl-navigation__link { - padding: 16px 8px; } } - .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover { - background-color: rgba(0, 0, 0, 0.25); } - .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current { - background-color: rgba(0, 0, 0, 0.25); - color: rgb(0, 188, 212); } - @media screen and (min-width: 1441px) { - .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(0, 188, 212); - z-index: 4; } - .mdl-layout__header .mdl-layout__drawer-button { - position: absolute; - color: rgb(0, 188, 212); - background-color: inherit; } - @media screen and (max-width: 1440px) { - .mdl-layout__header .mdl-layout__drawer-button { - margin: 4px; } } - @media screen and (max-width: 1440px) { - .mdl-layout__drawer-button { - margin: 4px; - color: rgba(0, 0, 0, 0.5); } } - @media screen and (min-width: 1441px) { - .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: #242424; - color: rgb(0, 188, 212); - 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: 1440px) { - .mdl-layout__header { - min-height: 56px; } } - .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header { - margin-left: 236px; - width: calc(100% - 236px); } - @media screen and (min-width: 1441px) { - .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row { - padding-left: 40px; } } - .mdl-layout__header > .mdl-layout-icon { - position: absolute; - left: 20px; - top: 16px; - height: 32px; - width: 32px; - overflow: hidden; - z-index: 3; - display: block; } - @media screen and (max-width: 1440px) { - .mdl-layout__header > .mdl-layout-icon { - left: 8px; - 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: 1440px) { - .mdl-layout__header.is-compact { - max-height: 56px; } } - .mdl-layout__header.is-compact.has-tabs { - height: 112px; } - @media screen and (max-width: 1440px) { - .mdl-layout__header.is-compact.has-tabs { - min-height: 104px; } } - @media screen and (max-width: 1440px) { - .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 20px 0 80px; } - .mdl-layout--no-drawer-button .mdl-layout__header-row { - padding-left: 20px; } - @media screen and (min-width: 1441px) { - .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row { - padding-left: 20px; } } - @media screen and (max-width: 1440px) { - .mdl-layout__header-row { - height: 56px; - padding: 0 8px 0 72px; } - .mdl-layout--no-drawer-button .mdl-layout__header-row { - padding-left: 8px; } } - .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: 1440px) { - .mdl-layout__header-row .mdl-navigation { - height: 56px; } } - .mdl-layout__header-row .mdl-navigation__link { - display: block; - color: rgb(0, 188, 212); - line-height: 64px; - padding: 0 24px; } - @media screen and (max-width: 1440px) { - .mdl-layout__header-row .mdl-navigation__link { - line-height: 56px; - padding: 0 8px; } } - -.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: 236px; } - .mdl-layout__container.has-scrolling-header .mdl-layout__content { - overflow: visible; } - @media screen and (max-width: 1440px) { - .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: #242424; - 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: -4px; - width: calc(100% - -8px); } - @media screen and (min-width: 1441px) { - .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar { - padding-left: -4px; - width: calc(100% - -8px); } } - @media screen and (max-width: 1440px) { - .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: #242424; - color: transparent; - cursor: pointer; - 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: -4px; } - .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: -14px; } - @media screen and (max-width: 1440px) { - .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(0, 188, 212); } - -.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: 1440px) { - .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(0, 188, 212); } - .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(0, 188, 212); } - -.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; - -ms-appearance: none; - -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(255, 255, 255, 0.8); - border-radius: 50%; - z-index: 2; } - .mdl-radio.is-checked .mdl-radio__outer-circle { - border: 2px solid rgba(0, 188, 212, 0.8); } - .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: rgba(0, 188, 212, 0.8); } - .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: rgba(0, 188, 212, 0.8); } - 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(0, 188, 212); - 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(0, 188, 212) 16px, rgb(0, 188, 212) 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(0, 188, 212); - border: none; - 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(0, 188, 212); - border: none; } - .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb { - box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.26); } - .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb { - box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.26); } - .mdl-slider.is-upgraded:active::-webkit-slider-thumb { - background-image: none; - background: rgb(0, 188, 212); - transform: scale(1.5); } - .mdl-slider.is-upgraded:active::-moz-range-thumb { - background-image: none; - background: rgb(0, 188, 212); - transform: scale(1.5); } - .mdl-slider.is-upgraded::-ms-thumb { - width: 32px; - height: 32px; - border: none; - border-radius: 50%; - background: rgb(0, 188, 212); - transform: scale(0.375); - 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(0, 188, 212) 0%, rgb(0, 188, 212) 37.5%, rgba(0, 188, 212, 0.26) 37.5%, rgba(0, 188, 212, 0.26) 100%); - transform: scale(1); } - .mdl-slider.is-upgraded:active::-ms-thumb { - background: rgb(0, 188, 212); - 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(0, 188, 212); - flex: 0; - position: relative; - border: 0; - padding: 0; } - -.mdl-slider__background-upper { - background: rgba(0,0,0, 0.26); - flex: 0; - 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: 1151px) { - .mdl-snackbar { - width: 100%; - left: 0; - min-height: 48px; - max-height: 80px; } } - @media (min-width: 1152px) { - .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: 1152px) { - .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.23529ms 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(0, 188, 212); } - .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(0, 188, 212); } - .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(0, 188, 212); } - .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(0, 188, 212); } - .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; - -ms-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; - -ms-appearance: none; - -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(0, 188, 212, 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(158,158,158); - 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(0, 188, 212); - 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(0, 188, 212, 0.26); - background-color: rgba(0, 188, 212, 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(0, 188, 212); } - .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(0, 188, 212); - 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(0, 188, 212); } - -.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(255, 255, 255, 0.2); - 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(255, 255, 255, 0.2); - color: rgba(255, 255, 255, 0.6); } - -.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(255, 255, 255, 0.6); } - .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(0, 188, 212); - 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(0, 188, 212); - 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: #353535; - border-radius: 2px; - color: rgb(255,255,255); - display: inline-block; - font-size: 12px; - 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: 1151px) { - .mdl-grid { - padding: 0px; } - .mdl-cell { - margin: 16px; - width: calc(100% - 32px); } - .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% - 32px); } - .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% - 32px); } - .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% - 32px); } - .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% - 32px); } - .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% - 32px); } - .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% - 32px); } - .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% - 32px); } - .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% - 32px); } - .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% - 32px); } - .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% - 32px); } - .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% - 32px); } - .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% - 32px); } - .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% + 16px); } - .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% + 16px); } - .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% + 16px); } - .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: 1152px) and (max-width: 1919px) { - .mdl-grid { - padding: 0px; } - .mdl-cell { - margin: 16px; - width: calc(33.33333% - 32px); } - .mdl-grid--no-spacing > .mdl-cell { - width: 33.33333%; } - .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(8.33333% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > - .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { - width: 8.33333%; } - .mdl-cell--2-col, - .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { - width: calc(16.66667% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > - .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { - width: 16.66667%; } - .mdl-cell--3-col, - .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { - width: calc(25% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > - .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { - width: 25%; } - .mdl-cell--4-col, - .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { - width: calc(33.33333% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > - .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { - width: 33.33333%; } - .mdl-cell--5-col, - .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { - width: calc(41.66667% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > - .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { - width: 41.66667%; } - .mdl-cell--6-col, - .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { - width: calc(50% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > - .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { - width: 50%; } - .mdl-cell--7-col, - .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { - width: calc(58.33333% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > - .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { - width: 58.33333%; } - .mdl-cell--8-col, - .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { - width: calc(66.66667% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > - .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { - width: 66.66667%; } - .mdl-cell--9-col, - .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { - width: calc(75% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > - .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { - width: 75%; } - .mdl-cell--10-col, - .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { - width: calc(83.33333% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > - .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { - width: 83.33333%; } - .mdl-cell--11-col, - .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { - width: calc(91.66667% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > - .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { - width: 91.66667%; } - .mdl-cell--12-col, - .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { - width: calc(100% - 32px); } - .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(8.33333% + 16px); } - .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: 8.33333%; } - .mdl-cell--2-offset, - .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet { - margin-left: calc(16.66667% + 16px); } - .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: 16.66667%; } - .mdl-cell--3-offset, - .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet { - margin-left: calc(25% + 16px); } - .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: 25%; } - .mdl-cell--4-offset, - .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet { - margin-left: calc(33.33333% + 16px); } - .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: 33.33333%; } - .mdl-cell--5-offset, - .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet { - margin-left: calc(41.66667% + 16px); } - .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: 41.66667%; } - .mdl-cell--6-offset, - .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet { - margin-left: calc(50% + 16px); } - .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: 50%; } - .mdl-cell--7-offset, - .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet { - margin-left: calc(58.33333% + 16px); } - .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: 58.33333%; } - .mdl-cell--8-offset, - .mdl-cell--8-offset-tablet.mdl-cell--8-offset-tablet { - margin-left: calc(66.66667% + 16px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--8-offset-tablet.mdl-cell--8-offset-tablet { - margin-left: 66.66667%; } - .mdl-cell--9-offset, - .mdl-cell--9-offset-tablet.mdl-cell--9-offset-tablet { - margin-left: calc(75% + 16px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--9-offset-tablet.mdl-cell--9-offset-tablet { - margin-left: 75%; } - .mdl-cell--10-offset, - .mdl-cell--10-offset-tablet.mdl-cell--10-offset-tablet { - margin-left: calc(83.33333% + 16px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--10-offset-tablet.mdl-cell--10-offset-tablet { - margin-left: 83.33333%; } - .mdl-cell--11-offset, - .mdl-cell--11-offset-tablet.mdl-cell--11-offset-tablet { - margin-left: calc(91.66667% + 16px); } - .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing > - .mdl-cell--11-offset-tablet.mdl-cell--11-offset-tablet { - margin-left: 91.66667%; } } - -@media (min-width: 1920px) { - .mdl-grid { - padding: 0px; } - .mdl-cell { - margin: 16px; - width: calc(33.33333% - 32px); } - .mdl-grid--no-spacing > .mdl-cell { - width: 33.33333%; } - .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.33333% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > - .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { - width: 8.33333%; } - .mdl-cell--2-col, - .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { - width: calc(16.66667% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > - .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { - width: 16.66667%; } - .mdl-cell--3-col, - .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { - width: calc(25% - 32px); } - .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.33333% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > - .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { - width: 33.33333%; } - .mdl-cell--5-col, - .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { - width: calc(41.66667% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > - .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { - width: 41.66667%; } - .mdl-cell--6-col, - .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { - width: calc(50% - 32px); } - .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.33333% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > - .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { - width: 58.33333%; } - .mdl-cell--8-col, - .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { - width: calc(66.66667% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > - .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { - width: 66.66667%; } - .mdl-cell--9-col, - .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { - width: calc(75% - 32px); } - .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.33333% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > - .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { - width: 83.33333%; } - .mdl-cell--11-col, - .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { - width: calc(91.66667% - 32px); } - .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > - .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { - width: 91.66667%; } - .mdl-cell--12-col, - .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { - width: calc(100% - 32px); } - .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.33333% + 16px); } - .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.33333%; } - .mdl-cell--2-offset, - .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop { - margin-left: calc(16.66667% + 16px); } - .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.66667%; } - .mdl-cell--3-offset, - .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop { - margin-left: calc(25% + 16px); } - .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.33333% + 16px); } - .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.33333%; } - .mdl-cell--5-offset, - .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop { - margin-left: calc(41.66667% + 16px); } - .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.66667%; } - .mdl-cell--6-offset, - .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop { - margin-left: calc(50% + 16px); } - .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.33333% + 16px); } - .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.33333%; } - .mdl-cell--8-offset, - .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop { - margin-left: calc(66.66667% + 16px); } - .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.66667%; } - .mdl-cell--9-offset, - .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop { - margin-left: calc(75% + 16px); } - .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.33333% + 16px); } - .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.33333%; } - .mdl-cell--11-offset, - .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop { - margin-left: calc(91.66667% + 16px); } - .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.66667%; } } - -.mdl-layout { - background: #202020; } - -main { - background: url("../images/Dark_background_1920x1080.png") center top no-repeat; - background-size: cover; } - -.mdl-layout__header { - width: 100% !important; - margin-left: 0 !important; } - -.mdl-layout__drawer { - border: none; } - .mdl-layout__drawer header { - text-align: center; - text-transform: uppercase; - color: rgb(255, 255, 255); - height: 64px; - line-height: 64px; - background: rgba(0, 0, 0,0.85); - font-size: 25px; - font-weight: 500; - letter-spacing: 1px; } - .mdl-layout__drawer .mdl-navigation { - flex-grow: 1; - padding-top: 48px; - padding-bottom: 8px; } - .mdl-layout__drawer .mdl-navigation .mdl-layout-spacer { - border-bottom: 1px solid rgba(255,255,255, 0.1); - margin-bottom: 8px; } - .mdl-layout__drawer .mdl-navigation .mdl-navigation__link { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 13px; - font-weight: 500; - padding: 12px 0; - position: relative; } - .mdl-layout__drawer .mdl-navigation .mdl-navigation__link .material-icons { - font-size: 22px; - width: 22px; } - .mdl-layout__drawer .mdl-navigation .mdl-navigation__link .material-icons { - margin: -3px 25px 0 23px; - color: rgba(255, 255, 255, 0.56); } - .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current { - border-left: 2px solid rgb(0, 188, 212); } - .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current .material-icons { - color: rgb(0, 188, 212); } - .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover { - color: rgb(0, 188, 212); } - .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover .material-icons { - color: rgb(0, 188, 212); } - -.mdl-layout__header-row { - color: rgba(255, 255, 255, 0.8); } - .mdl-layout__header-row .avatar-dropdown { - cursor: pointer; - margin: 0 10px; - padding: 0 20px; - line-height: 64px; } - .mdl-layout__header-row .avatar-dropdown:hover { - background: rgba(0, 0, 0, 0.3); } - .mdl-layout__header-row .avatar-dropdown > img { - width: 32px; - height: 32px; } - .mdl-layout__header-row .avatar-dropdown > span { - color: rgba(255, 255, 255, 0.5); - padding-right: 16px; } - .mdl-layout__header-row .mdl-textfield { - padding: 23px 0; } - .mdl-layout__header-row .mdl-button--icon:hover { - background: rgba(0, 0, 0, 0.3); } - .mdl-layout__header-row .material-icons.mdl-badge { - margin: 10px; - cursor: pointer; - overflow: visible; - text-align: center; - height: 24px; - width: 24px; - min-width: 0; - padding: 4px 4px; } - .mdl-layout__header-row .material-icons.mdl-badge:hover { - background: rgba(0, 0, 0, 0.3); } - .mdl-layout__header-row .material-icons.mdl-badge.mdl-badge--overlap:after { - top: -3px; - right: -8px; } - -@media screen and (max-width: 1440px) { - .mdl-layout--fixed-drawer main { - margin-right: 0; } - .mdl-layout--fixed-drawer > .mdl-layout__content { - margin-left: 0; } - .mdl-layout--fixed-drawer > .mdl-layout__drawer { - transform: translateX(-246px); } - .mdl-layout--fixed-drawer > .mdl-layout__drawer.is-visible { - transform: translateX(0) !important; } - .mdl-layout--fixed-drawer > .mdl-layout__drawer header { - height: 56px; - line-height: 56px; } - .mdl-layout__header-row .avatar-dropdown { - line-height: 56px; } } - -@media screen and (max-width: 799px) { - .mdl-grid > .mdl-grid .mdl-cell { - width: 100% !important; } - .mdl-layout__header-row .message, .mdl-layout__header-row .notification { - display: none; } } - -.mdl-card__title { - background-color: rgba(0, 0, 0, 0.3); } - -.mdl-card__supporting-text { - width: calc(100% - 32px); } - -.mdl-card__actions { - background-color: rgba(255, 255, 255,0.05); } - -.mdl-menu { - width: 310px; } - .mdl-menu .mdl-menu__item.mdl-list__item { - display: flex; } - -.mdl-menu__outline { - 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-checkbox__tick-outline { - -webkit-mask: url("../images/tick-mask.svg"); } - -.mdl-checkbox--colored-yellow .mdl-ripple { - background-color: rgba(255, 193, 7, 0.8); } - -.mdl-checkbox--colored-yellow.is-checked .mdl-checkbox__tick-outline { - background-color: #ffc107; } - -.mdl-checkbox--colored-yellow.is-checked .mdl-checkbox__box-outline { - border-color: #ffc107; } - -.mdl-checkbox--colored-blue .mdl-ripple { - background-color: rgba(81, 168, 249, 0.8); } - -.mdl-checkbox--colored-blue.is-checked .mdl-checkbox__tick-outline { - background-color: #51a8f9; } - -.mdl-checkbox--colored-blue.is-checked .mdl-checkbox__box-outline { - border-color: #51a8f9; } - -.mdl-checkbox--colored-red .mdl-ripple { - background-color: rgba(255, 82, 82, 0.8); } - -.mdl-checkbox--colored-red.is-checked .mdl-checkbox__tick-outline { - background-color: #ff5252; } - -.mdl-checkbox--colored-red.is-checked .mdl-checkbox__box-outline { - border-color: #ff5252; } - -.mdl-checkbox--colored-light-blue .mdl-ripple { - background-color: rgba(0, 188, 212, 0.8); } - -.mdl-checkbox--colored-light-blue.is-checked .mdl-checkbox__tick-outline { - background-color: #00bcd4; } - -.mdl-checkbox--colored-light-blue.is-checked .mdl-checkbox__box-outline { - border-color: #00bcd4; } - -.mdl-checkbox--colored-purple .mdl-ripple { - background-color: rgba(119, 38, 211, 0.8); } - -.mdl-checkbox--colored-purple.is-checked .mdl-checkbox__tick-outline { - background-color: #7726d3; } - -.mdl-checkbox--colored-purple.is-checked .mdl-checkbox__box-outline { - border-color: #7726d3; } - -.mdl-radio--colored-yellow .mdl-ripple { - background-color: rgba(255, 193, 7, 0.8); } - -.mdl-radio--colored-yellow.is-checked .mdl-radio__outer-circle { - border-color: #ffc107; } - -.mdl-radio--colored-yellow.is-checked .mdl-radio__inner-circle { - background-color: #ffc107; } - -.mdl-radio--colored-blue .mdl-ripple { - background-color: rgba(81, 168, 249, 0.8); } - -.mdl-radio--colored-blue.is-checked .mdl-radio__outer-circle { - border-color: #51a8f9; } - -.mdl-radio--colored-blue.is-checked .mdl-radio__inner-circle { - background-color: #51a8f9; } - -.mdl-radio--colored-red .mdl-ripple { - background-color: rgba(255, 82, 82, 0.8); } - -.mdl-radio--colored-red.is-checked .mdl-radio__outer-circle { - border-color: #ff5252; } - -.mdl-radio--colored-red.is-checked .mdl-radio__inner-circle { - background-color: #ff5252; } - -.mdl-radio--colored-light-blue .mdl-ripple { - background-color: rgba(0, 188, 212, 0.8); } - -.mdl-radio--colored-light-blue.is-checked .mdl-radio__outer-circle { - border-color: #00bcd4; } - -.mdl-radio--colored-light-blue.is-checked .mdl-radio__inner-circle { - background-color: #00bcd4; } - -.mdl-radio--colored-purple .mdl-ripple { - background-color: rgba(119, 38, 211, 0.8); } - -.mdl-radio--colored-purple.is-checked .mdl-radio__outer-circle { - border-color: #7726d3; } - -.mdl-radio--colored-purple.is-checked .mdl-radio__inner-circle { - background-color: #7726d3; } - -.mdl-switch--colored-red .mdl-ripple { - background-color: rgba(255, 82, 82, 0.8); } - -.mdl-switch--colored-red.is-checked .mdl-switch__track { - background-color: rgba(255, 82, 82, 0.5); } - -.mdl-switch--colored-red.is-checked .mdl-switch__thumb { - background-color: #ff5252; } - -.mdl-switch--colored-yellow .mdl-ripple { - background-color: rgba(255, 193, 7, 0.8); } - -.mdl-switch--colored-yellow.is-checked .mdl-switch__track { - background-color: rgba(255, 193, 7, 0.5); } - -.mdl-switch--colored-yellow.is-checked .mdl-switch__thumb { - background-color: #ffc107; } - -.mdl-switch--colored-blue .mdl-ripple { - background-color: rgba(81, 168, 249, 0.8); } - -.mdl-switch--colored-blue.is-checked .mdl-switch__track { - background-color: rgba(81, 168, 249, 0.5); } - -.mdl-switch--colored-blue.is-checked .mdl-switch__thumb { - background-color: #51a8f9; } - -.mdl-switch--colored-light-blue .mdl-ripple { - background-color: rgba(0, 188, 212, 0.8); } - -.mdl-switch--colored-light-blue.is-checked .mdl-switch__track { - background-color: rgba(0, 188, 212, 0.5); } - -.mdl-switch--colored-light-blue.is-checked .mdl-switch__thumb { - background-color: #00bcd4; } - -.mdl-switch--colored-purple .mdl-ripple { - background-color: rgba(119, 38, 211, 0.8); } - -.mdl-switch--colored-purple.is-checked .mdl-switch__track { - background-color: rgba(119, 38, 211, 0.5); } - -.mdl-switch--colored-purple.is-checked .mdl-switch__thumb { - background-color: #7726d3; } - -.mdl-button { - font-weight: 400; - padding-top: 1px; } - .mdl-button.mdl-button--mini-icon .mdl-button--colored { - color: rgb(255, 82, 82); } - .mdl-button.mdl-button--mini-icon .material-icons { - top: 50% !important; - left: 50% !important; - font-size: 20px; } - .mdl-button.mdl-button--colored-red.mdl-button--raised:not([disabled]), .mdl-button.mdl-button--colored-red.mdl-button--raised:not([disabled]):hover { - background-color: #ff5252; } - .mdl-button.mdl-button--colored-red.mdl-button--icon:not([disabled]) { - color: #ff5252; } - .mdl-button.mdl-button--colored-blue.mdl-button--raised:not([disabled]), .mdl-button.mdl-button--colored-blue.mdl-button--raised:not([disabled]):hover { - background-color: #51a8f9; } - .mdl-button.mdl-button--colored-blue.mdl-button--icon:not([disabled]) { - color: #51a8f9; } - .mdl-button.mdl-button--colored-yellow.mdl-button--raised:not([disabled]), .mdl-button.mdl-button--colored-yellow.mdl-button--raised:not([disabled]):hover { - background-color: #ffc107; } - .mdl-button.mdl-button--colored-yellow.mdl-button--icon:not([disabled]) { - color: #ffc107; } - .mdl-button.mdl-button--colored-light-blue.mdl-button--raised:not([disabled]), .mdl-button.mdl-button--colored-light-blue.mdl-button--raised:not([disabled]):hover { - background-color: #00bcd4; } - .mdl-button.mdl-button--colored-light-blue.mdl-button--icon:not([disabled]) { - color: #00bcd4; } - .mdl-button.mdl-button--colored-purple.mdl-button--raised:not([disabled]), .mdl-button.mdl-button--colored-purple.mdl-button--raised:not([disabled]):hover { - background-color: #7726d3; } - .mdl-button.mdl-button--colored-purple.mdl-button--icon:not([disabled]) { - color: #7726d3; } - .mdl-button--secondary, .mdl-button--secondary:hover { - background-color: rgb(255, 82, 82); } - .mdl-button--mint, .mdl-button--mint:hover { - background-color: rgb(96, 196, 150); } - .mdl-button--cerulean, .mdl-button--cerulean:hover { - background-color: rgb(80, 150, 215); } - .mdl-button--facebook:not([disabled]), .mdl-button--facebook:not([disabled]):hover { - background-color: #3b5998; } - .mdl-button--facebook i { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='#ffffff' stroke='#ffffff' d='M19,4V7H17A1,1 0 0,0 16,8V10H19V13H16V20H13V13H11V10H13V7.5C13,5.56 14.57,4 16.5,4M20,2H4A2,2 0 0,0 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z'/%3E%3C/svg%3E"); } - .mdl-button--twitter:not([disabled]), .mdl-button--twitter:not([disabled]):hover { - background-color: #00abf1; } - .mdl-button--twitter i { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='#ffffff' stroke='#ffffff' d='M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z'/%3E%3C/svg%3E"); } - .mdl-button--linkedin:not([disabled]), .mdl-button--linkedin:not([disabled]):hover { - background-color: #0083be; } - .mdl-button--linkedin i { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='#ffffff' stroke='#ffffff' d='M19,19H16V13.7A1.5,1.5 0 0,0 14.5,12.2A1.5,1.5 0 0,0 13,13.7V19H10V10H13V11.2C13.5,10.36 14.59,9.8 15.5,9.8A3.5,3.5 0 0,1 19,13.3M6.5,8.31C5.5,8.31 4.69,7.5 4.69,6.5A1.81,1.81 0 0,1 6.5,4.69C7.5,4.69 8.31,5.5 8.31,6.5A1.81,1.81 0 0,1 6.5,8.31M8,19H5V10H8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z'/%3E%3C/svg%3E"); } - .mdl-button--github i { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='#ffffff' stroke='#ffffff' d='M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z'/%3E%3C/svg%3E"); } - .mdl-button--dribble:not([disabled]), .mdl-button--dribble:not([disabled]):hover { - background-color: #f26798; } - .mdl-button--dribble i { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='#ffffff' stroke='#ffffff' d='M16.42,18.42C16,16.5 15.5,14.73 15,13.17C15.5,13.1 16,13.06 16.58,13.06H16.6V13.06H16.6C17.53,13.06 18.55,13.18 19.66,13.43C19.28,15.5 18.08,17.27 16.42,18.42M12,19.8C10.26,19.8 8.66,19.23 7.36,18.26C7.64,17.81 8.23,16.94 9.18,16.04C10.14,15.11 11.5,14.15 13.23,13.58C13.82,15.25 14.36,17.15 14.77,19.29C13.91,19.62 13,19.8 12,19.8M4.2,12C4.2,11.96 4.2,11.93 4.2,11.89C4.42,11.9 4.71,11.9 5.05,11.9H5.06C6.62,11.89 9.36,11.76 12.14,10.89C12.29,11.22 12.44,11.56 12.59,11.92C10.73,12.54 9.27,13.53 8.19,14.5C7.16,15.46 6.45,16.39 6.04,17C4.9,15.66 4.2,13.91 4.2,12M8.55,5C9.1,5.65 10.18,7.06 11.34,9.25C9,9.96 6.61,10.12 5.18,10.12C5.14,10.12 5.1,10.12 5.06,10.12H5.05C4.81,10.12 4.6,10.12 4.43,10.11C5,7.87 6.5,6 8.55,5M12,4.2C13.84,4.2 15.53,4.84 16.86,5.91C15.84,7.14 14.5,8 13.03,8.65C12,6.67 11,5.25 10.34,4.38C10.88,4.27 11.43,4.2 12,4.2M18.13,7.18C19.1,8.42 19.71,9.96 19.79,11.63C18.66,11.39 17.6,11.28 16.6,11.28V11.28H16.59C15.79,11.28 15.04,11.35 14.33,11.47C14.16,11.05 14,10.65 13.81,10.26C15.39,9.57 16.9,8.58 18.13,7.18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'/%3E%3C/svg%3E"); } - .mdl-button--behance:not([disabled]), .mdl-button--behance:not([disabled]):hover { - background-color: #4176fb; } - .mdl-button--behance i { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='#ffffff' stroke='#ffffff' d='M19.58,12.27C19.54,11.65 19.33,11.18 18.96,10.86C18.59,10.54 18.13,10.38 17.58,10.38C17,10.38 16.5,10.55 16.19,10.89C15.86,11.23 15.65,11.69 15.57,12.27M21.92,12.04C22,12.45 22,13.04 22,13.81H15.5C15.55,14.71 15.85,15.33 16.44,15.69C16.79,15.92 17.22,16.03 17.73,16.03C18.26,16.03 18.69,15.89 19,15.62C19.2,15.47 19.36,15.27 19.5,15H21.88C21.82,15.54 21.53,16.07 21,16.62C20.22,17.5 19.1,17.92 17.66,17.92C16.47,17.92 15.43,17.55 14.5,16.82C13.62,16.09 13.16,14.9 13.16,13.25C13.16,11.7 13.57,10.5 14.39,9.7C15.21,8.87 16.27,8.46 17.58,8.46C18.35,8.46 19.05,8.6 19.67,8.88C20.29,9.16 20.81,9.59 21.21,10.2C21.58,10.73 21.81,11.34 21.92,12.04M9.58,14.07C9.58,13.42 9.31,12.97 8.79,12.73C8.5,12.6 8.08,12.53 7.54,12.5H4.87V15.84H7.5C8.04,15.84 8.46,15.77 8.76,15.62C9.31,15.35 9.58,14.83 9.58,14.07M4.87,10.46H7.5C8.04,10.46 8.5,10.36 8.82,10.15C9.16,9.95 9.32,9.58 9.32,9.06C9.32,8.5 9.1,8.1 8.66,7.91C8.27,7.78 7.78,7.72 7.19,7.72H4.87M11.72,12.42C12.04,12.92 12.2,13.53 12.2,14.24C12.2,15 12,15.64 11.65,16.23C11.41,16.62 11.12,16.94 10.77,17.21C10.37,17.5 9.9,17.72 9.36,17.83C8.82,17.94 8.24,18 7.61,18H2V5.55H8C9.53,5.58 10.6,6 11.23,6.88C11.61,7.41 11.8,8.04 11.8,8.78C11.8,9.54 11.61,10.15 11.23,10.61C11,10.87 10.7,11.11 10.28,11.32C10.91,11.55 11.39,11.92 11.72,12.42M20.06,7.32H15.05V6.07H20.06V7.32Z'/%3E%3C/svg%3E"); } - .mdl-button--facebook, .mdl-button--twitter, .mdl-button--linkedin, .mdl-button--github, .mdl-button--dribble, .mdl-button--behance { - text-transform: none; } - .mdl-button--facebook i, .mdl-button--twitter i, .mdl-button--linkedin i, .mdl-button--github i, .mdl-button--dribble i, .mdl-button--behance i { - width: 23px; - height: 24px; - margin-right: 4px; - background-repeat: no-repeat; } - .mdl-button--facebook[disabled] i, .mdl-button--twitter[disabled] i, .mdl-button--linkedin[disabled] i, .mdl-button--github[disabled] i, .mdl-button--dribble[disabled] i, .mdl-button--behance[disabled] i { - opacity: 0.3; } - -.mdl-card__actions .mdl-button--fab { - position: absolute; - right: 24px; - bottom: 24px; - z-index: 99; } - -a { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 16px; - font-weight: 300; - color: rgb(0, 188, 212); - text-decoration: none; } - -.mdl-textfield { - width: auto; } - .mdl-textfield .mdl-textfield__input { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; } - -.mdl-progress { - min-width: 100px; - width: auto; } - .mdl-progress > .bufferbar { - background-image: none; - background-color: rgba(255, 255, 255, 0.4); } - .mdl-progress:focus { - outline: none; } - .mdl-progress--red > .bar1, .mdl-progress--red.mdl-progress__indeterminate > .bar1 { - background-color: #ff5252; } - .mdl-progress--red > .bar3, .mdl-progress--red.mdl-progress__indeterminate > .bar3 { - background: transparent !important; } - .mdl-progress--blue > .bar1, .mdl-progress--blue.mdl-progress__indeterminate > .bar1 { - background-color: #51a8f9; } - .mdl-progress--blue > .bar3, .mdl-progress--blue.mdl-progress__indeterminate > .bar3 { - background: transparent !important; } - .mdl-progress--yellow > .bar1, .mdl-progress--yellow.mdl-progress__indeterminate > .bar1 { - background-color: #ffc107; } - .mdl-progress--yellow > .bar3, .mdl-progress--yellow.mdl-progress__indeterminate > .bar3 { - background: transparent !important; } - .mdl-progress--light-blue > .bar1, .mdl-progress--light-blue.mdl-progress__indeterminate > .bar1 { - background-color: #00bcd4; } - .mdl-progress--light-blue > .bar3, .mdl-progress--light-blue.mdl-progress__indeterminate > .bar3 { - background: transparent !important; } - .mdl-progress--purple > .bar1, .mdl-progress--purple.mdl-progress__indeterminate > .bar1 { - background-color: #7726d3; } - .mdl-progress--purple > .bar3, .mdl-progress--purple.mdl-progress__indeterminate > .bar3 { - background: transparent !important; } - -.mdl-data-table { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-weight: 300; - background-color: #4e4e4e; - color: rgb(255, 255, 255); - border: none; } - .mdl-data-table tr:last-child td { - border: none; } - .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type { - padding-left: 16px; } - .mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type { - padding-right: 16px; } - .mdl-data-table tr:hover { - background-clip: padding-box; } - -.label { - background-color: rgba(255, 255, 255, 0.1); - color: white; - border-radius: 2px; - height: 12px; - padding: 5px 8px 5px 8px; - margin: 0; - margin-left: auto; - font-size: 12px; - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-weight: 300; - line-height: 1em; } - .label--mini { - padding: 3px 8px 2px; - cursor: pointer; - vertical-align: middle; } - .label--transparent { - background-color: transparent; - padding: 0; } - -.projects-table { - width: 100%; } - .projects-table tbody td:nth-child(1) { - width: 1px; } - .projects-table tbody td:nth-child(2) { - width: 300px; } - .projects-table tbody td:nth-child(3) { - width: 240px; } - .projects-table tbody td:nth-child(4) { - width: 300px; } - .projects-table tbody td:nth-child(5) { - width: 200px; } - .projects-table tbody td:nth-child(6) { - width: 300px; } - .projects-table tbody td:nth-child(6) .mdl-progress { - cursor: pointer; - min-width: 80px; - max-width: 200px; } - .projects-table tbody .task-done { - padding-top: 6px !important; - padding-bottom: 0 !important; - color: rgb(255, 82, 82); } - .projects-table tbody .task-done .material-icons { - cursor: pointer; } - -@media screen and (max-width: 848px) { - .projects-table { - display: none; } } - -.mdl-tooltip { - padding: 5px 8px; - border: none; } - -.notifications-dropdown.mdl-list .mdl-list__item { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 14px; - font-weight: 100; - color: white; } - .notifications-dropdown.mdl-list .mdl-list__item:first-child { - color: rgba(255, 255, 255, 0.8); } - .notifications-dropdown.mdl-list .mdl-list__item .mdl-list__item-avatar { - padding: 4px; - text-align: center; } - .notifications-dropdown.mdl-list .mdl-list__item .mdl-list__item-avatar .material-icons { - vertical-align: top; } - .notifications-dropdown.mdl-list .mdl-list__item:last-child { - padding-top: 8px; - padding-bottom: 0; } - -.trending .mdl-card__supporting-text { - width: 100%; - padding: 8px 0; } - -.trending .mdl-list__item:hover { - background-color: rgba(0, 0, 0, 0.2); } - -.trending .mdl-list__item .mdl-list__item-secondary-content { - margin: 0; } - -.trending .material-icons { - line-height: 0.33333; - font-size: 48px; } - -.trending__arrow-up { - color: rgb(0, 188, 212); } - -.trending__arrow-down { - color: rgb(255, 82, 82); } - -.trending__percent { - text-align: right; - width: 40px; } - -.messages-dropdown .label { - color: rgba(255, 255, 255, 0.5); } - -.messages-dropdown .mdl-list__item-primary-content { - font-weight: 400; - line-height: 18px; } - .messages-dropdown .mdl-list__item-primary-content .mdl-list__item-avatar { - padding: 4px; - text-align: center; } - .messages-dropdown .mdl-list__item-primary-content .mdl-list__item-avatar .material-icons { - vertical-align: top; } - .messages-dropdown .mdl-list__item-primary-content .mdl-list__item-avatar text { - font-size: 19px; - vertical-align: middle; } - .messages-dropdown .mdl-list__item-primary-content .mdl-list__item-sub-title { - font-weight: 100; - font-size: 12px; } - -.messages-dropdown.mdl-list .mdl-list__item { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 14px; - font-weight: 100; - color: white; } - .messages-dropdown.mdl-list .mdl-list__item:first-child { - color: rgba(255, 255, 255, 0.8); } - .messages-dropdown.mdl-list .mdl-list__item:last-child { - padding-top: 8px; - padding-bottom: 0; } - -.mdl-list { - margin: 0; } - .mdl-list .mdl-list__item { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 16px; - font-weight: 300; - color: white; - letter-spacing: 0; } - .mdl-list .list__item--border-top { - background-clip: padding-box; - border-top: 1px solid rgba(255, 255, 255,0.1); } - -.todo .mdl-card__supporting-text { - width: 100%; - padding: 0; - min-height: 70px; } - .todo .mdl-card__supporting-text .mdl-list__item { - align-items: flex-start; - padding-bottom: 0; } - .todo .mdl-card__supporting-text .mdl-list__item .mdl-list__item-primary-content { - max-width: 100%; - word-wrap: break-word; } - .todo .mdl-card__supporting-text .mdl-list__item .material-icons { - visibility: hidden; } - .todo .mdl-card__supporting-text .mdl-list__item:hover .material-icons { - visibility: visible; } - .todo .mdl-card__supporting-text .mdl-checkbox { - height: auto; - padding-left: 36px; } - .todo .mdl-card__supporting-text .mdl-textfield { - width: 100%; - padding: 0; } - .todo .mdl-card__supporting-text .mdl-textfield__input { - padding: 2px 0; } - .todo .mdl-card__supporting-text .mdl-textfield__label { - color: rgba(255, 255, 255, 0.2); - top: 0; } - .todo .mdl-card__supporting-text .mdl-textfield__label:after { - background-color: rgba(255, 255, 255, 0.7); - bottom: 0; } - -.todo .mdl-card__actions { - margin-top: 20px; } - -.pie-chart__container { - display: flex; - flex-wrap: wrap; - justify-content: space-around; - align-items: center; - min-height: 228px; } - .pie-chart__container svg { - min-height: 200px; - max-width: 180px; } - .pie-chart__container svg .nvd3.nv-pie path { - fill-opacity: 1; - stroke-width: 0; } - .pie-chart__container svg .nvd3.nv-pie .nv-pie-title { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - fill: rgb(255,255,255); - font-weight: 300; - font-size: 22px !important; } - .pie-chart__container .legend { - max-width: 140px; } - -.line-chart__container { - min-height: 280px; } - .line-chart__container svg { - height: 280px; - width: 100%; } - .line-chart__container svg .y-axis-label, .line-chart__container svg .x-axis-label { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 12px; - font-weight: 300; - fill: rgba(255, 255, 255,0.5); } - .line-chart__container svg .nv-lineChart .nv-guideline { - stroke: rgba(255, 255, 255,0.5); - stroke-width: 0.5px; } - .line-chart__container svg .nv-lineChart .tick { - opacity: 0.1 !important; } - .line-chart__container svg .nv-lineChart .tick.zero { - opacity: 0.5 !important; } - .line-chart__container svg .nv-lineChart .tick.zero line { - stroke-opacity: 1 !important; } - .line-chart__container svg .nv-lineChart .nv-y .domain { - stroke-opacity: 0 !important; } - .line-chart__container svg .nv-lineChart .nvd3.nv-scatter .nv-groups .nv-point.hover { - stroke-width: 5px; } - .line-chart__container .legend { - margin: auto; - display: flex; - flex-wrap: wrap; - justify-content: center; - margin-top: 16px; } - -.legend .legend__item { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-weight: 300; - font-size: 16px; - color: rgb(255,255,255); - margin: 8px 18px; - display: inline-block; } - .legend .legend__item .legend__text { - margin-left: 24px; } - .legend .legend__item .legend__mark { - width: 8px; - height: 8px; - margin-top: 4px; } - -.account-dropdown .mdl-list__item { - font-size: 14px; } - .account-dropdown .mdl-list__item:first-child { - font-size: 16px; - padding-top: 8px; - padding-bottom: 8px; - height: 64px; } - .account-dropdown .mdl-list__item:first-child .mdl-list__item-primary-content { - height: 48px; - line-height: 28px; } - .account-dropdown .mdl-list__item:first-child .mdl-list__item-primary-content .mdl-list__item-avatar { - height: 48px; - width: 48px; - background: url("../images/Icon.png"); - background-size: cover; } - .account-dropdown .mdl-list__item:first-child .mdl-list__item-primary-content .mdl-list__item-sub-title { - font-weight: 300; } - .account-dropdown .mdl-list__item:hover .mdl-list__item-icon { - color: rgb(0, 188, 212); } - -.account-dropdown .list__item--border-top { - margin-top: 8px; - padding-top: 8px; } - -.settings-dropdown { - width: 135px; } - .settings-dropdown .mdl-menu__item, .settings-dropdown a { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 14px; - font-weight: 100; - color: white; } - -.robot { - height: 450px; } - .robot .mdl-card__supporting-text { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 16px; - font-weight: 300; - padding-bottom: 26px; } - .robot .mdl-card__title { - background: url("../images/robot.png") center center no-repeat; - background-size: cover; } - .robot .mdl-card__title .mdl-card__title-text { - color: rgb(255, 255, 255); } - -.cotoneaster { - height: 430px; } - .cotoneaster .mdl-card__supporting-text { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 16px; - font-weight: 300; - padding-bottom: 26px; } - .cotoneaster .mdl-card__title { - background: url("../images/cotoneaster.jpg") center center no-repeat; - background-size: cover; } - .cotoneaster .mdl-card__title .mdl-card__title-text { - color: rgb(255, 255, 255); } - -@media screen and (max-width: 1151px) { - .cotoneaster { - height: 329px; } } - -.weather { - height: 329px; } - .weather .mdl-card__supporting-text { - color: rgba(255, 255, 255, 0.8); - background: url("../images/weather_bck.png") center center no-repeat; - background-size: cover; - text-align: right; - padding-top: 38px; - text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4); } - .weather .mdl-card__supporting-text .weather-temperature { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 100px; - line-height: 1; - color: rgba(255, 255, 255, 0.9); } - .weather .mdl-card__supporting-text .weather-temperature sup { - position: relative; - top: 13px; } - .weather .mdl-card__supporting-text .weather-description { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 18px; - font-weight: 300; - position: relative; } - .weather .mdl-card__supporting-text .weather-description:before { - width: 35px; - position: absolute; - right: 150px; - content: url(../images/cloudy_and_snow.svg); } - .weather .mdl-card__title .mdl-card__subtitle-text { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 16px; - font-weight: 300; } - .weather .mdl-card__title .mdl-card__subtitle-text .material-icons { - font-size: 16px; - top: 2px; - position: relative; } - -.employer-form { - padding: 0; - width: 670px; - background-color: #4e4e4e; - margin: 16px auto; } - .employer-form .mdl-radio { - width: 20%; - margin-top: 22px; - margin-bottom: 22px; - color: white; } - .employer-form .mdl-radio span:first-of-type { - margin-left: 10px; } - .employer-form .form__article > span { - float: left; - width: 100%; - color: rgba(255, 255, 255, 0.6); - font-weight: 200; } - .employer-form .mdl-card__title { - background-color: "255,64,129"; - height: 66px; - width: 100%; - padding-top: 16px; - padding-left: 15px; - padding-right: 15px; - padding-bottom: 0; - display: block; - font-family: "Roboto", "Helvetica", "Arial", sans-serif; } - .employer-form .mdl-card__title h2:first-of-type { - font-size: 24px; - font-weight: 400; - color: rgba(255, 255, 255, 0.8); - line-height: 1.2em; - margin-top: 0; - margin-bottom: 0; } - .employer-form .mdl-card__title .mdl-card__subtitle { - font-size: 13px; - font-weight: 300; - color: rgba(255, 255, 255, 0.2); - line-height: 1.2em; } - .employer-form button.mdl-button.mdl-button--colored { - width: 68px; - height: 32px; - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 13px; - line-height: 13px; - font-weight: 400; - color: white; - background-color: rgb(0, 188, 212); } - .employer-form button.mdl-button.mdl-button--colored:disabled { - background-color: gray; - color: rgba(255, 255, 255, 0.6); } - .employer-form label { - font-size: 15px; - color: rgba(255, 255, 255, 0.6); } - .employer-form .form__action .mdl-checkbox .mdl-ripple { - background: rgb(0, 188, 212); } - .employer-form .form__action .mdl-checkbox.is-checked .mdl-checkbox__box-outline { - border-color: rgb(0, 188, 212); } - .employer-form .form__action .mdl-checkbox.is-checked .mdl-checkbox__box-outline .mdl-checkbox__tick-outline { - background-color: rgb(0, 188, 212); - background-image: url("../images/tick_dark.svg?embed"); } - -.employer-form__general_skills { - margin-top: 24px; } - .employer-form__general_skills div { - width: 100%; } - .employer-form__general_skills h3 { - margin-bottom: 0; - margin-top: 0; } - .employer-form__general_skills .mdl-textfield label { - color: rgba(255, 255, 255, 0.6); } - .employer-form__general_skills .mdl-textfield--floating-label.is-focused .mdl-textfield__label { - color: rgb(0, 188, 212); } - .employer-form__general_skills textarea { - height: 90px; } - -.employer-form__contacts h3 { - margin-bottom: 40px; } - -.employer-form__contacts div .mdl-textfield.getmdl-select .mdl-textfield__input { - color: rgba(255, 255, 255, 0.6); } - -.employer-form__contacts div .mdl-textfield { - padding-top: 0; } - .employer-form__contacts div .mdl-textfield label { - top: 4px; - font-weight: 300; } - -.employer-form__contacts div i { - color: white; } - -.form .mdl-grid { - padding: 0; } - -.form .mdl-cell { - margin: 0; - padding-right: 30px; } - .form .mdl-cell.mdl-textfield.is-focused .mdl-textfield__label:after { - width: calc(100% - 30px); } - .form .mdl-cell:last-of-type { - padding-right: 0; } - .form .mdl-cell:last-of-type.mdl-textfield.is-focused .mdl-textfield__label:after { - width: 100%; } - -.form .mdl-cell--1-col { - width: calc(100% * 1 / 12); } - -.form .mdl-cell--2-col { - width: calc(100% * 2 / 12); } - -.form .mdl-cell--3-col { - width: calc(100% * 3 / 12); } - -.form .mdl-cell--4-col { - width: calc(100% * 4 / 12); } - -.form .mdl-cell--5-col { - width: calc(100% * 5 / 12); } - -.form .mdl-cell--6-col { - width: calc(100% * 6 / 12); } - -.form .mdl-cell--7-col { - width: calc(100% * 7 / 12); } - -.form .mdl-cell--8-col { - width: calc(100% * 8 / 12); } - -.form .mdl-cell--9-col { - width: calc(100% * 9 / 12); } - -.form .mdl-cell--10-col { - width: calc(100% * 10 / 12); } - -.form .mdl-cell--11-col { - width: calc(100% * 11 / 12); } - -.form .mdl-cell--12-col { - width: 100%; } - -.form__article h3 { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-size: 20px; - font-weight: 300; - color: rgba(255, 255, 255, 0.6); - margin-top: 4px; - margin-bottom: 20px; } - -.form__action { - display: flex; - align-items: center; - justify-content: space-between; - margin-top: 60px; } - .form__action .mdl-checkbox { - width: auto; } - .form__action .mdl-checkbox .mdl-checkbox__label { - margin-left: 10px; - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - color: white; - font-size: 16px; - font-weight: 300; } - .form__action .mdl-button { - padding: 0; } - -.input-group > i { - margin-right: 15px; - margin-top: 4px; - margin-left: 5px; - font-size: 20px; } - -.input-group img { - margin-top: 4px; - margin-left: 5px; - margin-right: 16px; - height: 18px; - width: 18px; - float: left; } - -.input-group label { - margin-top: 4px; } - -.input-group .mdl-textfield { - width: calc(100% - 40.5px); } - -.map { - min-height: 630px; - position: relative; } - .map .map__window { - background: rgba(0, 0, 0, 0.3); } - .map .map__window .gm-style > div:nth-of-type(2), .map .map__window .gm-style > .gmnoprint:not(.gm-bundled-control), .map .map__window .gm-style > .gm-style-cc { - display: none; } - .map .mdl-card__supporting-text { - min-height: 185px; } - .map h5 { - margin-top: 0; } - .map div > a { - font-size: 14px; } - .map .map__target-location, .map .map__target-opening-hours { - margin-bottom: 10px; } - .map .map__target-location > *, .map .map__target-opening-hours > * { - vertical-align: middle; } - .map .map__target-location .material-icons, .map .map__target-opening-hours .material-icons { - color: rgb(0, 188, 212); - margin-top: -2px; - margin-right: 5px; - font-size: 20px; } - .map .map__target-image { - background: rgba(0, 0, 0, 0.3); - border-radius: 50%; - width: 170px; - height: 170px; - margin: 0 10px 5px 15px; } - .map .map__target-picture { - height: 100%; - transition: opacity 0.3s; - background: url("../images/map_target_images_sprite.png") no-repeat top left; - background-size: cover; } - .map .map__target-info, .map .map__target-picture { - opacity: 1; - transition: opacity 0.2s; } - .map .map__target-info--hide, .map .map__target-picture--hide { - opacity: 0; } - -.ui-buttons h6 { - margin-top: 8px; - margin-bottom: 0; } - -.ui-buttons li { - min-height: 56px; } - -.ui-buttons .mdl-button--icon .material-icons { - font-size: 20px; } - -.ui-buttons .ui-section { - padding-right: 16px; } - .ui-buttons .ui-section h6 { - padding-left: 8px; } - .ui-buttons .ui-section .mdl-list__item { - padding: 8px 16px 8px 8px; } - .ui-buttons .ui-section:nth-of-type(2) .mdl-button { - min-width: 130px; } - .ui-buttons .ui-section:nth-of-type(2) .mdl-button i { - margin-right: 4px; - font-size: 22px; } - .ui-buttons .ui-section:nth-of-type(3) .mdl-button { - min-width: 130px; } - -.ui-progress-bars .mdl-list { - width: 50%; } - -.ui-progress-bars .mdl-progress { - width: 100%; } - -.ui-toggles .ui-section { - padding-right: 16px; } - .ui-toggles .ui-section:first-of-type { - min-width: 140px; } - .ui-toggles .ui-section h6 { - padding-left: 16px; - margin-top: 8px; } - -.ui-toggles .mdl-list__item { - padding: 8px 16px; } - -.ui-toggles .mdl-switch__label { - position: static; - margin-left: 24px; } - -.ui-toggles .mdl-checkbox__label { - margin-left: 8px; } - -.pull-right { - float: right; } - -.pull-left { - float: left; } - -.background-color--primary { - background-color: rgba(0, 188, 212, 0.9); } - -.background-color--secondary { - background-color: rgba(255, 82, 82, 0.9); } - -.background-color--baby-blue { - background-color: rgba(116, 199, 209, 0.9); } - -.background-color--cerulean { - background-color: rgba(80, 150, 215, 0.9); } - -.background-color--mint { - background-color: rgba(96, 196, 150, 0.9); } - -.text-color--primary { - color: rgba(0, 188, 212, 0.8) !important; } - -.text-color--secondary { - color: rgba(255, 82, 82, 0.8) !important; } - -.text-color--baby-blue { - color: rgba(116, 199, 209, 0.8) !important; } - -.text-color--cerulean { - color: rgba(80, 150, 215, 0.8) !important; } - -.text-color--mint { - color: rgba(96, 196, 150, 0.8) !important; } - -.text-color--gray { - color: rgb(158,158,158); } - -.getmdl-select .mdl-icon-toggle__label { - color: white; } - -.getmdl-select.is-focused i.material-icons { - color: rgb(0, 188, 212); } - -.getmdl-select .mdl-menu__container { - margin-top: -45px !important; } - .getmdl-select .mdl-menu__container .mdl-menu__outline { - 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); } - -.getmdl-select .mdl-menu .mdl-menu__item { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - color: white; - font-size: 16px; - font-weight: 300; } - -.mdl-textfield input, .mdl-textfield textarea { - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - color: white; - font-size: 16px; - font-weight: 300; } - -.mdl-textfield.is-focused.getmdl-select input, .mdl-textfield.is-focused.getmdl-select textarea { - font-weight: 300; } - -.mdl-textfield.is-focused input, .mdl-textfield.is-focused textarea { - font-weight: 400; } - -.mdl-textfield.is-disabled input { - border-bottom-width: 2px !important; } diff --git a/dist/css/application.min.css b/dist/css/application.min.css new file mode 100644 index 0000000..0b3c756 --- /dev/null +++ b/dist/css/application.min.css @@ -0,0 +1 @@ +@charset "UTF-8";blockquote,h1{line-height:1.35}address,h5{line-height:1}.mdl-typography--display-1-color-contrast,.mdl-typography--display-2-color-contrast,.mdl-typography--display-3-color-contrast,.mdl-typography--display-4-color-contrast{opacity:.54}.mdl-typography--button,.mdl-typography--button-color-contrast{text-transform:uppercase}.mdl-button,.mdl-button .material-icons,.mdl-checkbox,audio,canvas,iframe,img,svg,video{vertical-align:middle}.text-color--smoke{color:#666}.color--gray{background-color:#444!important}.color--dark-gray{background-color:#333}.color--smooth-gray{background-color:#999!important}.color--red{background-color:#f44336!important}.color-text--red{color:#f44336!important}.color--orange{background-color:#ffc107!important}.color-text--orange{color:#ffc107!important}.color--amber{background-color:#ff9800!important}.color-text--amber{color:#ff9800!important}.color--green{background-color:#00d45a!important}.color-text--green{color:#00d45a!important}.color--light-blue{background-color:#03a9f4!important}.color-text--light-blue{color:#03a9f4!important}.color--purple{background-color:#7726d3!important}.color-text--purple{color:#7726d3!important}.color--teal{background-color:#00bcd4!important}.color-text--teal{color:#00bcd4!important}html{color:rgba(255,255,255,.87)}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}body,html{width:100%}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before,:first-letter{background:0 0!important;color:#000!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.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,a{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0)}html{height:100%;-ms-touch-action:manipulation;touch-action:manipulation}body{min-height:100%;margin:0}main{display:block}[hidden]{display:none!important}body,html{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}h1,h2,h3{margin-bottom:24px;font-weight:400}h1,h2,h3,h4,h5,h6{margin-top:24px;font-family:Roboto,Helvetica,Arial,sans-serif}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.35;letter-spacing:-.02em;opacity:.54;font-size:.6em}h1{font-size:56px;letter-spacing:-.02em}h2{font-size:45px;line-height:48px}h3{font-size:34px;line-height:40px}h4{font-size:24px;font-weight:400;line-height:32px;-moz-osx-font-smoothing:grayscale;margin-bottom:16px}h5{font-size:20px;font-weight:500;letter-spacing:.02em;margin-bottom:16px}h6,p{font-weight:400;margin-bottom:16px;line-height:24px}h6{font-size:16px;letter-spacing:.04em}p{font-size:14px;letter-spacing:0}blockquote{font-family:Roboto,Helvetica,Arial,sans-serif;position:relative;font-size:24px;font-weight:300;font-style:italic;letter-spacing:.08em}blockquote:before{position:absolute;left:-.5em;content:'“'}blockquote:after{content:'”';margin-left:-.05em}mark{background-color:#f4ff81}dt{font-weight:700}address,ol,ul{font-weight:400;letter-spacing:0}address{font-size:12px;font-style:normal}ol,ul{font-size:14px;line-height:24px}.mdl-typography--display-4,.mdl-typography--display-4-color-contrast{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:112px;line-height:1;letter-spacing:-.04em;font-weight:300}.mdl-typography--display-3,.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:-.02em}.mdl-typography--display-2,.mdl-typography--display-2-color-contrast{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:45px;font-weight:400;line-height:48px}.mdl-typography--display-1,.mdl-typography--display-1-color-contrast{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:34px;font-weight:400;line-height:40px}.mdl-typography--headline,.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}.mdl-typography--headline-color-contrast{opacity:.87}.mdl-typography--title,.mdl-typography--title-color-contrast{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:20px;font-weight:500;line-height:1;letter-spacing:.02em}.mdl-typography--title-color-contrast{opacity:.87}.mdl-typography--subhead,.mdl-typography--subhead-color-contrast{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:.04em;line-height:24px}.mdl-typography--subhead-color-contrast{opacity:.87}.mdl-typography--body-2{font-size:14px;font-weight:700;line-height:24px;letter-spacing:0}.mdl-typography--body-2-color-contrast{font-size:14px;font-weight:700;line-height:24px;letter-spacing:0;opacity:.87}.mdl-typography--body-1,.mdl-typography--body-1-color-contrast{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0}.mdl-typography--body-1-color-contrast{opacity:.87}.mdl-typography--body-2-force-preferred-font,.mdl-typography--body-2-force-preferred-font-color-contrast{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500}.mdl-typography--body-2-force-preferred-font{line-height:24px;letter-spacing:0}.mdl-typography--body-2-force-preferred-font-color-contrast{line-height:24px;letter-spacing:0;opacity:.87}.mdl-typography--body-1-force-preferred-font,.mdl-typography--body-1-force-preferred-font-color-contrast{font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;font-family:Roboto,Helvetica,Arial,sans-serif}.mdl-typography--body-1-force-preferred-font-color-contrast{opacity:.87}.mdl-typography--caption-color-contrast,.mdl-typography--caption-force-preferred-font-color-contrast{font-size:12px;font-weight:400;line-height:1;letter-spacing:0;opacity:.54}.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-force-preferred-font-color-contrast{font-family:Roboto,Helvetica,Arial,sans-serif}.mdl-typography--button-color-contrast,.mdl-typography--menu-color-contrast{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;opacity:.87;line-height:1}.mdl-typography--menu{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;line-height:1;letter-spacing:0}.mdl-typography--button{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;line-height:1;letter-spacing:0}.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-button,.mdl-layout__tab,.mdl-snackbar__action,.mdl-tabs__tab,.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:400;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}.mdl-badge[data-badge]:after,.mdl-button,.mdl-chip{font-family:Roboto,Helvetica,Arial,sans-serif}.mdl-color-text--red{color:#f44336!important}.mdl-color--red{background-color:#f44336!important}.mdl-color-text--red-50{color:#ffebee!important}.mdl-color--red-50{background-color:#ffebee!important}.mdl-color-text--red-100{color:#ffcdd2!important}.mdl-color--red-100{background-color:#ffcdd2!important}.mdl-color-text--red-200{color:#ef9a9a!important}.mdl-color--red-200{background-color:#ef9a9a!important}.mdl-color-text--red-300{color:#e57373!important}.mdl-color--red-300{background-color:#e57373!important}.mdl-color-text--red-400{color:#ef5350!important}.mdl-color--red-400{background-color:#ef5350!important}.mdl-color-text--red-500{color:#f44336!important}.mdl-color--red-500{background-color:#f44336!important}.mdl-color-text--red-600{color:#e53935!important}.mdl-color--red-600{background-color:#e53935!important}.mdl-color-text--red-700{color:#d32f2f!important}.mdl-color--red-700{background-color:#d32f2f!important}.mdl-color-text--red-800{color:#c62828!important}.mdl-color--red-800{background-color:#c62828!important}.mdl-color-text--red-900{color:#b71c1c!important}.mdl-color--red-900{background-color:#b71c1c!important}.mdl-color-text--red-A100{color:#ff8a80!important}.mdl-color--red-A100{background-color:#ff8a80!important}.mdl-color-text--red-A200{color:#ff5252!important}.mdl-color--red-A200{background-color:#ff5252!important}.mdl-color-text--red-A400{color:#ff1744!important}.mdl-color--red-A400{background-color:#ff1744!important}.mdl-color-text--red-A700{color:#d50000!important}.mdl-color--red-A700{background-color:#d50000!important}.mdl-color-text--pink{color:#e91e63!important}.mdl-color--pink{background-color:#e91e63!important}.mdl-color-text--pink-50{color:#fce4ec!important}.mdl-color--pink-50{background-color:#fce4ec!important}.mdl-color-text--pink-100{color:#f8bbd0!important}.mdl-color--pink-100{background-color:#f8bbd0!important}.mdl-color-text--pink-200{color:#f48fb1!important}.mdl-color--pink-200{background-color:#f48fb1!important}.mdl-color-text--pink-300{color:#f06292!important}.mdl-color--pink-300{background-color:#f06292!important}.mdl-color-text--pink-400{color:#ec407a!important}.mdl-color--pink-400{background-color:#ec407a!important}.mdl-color-text--pink-500{color:#e91e63!important}.mdl-color--pink-500{background-color:#e91e63!important}.mdl-color-text--pink-600{color:#d81b60!important}.mdl-color--pink-600{background-color:#d81b60!important}.mdl-color-text--pink-700{color:#c2185b!important}.mdl-color--pink-700{background-color:#c2185b!important}.mdl-color-text--pink-800{color:#ad1457!important}.mdl-color--pink-800{background-color:#ad1457!important}.mdl-color-text--pink-900{color:#880e4f!important}.mdl-color--pink-900{background-color:#880e4f!important}.mdl-color-text--pink-A100{color:#ff80ab!important}.mdl-color--pink-A100{background-color:#ff80ab!important}.mdl-color-text--pink-A200{color:#ff4081!important}.mdl-color--pink-A200{background-color:#ff4081!important}.mdl-color-text--pink-A400{color:#f50057!important}.mdl-color--pink-A400{background-color:#f50057!important}.mdl-color-text--pink-A700{color:#c51162!important}.mdl-color--pink-A700{background-color:#c51162!important}.mdl-color-text--purple{color:#9c27b0!important}.mdl-color--purple{background-color:#9c27b0!important}.mdl-color-text--purple-50{color:#f3e5f5!important}.mdl-color--purple-50{background-color:#f3e5f5!important}.mdl-color-text--purple-100{color:#e1bee7!important}.mdl-color--purple-100{background-color:#e1bee7!important}.mdl-color-text--purple-200{color:#ce93d8!important}.mdl-color--purple-200{background-color:#ce93d8!important}.mdl-color-text--purple-300{color:#ba68c8!important}.mdl-color--purple-300{background-color:#ba68c8!important}.mdl-color-text--purple-400{color:#ab47bc!important}.mdl-color--purple-400{background-color:#ab47bc!important}.mdl-color-text--purple-500{color:#9c27b0!important}.mdl-color--purple-500{background-color:#9c27b0!important}.mdl-color-text--purple-600{color:#8e24aa!important}.mdl-color--purple-600{background-color:#8e24aa!important}.mdl-color-text--purple-700{color:#7b1fa2!important}.mdl-color--purple-700{background-color:#7b1fa2!important}.mdl-color-text--purple-800{color:#6a1b9a!important}.mdl-color--purple-800{background-color:#6a1b9a!important}.mdl-color-text--purple-900{color:#4a148c!important}.mdl-color--purple-900{background-color:#4a148c!important}.mdl-color-text--purple-A100{color:#ea80fc!important}.mdl-color--purple-A100{background-color:#ea80fc!important}.mdl-color-text--purple-A200{color:#e040fb!important}.mdl-color--purple-A200{background-color:#e040fb!important}.mdl-color-text--purple-A400{color:#d500f9!important}.mdl-color--purple-A400{background-color:#d500f9!important}.mdl-color-text--purple-A700{color:#a0f!important}.mdl-color--purple-A700{background-color:#a0f!important}.mdl-color-text--deep-purple{color:#673ab7!important}.mdl-color--deep-purple{background-color:#673ab7!important}.mdl-color-text--deep-purple-50{color:#ede7f6!important}.mdl-color--deep-purple-50{background-color:#ede7f6!important}.mdl-color-text--deep-purple-100{color:#d1c4e9!important}.mdl-color--deep-purple-100{background-color:#d1c4e9!important}.mdl-color-text--deep-purple-200{color:#b39ddb!important}.mdl-color--deep-purple-200{background-color:#b39ddb!important}.mdl-color-text--deep-purple-300{color:#9575cd!important}.mdl-color--deep-purple-300{background-color:#9575cd!important}.mdl-color-text--deep-purple-400{color:#7e57c2!important}.mdl-color--deep-purple-400{background-color:#7e57c2!important}.mdl-color-text--deep-purple-500{color:#673ab7!important}.mdl-color--deep-purple-500{background-color:#673ab7!important}.mdl-color-text--deep-purple-600{color:#5e35b1!important}.mdl-color--deep-purple-600{background-color:#5e35b1!important}.mdl-color-text--deep-purple-700{color:#512da8!important}.mdl-color--deep-purple-700{background-color:#512da8!important}.mdl-color-text--deep-purple-800{color:#4527a0!important}.mdl-color--deep-purple-800{background-color:#4527a0!important}.mdl-color-text--deep-purple-900{color:#311b92!important}.mdl-color--deep-purple-900{background-color:#311b92!important}.mdl-color-text--deep-purple-A100{color:#b388ff!important}.mdl-color--deep-purple-A100{background-color:#b388ff!important}.mdl-color-text--deep-purple-A200{color:#7c4dff!important}.mdl-color--deep-purple-A200{background-color:#7c4dff!important}.mdl-color-text--deep-purple-A400{color:#651fff!important}.mdl-color--deep-purple-A400{background-color:#651fff!important}.mdl-color-text--deep-purple-A700{color:#6200ea!important}.mdl-color--deep-purple-A700{background-color:#6200ea!important}.mdl-color-text--indigo{color:#3f51b5!important}.mdl-color--indigo{background-color:#3f51b5!important}.mdl-color-text--indigo-50{color:#e8eaf6!important}.mdl-color--indigo-50{background-color:#e8eaf6!important}.mdl-color-text--indigo-100{color:#c5cae9!important}.mdl-color--indigo-100{background-color:#c5cae9!important}.mdl-color-text--indigo-200{color:#9fa8da!important}.mdl-color--indigo-200{background-color:#9fa8da!important}.mdl-color-text--indigo-300{color:#7986cb!important}.mdl-color--indigo-300{background-color:#7986cb!important}.mdl-color-text--indigo-400{color:#5c6bc0!important}.mdl-color--indigo-400{background-color:#5c6bc0!important}.mdl-color-text--indigo-500{color:#3f51b5!important}.mdl-color--indigo-500{background-color:#3f51b5!important}.mdl-color-text--indigo-600{color:#3949ab!important}.mdl-color--indigo-600{background-color:#3949ab!important}.mdl-color-text--indigo-700{color:#303f9f!important}.mdl-color--indigo-700{background-color:#303f9f!important}.mdl-color-text--indigo-800{color:#283593!important}.mdl-color--indigo-800{background-color:#283593!important}.mdl-color-text--indigo-900{color:#1a237e!important}.mdl-color--indigo-900{background-color:#1a237e!important}.mdl-color-text--indigo-A100{color:#8c9eff!important}.mdl-color--indigo-A100{background-color:#8c9eff!important}.mdl-color-text--indigo-A200{color:#536dfe!important}.mdl-color--indigo-A200{background-color:#536dfe!important}.mdl-color-text--indigo-A400{color:#3d5afe!important}.mdl-color--indigo-A400{background-color:#3d5afe!important}.mdl-color-text--indigo-A700{color:#304ffe!important}.mdl-color--indigo-A700{background-color:#304ffe!important}.mdl-color-text--blue{color:#2196f3!important}.mdl-color--blue{background-color:#2196f3!important}.mdl-color-text--blue-50{color:#e3f2fd!important}.mdl-color--blue-50{background-color:#e3f2fd!important}.mdl-color-text--blue-100{color:#bbdefb!important}.mdl-color--blue-100{background-color:#bbdefb!important}.mdl-color-text--blue-200{color:#90caf9!important}.mdl-color--blue-200{background-color:#90caf9!important}.mdl-color-text--blue-300{color:#64b5f6!important}.mdl-color--blue-300{background-color:#64b5f6!important}.mdl-color-text--blue-400{color:#42a5f5!important}.mdl-color--blue-400{background-color:#42a5f5!important}.mdl-color-text--blue-500{color:#2196f3!important}.mdl-color--blue-500{background-color:#2196f3!important}.mdl-color-text--blue-600{color:#1e88e5!important}.mdl-color--blue-600{background-color:#1e88e5!important}.mdl-color-text--blue-700{color:#1976d2!important}.mdl-color--blue-700{background-color:#1976d2!important}.mdl-color-text--blue-800{color:#1565c0!important}.mdl-color--blue-800{background-color:#1565c0!important}.mdl-color-text--blue-900{color:#0d47a1!important}.mdl-color--blue-900{background-color:#0d47a1!important}.mdl-color-text--blue-A100{color:#82b1ff!important}.mdl-color--blue-A100{background-color:#82b1ff!important}.mdl-color-text--blue-A200{color:#448aff!important}.mdl-color--blue-A200{background-color:#448aff!important}.mdl-color-text--blue-A400{color:#2979ff!important}.mdl-color--blue-A400{background-color:#2979ff!important}.mdl-color-text--blue-A700{color:#2962ff!important}.mdl-color--blue-A700{background-color:#2962ff!important}.mdl-color-text--light-blue{color:#03a9f4!important}.mdl-color--light-blue{background-color:#03a9f4!important}.mdl-color-text--light-blue-50{color:#e1f5fe!important}.mdl-color--light-blue-50{background-color:#e1f5fe!important}.mdl-color-text--light-blue-100{color:#b3e5fc!important}.mdl-color--light-blue-100{background-color:#b3e5fc!important}.mdl-color-text--light-blue-200{color:#81d4fa!important}.mdl-color--light-blue-200{background-color:#81d4fa!important}.mdl-color-text--light-blue-300{color:#4fc3f7!important}.mdl-color--light-blue-300{background-color:#4fc3f7!important}.mdl-color-text--light-blue-400{color:#29b6f6!important}.mdl-color--light-blue-400{background-color:#29b6f6!important}.mdl-color-text--light-blue-500{color:#03a9f4!important}.mdl-color--light-blue-500{background-color:#03a9f4!important}.mdl-color-text--light-blue-600{color:#039be5!important}.mdl-color--light-blue-600{background-color:#039be5!important}.mdl-color-text--light-blue-700{color:#0288d1!important}.mdl-color--light-blue-700{background-color:#0288d1!important}.mdl-color-text--light-blue-800{color:#0277bd!important}.mdl-color--light-blue-800{background-color:#0277bd!important}.mdl-color-text--light-blue-900{color:#01579b!important}.mdl-color--light-blue-900{background-color:#01579b!important}.mdl-color-text--light-blue-A100{color:#80d8ff!important}.mdl-color--light-blue-A100{background-color:#80d8ff!important}.mdl-color-text--light-blue-A200{color:#40c4ff!important}.mdl-color--light-blue-A200{background-color:#40c4ff!important}.mdl-color-text--light-blue-A400{color:#00b0ff!important}.mdl-color--light-blue-A400{background-color:#00b0ff!important}.mdl-color-text--light-blue-A700{color:#0091ea!important}.mdl-color--light-blue-A700{background-color:#0091ea!important}.mdl-color-text--cyan{color:#00bcd4!important}.mdl-color--cyan{background-color:#00bcd4!important}.mdl-color-text--cyan-50{color:#e0f7fa!important}.mdl-color--cyan-50{background-color:#e0f7fa!important}.mdl-color-text--cyan-100{color:#b2ebf2!important}.mdl-color--cyan-100{background-color:#b2ebf2!important}.mdl-color-text--cyan-200{color:#80deea!important}.mdl-color--cyan-200{background-color:#80deea!important}.mdl-color-text--cyan-300{color:#4dd0e1!important}.mdl-color--cyan-300{background-color:#4dd0e1!important}.mdl-color-text--cyan-400{color:#26c6da!important}.mdl-color--cyan-400{background-color:#26c6da!important}.mdl-color-text--cyan-500{color:#00bcd4!important}.mdl-color--cyan-500{background-color:#00bcd4!important}.mdl-color-text--cyan-600{color:#00acc1!important}.mdl-color--cyan-600{background-color:#00acc1!important}.mdl-color-text--cyan-700{color:#0097a7!important}.mdl-color--cyan-700{background-color:#0097a7!important}.mdl-color-text--cyan-800{color:#00838f!important}.mdl-color--cyan-800{background-color:#00838f!important}.mdl-color-text--cyan-900{color:#006064!important}.mdl-color--cyan-900{background-color:#006064!important}.mdl-color-text--cyan-A100{color:#84ffff!important}.mdl-color--cyan-A100{background-color:#84ffff!important}.mdl-color-text--cyan-A200{color:#18ffff!important}.mdl-color--cyan-A200{background-color:#18ffff!important}.mdl-color-text--cyan-A400{color:#00e5ff!important}.mdl-color--cyan-A400{background-color:#00e5ff!important}.mdl-color-text--cyan-A700{color:#00b8d4!important}.mdl-color--cyan-A700{background-color:#00b8d4!important}.mdl-color-text--teal{color:#009688!important}.mdl-color--teal{background-color:#009688!important}.mdl-color-text--teal-50{color:#e0f2f1!important}.mdl-color--teal-50{background-color:#e0f2f1!important}.mdl-color-text--teal-100{color:#b2dfdb!important}.mdl-color--teal-100{background-color:#b2dfdb!important}.mdl-color-text--teal-200{color:#80cbc4!important}.mdl-color--teal-200{background-color:#80cbc4!important}.mdl-color-text--teal-300{color:#4db6ac!important}.mdl-color--teal-300{background-color:#4db6ac!important}.mdl-color-text--teal-400{color:#26a69a!important}.mdl-color--teal-400{background-color:#26a69a!important}.mdl-color-text--teal-500{color:#009688!important}.mdl-color--teal-500{background-color:#009688!important}.mdl-color-text--teal-600{color:#00897b!important}.mdl-color--teal-600{background-color:#00897b!important}.mdl-color-text--teal-700{color:#00796b!important}.mdl-color--teal-700{background-color:#00796b!important}.mdl-color-text--teal-800{color:#00695c!important}.mdl-color--teal-800{background-color:#00695c!important}.mdl-color-text--teal-900{color:#004d40!important}.mdl-color--teal-900{background-color:#004d40!important}.mdl-color-text--teal-A100{color:#a7ffeb!important}.mdl-color--teal-A100{background-color:#a7ffeb!important}.mdl-color-text--teal-A200{color:#64ffda!important}.mdl-color--teal-A200{background-color:#64ffda!important}.mdl-color-text--teal-A400{color:#1de9b6!important}.mdl-color--teal-A400{background-color:#1de9b6!important}.mdl-color-text--teal-A700{color:#00bfa5!important}.mdl-color--teal-A700{background-color:#00bfa5!important}.mdl-color-text--green{color:#4caf50!important}.mdl-color--green{background-color:#4caf50!important}.mdl-color-text--green-50{color:#e8f5e9!important}.mdl-color--green-50{background-color:#e8f5e9!important}.mdl-color-text--green-100{color:#c8e6c9!important}.mdl-color--green-100{background-color:#c8e6c9!important}.mdl-color-text--green-200{color:#a5d6a7!important}.mdl-color--green-200{background-color:#a5d6a7!important}.mdl-color-text--green-300{color:#81c784!important}.mdl-color--green-300{background-color:#81c784!important}.mdl-color-text--green-400{color:#66bb6a!important}.mdl-color--green-400{background-color:#66bb6a!important}.mdl-color-text--green-500{color:#4caf50!important}.mdl-color--green-500{background-color:#4caf50!important}.mdl-color-text--green-600{color:#43a047!important}.mdl-color--green-600{background-color:#43a047!important}.mdl-color-text--green-700{color:#388e3c!important}.mdl-color--green-700{background-color:#388e3c!important}.mdl-color-text--green-800{color:#2e7d32!important}.mdl-color--green-800{background-color:#2e7d32!important}.mdl-color-text--green-900{color:#1b5e20!important}.mdl-color--green-900{background-color:#1b5e20!important}.mdl-color-text--green-A100{color:#b9f6ca!important}.mdl-color--green-A100{background-color:#b9f6ca!important}.mdl-color-text--green-A200{color:#69f0ae!important}.mdl-color--green-A200{background-color:#69f0ae!important}.mdl-color-text--green-A400{color:#00e676!important}.mdl-color--green-A400{background-color:#00e676!important}.mdl-color-text--green-A700{color:#00c853!important}.mdl-color--green-A700{background-color:#00c853!important}.mdl-color-text--light-green{color:#8bc34a!important}.mdl-color--light-green{background-color:#8bc34a!important}.mdl-color-text--light-green-50{color:#f1f8e9!important}.mdl-color--light-green-50{background-color:#f1f8e9!important}.mdl-color-text--light-green-100{color:#dcedc8!important}.mdl-color--light-green-100{background-color:#dcedc8!important}.mdl-color-text--light-green-200{color:#c5e1a5!important}.mdl-color--light-green-200{background-color:#c5e1a5!important}.mdl-color-text--light-green-300{color:#aed581!important}.mdl-color--light-green-300{background-color:#aed581!important}.mdl-color-text--light-green-400{color:#9ccc65!important}.mdl-color--light-green-400{background-color:#9ccc65!important}.mdl-color-text--light-green-500{color:#8bc34a!important}.mdl-color--light-green-500{background-color:#8bc34a!important}.mdl-color-text--light-green-600{color:#7cb342!important}.mdl-color--light-green-600{background-color:#7cb342!important}.mdl-color-text--light-green-700{color:#689f38!important}.mdl-color--light-green-700{background-color:#689f38!important}.mdl-color-text--light-green-800{color:#558b2f!important}.mdl-color--light-green-800{background-color:#558b2f!important}.mdl-color-text--light-green-900{color:#33691e!important}.mdl-color--light-green-900{background-color:#33691e!important}.mdl-color-text--light-green-A100{color:#ccff90!important}.mdl-color--light-green-A100{background-color:#ccff90!important}.mdl-color-text--light-green-A200{color:#b2ff59!important}.mdl-color--light-green-A200{background-color:#b2ff59!important}.mdl-color-text--light-green-A400{color:#76ff03!important}.mdl-color--light-green-A400{background-color:#76ff03!important}.mdl-color-text--light-green-A700{color:#64dd17!important}.mdl-color--light-green-A700{background-color:#64dd17!important}.mdl-color-text--lime{color:#cddc39!important}.mdl-color--lime{background-color:#cddc39!important}.mdl-color-text--lime-50{color:#f9fbe7!important}.mdl-color--lime-50{background-color:#f9fbe7!important}.mdl-color-text--lime-100{color:#f0f4c3!important}.mdl-color--lime-100{background-color:#f0f4c3!important}.mdl-color-text--lime-200{color:#e6ee9c!important}.mdl-color--lime-200{background-color:#e6ee9c!important}.mdl-color-text--lime-300{color:#dce775!important}.mdl-color--lime-300{background-color:#dce775!important}.mdl-color-text--lime-400{color:#d4e157!important}.mdl-color--lime-400{background-color:#d4e157!important}.mdl-color-text--lime-500{color:#cddc39!important}.mdl-color--lime-500{background-color:#cddc39!important}.mdl-color-text--lime-600{color:#c0ca33!important}.mdl-color--lime-600{background-color:#c0ca33!important}.mdl-color-text--lime-700{color:#afb42b!important}.mdl-color--lime-700{background-color:#afb42b!important}.mdl-color-text--lime-800{color:#9e9d24!important}.mdl-color--lime-800{background-color:#9e9d24!important}.mdl-color-text--lime-900{color:#827717!important}.mdl-color--lime-900{background-color:#827717!important}.mdl-color-text--lime-A100{color:#f4ff81!important}.mdl-color--lime-A100{background-color:#f4ff81!important}.mdl-color-text--lime-A200{color:#eeff41!important}.mdl-color--lime-A200{background-color:#eeff41!important}.mdl-color-text--lime-A400{color:#c6ff00!important}.mdl-color--lime-A400{background-color:#c6ff00!important}.mdl-color-text--lime-A700{color:#aeea00!important}.mdl-color--lime-A700{background-color:#aeea00!important}.mdl-color-text--yellow{color:#ffeb3b!important}.mdl-color--yellow{background-color:#ffeb3b!important}.mdl-color-text--yellow-50{color:#fffde7!important}.mdl-color--yellow-50{background-color:#fffde7!important}.mdl-color-text--yellow-100{color:#fff9c4!important}.mdl-color--yellow-100{background-color:#fff9c4!important}.mdl-color-text--yellow-200{color:#fff59d!important}.mdl-color--yellow-200{background-color:#fff59d!important}.mdl-color-text--yellow-300{color:#fff176!important}.mdl-color--yellow-300{background-color:#fff176!important}.mdl-color-text--yellow-400{color:#ffee58!important}.mdl-color--yellow-400{background-color:#ffee58!important}.mdl-color-text--yellow-500{color:#ffeb3b!important}.mdl-color--yellow-500{background-color:#ffeb3b!important}.mdl-color-text--yellow-600{color:#fdd835!important}.mdl-color--yellow-600{background-color:#fdd835!important}.mdl-color-text--yellow-700{color:#fbc02d!important}.mdl-color--yellow-700{background-color:#fbc02d!important}.mdl-color-text--yellow-800{color:#f9a825!important}.mdl-color--yellow-800{background-color:#f9a825!important}.mdl-color-text--yellow-900{color:#f57f17!important}.mdl-color--yellow-900{background-color:#f57f17!important}.mdl-color-text--yellow-A100{color:#ffff8d!important}.mdl-color--yellow-A100{background-color:#ffff8d!important}.mdl-color-text--yellow-A200{color:#ff0!important}.mdl-color--yellow-A200{background-color:#ff0!important}.mdl-color-text--yellow-A400{color:#ffea00!important}.mdl-color--yellow-A400{background-color:#ffea00!important}.mdl-color-text--yellow-A700{color:#ffd600!important}.mdl-color--yellow-A700{background-color:#ffd600!important}.mdl-color-text--amber{color:#ffc107!important}.mdl-color--amber{background-color:#ffc107!important}.mdl-color-text--amber-50{color:#fff8e1!important}.mdl-color--amber-50{background-color:#fff8e1!important}.mdl-color-text--amber-100{color:#ffecb3!important}.mdl-color--amber-100{background-color:#ffecb3!important}.mdl-color-text--amber-200{color:#ffe082!important}.mdl-color--amber-200{background-color:#ffe082!important}.mdl-color-text--amber-300{color:#ffd54f!important}.mdl-color--amber-300{background-color:#ffd54f!important}.mdl-color-text--amber-400{color:#ffca28!important}.mdl-color--amber-400{background-color:#ffca28!important}.mdl-color-text--amber-500{color:#ffc107!important}.mdl-color--amber-500{background-color:#ffc107!important}.mdl-color-text--amber-600{color:#ffb300!important}.mdl-color--amber-600{background-color:#ffb300!important}.mdl-color-text--amber-700{color:#ffa000!important}.mdl-color--amber-700{background-color:#ffa000!important}.mdl-color-text--amber-800{color:#ff8f00!important}.mdl-color--amber-800{background-color:#ff8f00!important}.mdl-color-text--amber-900{color:#ff6f00!important}.mdl-color--amber-900{background-color:#ff6f00!important}.mdl-color-text--amber-A100{color:#ffe57f!important}.mdl-color--amber-A100{background-color:#ffe57f!important}.mdl-color-text--amber-A200{color:#ffd740!important}.mdl-color--amber-A200{background-color:#ffd740!important}.mdl-color-text--amber-A400{color:#ffc400!important}.mdl-color--amber-A400{background-color:#ffc400!important}.mdl-color-text--amber-A700{color:#ffab00!important}.mdl-color--amber-A700{background-color:#ffab00!important}.mdl-color-text--orange{color:#ff9800!important}.mdl-color--orange{background-color:#ff9800!important}.mdl-color-text--orange-50{color:#fff3e0!important}.mdl-color--orange-50{background-color:#fff3e0!important}.mdl-color-text--orange-100{color:#ffe0b2!important}.mdl-color--orange-100{background-color:#ffe0b2!important}.mdl-color-text--orange-200{color:#ffcc80!important}.mdl-color--orange-200{background-color:#ffcc80!important}.mdl-color-text--orange-300{color:#ffb74d!important}.mdl-color--orange-300{background-color:#ffb74d!important}.mdl-color-text--orange-400{color:#ffa726!important}.mdl-color--orange-400{background-color:#ffa726!important}.mdl-color-text--orange-500{color:#ff9800!important}.mdl-color--orange-500{background-color:#ff9800!important}.mdl-color-text--orange-600{color:#fb8c00!important}.mdl-color--orange-600{background-color:#fb8c00!important}.mdl-color-text--orange-700{color:#f57c00!important}.mdl-color--orange-700{background-color:#f57c00!important}.mdl-color-text--orange-800{color:#ef6c00!important}.mdl-color--orange-800{background-color:#ef6c00!important}.mdl-color-text--orange-900{color:#e65100!important}.mdl-color--orange-900{background-color:#e65100!important}.mdl-color-text--orange-A100{color:#ffd180!important}.mdl-color--orange-A100{background-color:#ffd180!important}.mdl-color-text--orange-A200{color:#ffab40!important}.mdl-color--orange-A200{background-color:#ffab40!important}.mdl-color-text--orange-A400{color:#ff9100!important}.mdl-color--orange-A400{background-color:#ff9100!important}.mdl-color-text--orange-A700{color:#ff6d00!important}.mdl-color--orange-A700{background-color:#ff6d00!important}.mdl-color-text--deep-orange{color:#ff5722!important}.mdl-color--deep-orange{background-color:#ff5722!important}.mdl-color-text--deep-orange-50{color:#fbe9e7!important}.mdl-color--deep-orange-50{background-color:#fbe9e7!important}.mdl-color-text--deep-orange-100{color:#ffccbc!important}.mdl-color--deep-orange-100{background-color:#ffccbc!important}.mdl-color-text--deep-orange-200{color:#ffab91!important}.mdl-color--deep-orange-200{background-color:#ffab91!important}.mdl-color-text--deep-orange-300{color:#ff8a65!important}.mdl-color--deep-orange-300{background-color:#ff8a65!important}.mdl-color-text--deep-orange-400{color:#ff7043!important}.mdl-color--deep-orange-400{background-color:#ff7043!important}.mdl-color-text--deep-orange-500{color:#ff5722!important}.mdl-color--deep-orange-500{background-color:#ff5722!important}.mdl-color-text--deep-orange-600{color:#f4511e!important}.mdl-color--deep-orange-600{background-color:#f4511e!important}.mdl-color-text--deep-orange-700{color:#e64a19!important}.mdl-color--deep-orange-700{background-color:#e64a19!important}.mdl-color-text--deep-orange-800{color:#d84315!important}.mdl-color--deep-orange-800{background-color:#d84315!important}.mdl-color-text--deep-orange-900{color:#bf360c!important}.mdl-color--deep-orange-900{background-color:#bf360c!important}.mdl-color-text--deep-orange-A100{color:#ff9e80!important}.mdl-color--deep-orange-A100{background-color:#ff9e80!important}.mdl-color-text--deep-orange-A200{color:#ff6e40!important}.mdl-color--deep-orange-A200{background-color:#ff6e40!important}.mdl-color-text--deep-orange-A400{color:#ff3d00!important}.mdl-color--deep-orange-A400{background-color:#ff3d00!important}.mdl-color-text--deep-orange-A700{color:#dd2c00!important}.mdl-color--deep-orange-A700{background-color:#dd2c00!important}.mdl-color-text--brown{color:#795548!important}.mdl-color--brown{background-color:#795548!important}.mdl-color-text--brown-50{color:#efebe9!important}.mdl-color--brown-50{background-color:#efebe9!important}.mdl-color-text--brown-100{color:#d7ccc8!important}.mdl-color--brown-100{background-color:#d7ccc8!important}.mdl-color-text--brown-200{color:#bcaaa4!important}.mdl-color--brown-200{background-color:#bcaaa4!important}.mdl-color-text--brown-300{color:#a1887f!important}.mdl-color--brown-300{background-color:#a1887f!important}.mdl-color-text--brown-400{color:#8d6e63!important}.mdl-color--brown-400{background-color:#8d6e63!important}.mdl-color-text--brown-500{color:#795548!important}.mdl-color--brown-500{background-color:#795548!important}.mdl-color-text--brown-600{color:#6d4c41!important}.mdl-color--brown-600{background-color:#6d4c41!important}.mdl-color-text--brown-700{color:#5d4037!important}.mdl-color--brown-700{background-color:#5d4037!important}.mdl-color-text--brown-800{color:#4e342e!important}.mdl-color--brown-800{background-color:#4e342e!important}.mdl-color-text--brown-900{color:#3e2723!important}.mdl-color--brown-900{background-color:#3e2723!important}.mdl-color-text--grey{color:#9e9e9e!important}.mdl-color--grey{background-color:#9e9e9e!important}.mdl-color-text--grey-50{color:#fafafa!important}.mdl-color--grey-50{background-color:#fafafa!important}.mdl-color-text--grey-100{color:#f5f5f5!important}.mdl-color--grey-100{background-color:#f5f5f5!important}.mdl-color-text--grey-200{color:#eee!important}.mdl-color--grey-200{background-color:#eee!important}.mdl-color-text--grey-300{color:#e0e0e0!important}.mdl-color--grey-300{background-color:#e0e0e0!important}.mdl-color-text--grey-400{color:#bdbdbd!important}.mdl-color--grey-400{background-color:#bdbdbd!important}.mdl-color-text--grey-500{color:#9e9e9e!important}.mdl-color--grey-500{background-color:#9e9e9e!important}.mdl-color-text--grey-600{color:#757575!important}.mdl-color--grey-600{background-color:#757575!important}.mdl-color-text--grey-700{color:#616161!important}.mdl-color--grey-700{background-color:#616161!important}.mdl-color-text--grey-800{color:#424242!important}.mdl-color--grey-800{background-color:#424242!important}.mdl-color-text--grey-900{color:#212121!important}.mdl-color--grey-900{background-color:#212121!important}.mdl-color-text--blue-grey{color:#607d8b!important}.mdl-color--blue-grey{background-color:#607d8b!important}.mdl-color-text--blue-grey-50{color:#eceff1!important}.mdl-color--blue-grey-50{background-color:#eceff1!important}.mdl-color-text--blue-grey-100{color:#cfd8dc!important}.mdl-color--blue-grey-100{background-color:#cfd8dc!important}.mdl-color-text--blue-grey-200{color:#b0bec5!important}.mdl-color--blue-grey-200{background-color:#b0bec5!important}.mdl-color-text--blue-grey-300{color:#90a4ae!important}.mdl-color--blue-grey-300{background-color:#90a4ae!important}.mdl-color-text--blue-grey-400{color:#78909c!important}.mdl-color--blue-grey-400{background-color:#78909c!important}.mdl-color-text--blue-grey-500{color:#607d8b!important}.mdl-color--blue-grey-500{background-color:#607d8b!important}.mdl-color-text--blue-grey-600{color:#546e7a!important}.mdl-color--blue-grey-600{background-color:#546e7a!important}.mdl-color-text--blue-grey-700{color:#455a64!important}.mdl-color--blue-grey-700{background-color:#455a64!important}.mdl-color-text--blue-grey-800{color:#37474f!important}.mdl-color--blue-grey-800{background-color:#37474f!important}.mdl-color-text--blue-grey-900{color:#263238!important}.mdl-color--blue-grey-900{background-color:#263238!important}.mdl-color--black{background-color:#000!important}.mdl-color-text--black{color:#000!important}.mdl-color--white{background-color:#fff!important}.mdl-color-text--white{color:#fff!important}.mdl-color--primary{background-color:#00bcd4!important}.mdl-color--primary-contrast{background-color:#fff!important}.mdl-color--primary-dark{background-color:#303f9f!important}.mdl-color--accent{background-color:#ff4081!important}.mdl-color--accent-contrast{background-color:#fff!important}.mdl-color-text--primary{color:#00bcd4!important}.mdl-color-text--primary-contrast{color:#fff!important}.mdl-color-text--primary-dark{color:#303f9f!important}.mdl-color-text--accent{color:#ff4081!important}.mdl-color-text--accent-contrast{color:#fff!important}.mdl-ripple{background:#000;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 .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .6s cubic-bezier(0,0,.2,1)}.mdl-ripple.is-visible{opacity:.3}.mdl-animation--default,.mdl-animation--fast-out-slow-in{transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-animation--linear-out-slow-in{transition-timing-function:cubic-bezier(0,0,.2,1)}.mdl-animation--fast-out-linear-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.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-weight:600;font-size:12px;width:22px;height:22px;border-radius:50%;background:#00bcd4;color:#fff}.mdl-button .mdl-badge[data-badge]:after{top:-10px;right:-5px}.mdl-badge.mdl-badge--no-background[data-badge]:after{color:#ff4081;background:rgba(255,255,255,.2);box-shadow:0 0 1px gray}.mdl-badge.mdl-badge--overlap{margin-right:10px}.mdl-badge.mdl-badge--overlap:after{right:-10px}.mdl-button{background:0 0;border:none;border-radius:2px;color:#fff;position:relative;height:36px;margin:0;min-width:64px;padding:0 16px;display:inline-block;font-size:14px;letter-spacing:0;overflow:hidden;will-change:box-shadow;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);outline:0;cursor:pointer;text-decoration:none;text-align:center;line-height:36px}.mdl-button--fab,.mdl-button--icon{font-size:24px;padding:0;overflow:hidden}.mdl-checkbox__tick-outline,.mdl-data-table tbody tr{transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-button::-moz-focus-inner{border:0}.mdl-card__supporting-text.mdl-card--border,.mdl-card__title.mdl-card--border{border-bottom:1px solid rgba(255,255,255,.05)}.mdl-button:hover{background-color:rgba(158,158,158,.2)}.mdl-button:focus:not(:active){background-color:rgba(0,0,0,.12)}.mdl-button:active{background-color:rgba(158,158,158,.4)}.mdl-button.mdl-button--colored{color:#f44336}.mdl-button.mdl-button--colored:focus:not(:active){background-color:rgba(0,0,0,.12)}input.mdl-button[type=submit]{-webkit-appearance:none}.mdl-button--raised{background:rgba(158,158,158,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.mdl-button--raised:active{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);background-color:rgba(158,158,158,.4)}.mdl-button--raised:focus:not(:active){box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4)}.mdl-button--raised.mdl-button--colored{background:#f44336;color:#fff}.mdl-button--raised.mdl-button--colored:active,.mdl-button--raised.mdl-button--colored:focus:not(:active),.mdl-button--raised.mdl-button--colored:hover{background-color:#00bcd4}.mdl-button--raised.mdl-button--colored .mdl-ripple{background:#fff}.mdl-button--fab{border-radius:50%;height:56px;margin:auto;min-width:56px;width:56px;background:rgba(158,158,158,.2);box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(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,#fff,#000)}.mdl-button--fab:active{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);background-color:rgba(158,158,158,.4)}.mdl-button--fab:focus:not(:active){box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4)}.mdl-button--fab.mdl-button--colored{background:#f44336;color:#fff}.mdl-button--fab.mdl-button--colored:hover{background-color:#ff4c4c}.mdl-button--fab.mdl-button--colored:active,.mdl-button--fab.mdl-button--colored:focus:not(:active){background-color:#f23d3d}.mdl-button--fab.mdl-button--colored .mdl-ripple{background:#fff}.mdl-button--icon{border-radius:50%;height:32px;margin-left:0;margin-right:0;min-width:32px;width:32px;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:0;left:0}.mdl-button--icon .mdl-button__ripple-container{border-radius:50%;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-button__ripple-container{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;overflow:hidden}.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple,.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple{background-color:transparent}.mdl-button--primary.mdl-button--primary{color:#f44336}.mdl-button--primary.mdl-button--primary .mdl-ripple{background:#fff}.mdl-button--primary.mdl-button--primary.mdl-button--fab,.mdl-button--primary.mdl-button--primary.mdl-button--raised{color:#fff;background-color:#f44336}.mdl-button--accent.mdl-button--accent{color:#f44336}.mdl-button--accent.mdl-button--accent .mdl-ripple{background:#fff}.mdl-button--accent.mdl-button--accent.mdl-button--fab,.mdl-button--accent.mdl-button--accent.mdl-button--raised{color:#fff;background-color:#f44336}.mdl-button.mdl-button--disabled.mdl-button--disabled,.mdl-button[disabled][disabled]{color:rgba(255,255,255,.3);cursor:default;background-color:transparent}.mdl-button--fab.mdl-button--disabled.mdl-button--disabled,.mdl-button--fab[disabled][disabled]{background-color:#6b6b6b;color:rgba(255,255,255,.3)}.mdl-button--raised.mdl-button--disabled.mdl-button--disabled,.mdl-button--raised[disabled][disabled]{background-color:#6b6b6b;color:rgba(255,255,255,.3);box-shadow:none}.mdl-button--colored.mdl-button--disabled.mdl-button--disabled,.mdl-button--colored[disabled][disabled]{color:rgba(255,255,255,.3)}.mdl-card{display:flex;flex-direction:column;font-size:16px;font-weight:400;min-height:auto;width:auto;z-index:1;position:relative;background:#444;border-radius:2px;box-sizing:border-box}.mdl-card__actions,.mdl-checkbox{box-sizing:border-box;width:100%}.mdl-card__media{background-color:#ff4081;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:rgba(255,255,255,1);display:block;display:flex;justify-content:stretch;line-height:normal;padding:20px 16px;perspective-origin:165px 56px;transform-origin:165px 56px;box-sizing:border-box}.mdl-card__title-text{align-self:flex-end;color:inherit;display:block;display:flex;font-size:24px;font-weight:400;line-height:normal;overflow:hidden;transform-origin:149px 48px;margin:0}.mdl-card__subtitle-text{font-size:14px;color:rgba(255,255,255,.5);margin:0}.mdl-card__supporting-text{color:rgba(255,255,255,1);font-size:1rem;padding:20px 16px}.mdl-card__actions{font-size:16px;line-height:normal;background-color:transparent}.mdl-card__actions.mdl-card--border{border-top:1px solid rgba(255,255,255,.05)}.mdl-card--expand{flex-grow:1}.mdl-card__menu{position:absolute;right:16px;top:16px}.mdl-checkbox{position:relative;z-index:1;display:inline-block;height:24px;margin:0;padding:0}.mdl-checkbox.is-upgraded{padding-left:26px}.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;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none}.mdl-checkbox__box-outline,.mdl-checkbox__focus-helper{top:2px;width:18px;height:18px;position:absolute;display:inline-block;box-sizing:border-box;left:0}.mdl-checkbox__box-outline{margin:0;cursor:pointer;overflow:hidden;border:2px solid #fff;border-radius:2px;z-index:2}.mdl-checkbox.is-checked .mdl-checkbox__box-outline{border:2px solid #f44336}.mdl-checkbox.is-disabled .mdl-checkbox__box-outline,fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline{border:2px solid rgba(0,0,0,.26);cursor:auto}.mdl-checkbox__focus-helper{border-radius:50%;background-color:transparent}.mdl-checkbox.is-focused .mdl-checkbox__focus-helper{box-shadow:0 0 0 9px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1)}.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper{box-shadow:0 0 0 9px rgba(0,188,212,.26);background-color:rgba(0,188,212,.26)}.mdl-checkbox__tick-outline{position:absolute;top:0;left:0;height:100%;width:100%;mask:url(../images/tick-mask.svg?embed);background:0 0;transition-property:background}.mdl-checkbox__ripple-container,.mdl-icon-toggle__ripple-container{z-index:2;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000);overflow:hidden}.mdl-checkbox.is-checked .mdl-checkbox__tick-outline{background:url(../images/tick.svg?embed) #f44336}.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline,fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline{background:url(../images/tick.svg?embed) rgba(0,0,0,.26)}.mdl-checkbox__label{position:relative;cursor:pointer;font-size:16px;line-height:24px;margin:0}.mdl-checkbox.is-disabled .mdl-checkbox__label,fieldset[disabled] .mdl-checkbox .mdl-checkbox__label{color:rgba(0,0,0,.26);cursor:auto}.mdl-checkbox__ripple-container{position:absolute;top:-6px;left:-9px;box-sizing:border-box;width:36px;height:36px;border-radius:50%;cursor:pointer}.mdl-checkbox__ripple-container .mdl-ripple{background:#f44336}.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container,fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container{cursor:auto}.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple,fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple{background:0 0}.mdl-chip{height:32px;line-height:32px;padding:0 12px;border:0;border-radius:16px;background-color:#dedede;display:inline-block;margin:2px 0;font-size:0;white-space:nowrap}.mdl-chip__action,.mdl-chip__text{font-size:13px;vertical-align:middle;display:inline-block}.mdl-chip__action{height:24px;width:24px;background:0 0;opacity:.54;cursor:pointer;text-align:center;padding:0;margin:0 0 0 4px;text-decoration:none;border:none;outline:0;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,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.mdl-chip:active{background-color:#d6d6d6}.mdl-chip--deletable{padding-right:4px}.mdl-chip--contact{padding-left:0}.mdl-data-table{position:relative;border-collapse:collapse;white-space:nowrap;font-size:16px}.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-property:background-color}.mdl-data-table tbody tr.is-selected{background-color:#444}.mdl-data-table tbody tr:hover{background-color:rgba(0,0,0,.2)}.mdl-data-table td,.mdl-data-table th{padding:0 8px 12px;text-align:right}.mdl-data-table td{position:relative;vertical-align:middle;height:48px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);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-weight:700;line-height:24px;letter-spacing:0;height:48px;font-size:13px;color:#fff;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,.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:400;font-style:normal;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}.label--mini,.mdl-icon-toggle,.mdl-navigation__link .material-icons,.mdl-radio,.mdl-snackbar__text,.mdl-switch{vertical-align:middle}.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,.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}.mdl-dialog{border:none;box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2);width:280px}.mdl-layout__drawer,.mdl-layout__header{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.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}.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;color:rgba(255,255,255,1)}.mdl-mega-footer{padding:16px 40px;color:#9e9e9e;background-color:#424242}.mdl-mega-footer--bottom-section:after,.mdl-mega-footer--middle-section:after,.mdl-mega-footer--top-section:after,.mdl-mega-footer__bottom-section:after,.mdl-mega-footer__middle-section:after,.mdl-mega-footer__top-section:after{content:'';display:block;clear:both}.mdl-mega-footer--left-section,.mdl-mega-footer--right-section,.mdl-mega-footer__left-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:#9e9e9e;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:-16px 0 0;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--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,.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,.mdl-mega-footer__heading-checkbox:checked~.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-layout-title,.mdl-layout__title,.mdl-list__item{font-family:Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box}.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:#e0e0e0}.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 0 32px;padding:0}.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;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}.mdl-mega-footer--bottom-section,.mdl-mega-footer__bottom-section{padding-top:16px;margin-bottom:16px}.mdl-logo{margin-bottom:16px;color:#fff}.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-mega-footer--heading-checkbox+.mdl-mega-footer--heading:after,.mdl-mega-footer--heading-checkbox+.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+.mdl-mega-footer--heading:after,.mdl-mega-footer__heading-checkbox+.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--heading-checkbox,.mdl-mega-footer__heading-checkbox{display:none}.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,.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer--link-list,.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list{display:block}.mdl-logo{float:left;margin-bottom:0;margin-right:16px}.mdl-mini-footer--link-list li,.mdl-mini-footer__link-list li{line-height:36px}}.mdl-mini-footer{display:flex;flex-flow:row wrap;justify-content:space-between;padding:32px 16px;color:#9e9e9e;background-color:#424242}.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}.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:#9e9e9e;border:none}.mdl-icon-toggle{position:relative;z-index:1;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;-ms-appearance:none;-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:#616161;border-radius:50%;padding:0;margin-left:0;margin-right:0;text-align:center;background-color:transparent;will-change:background-color;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,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:#00bcd4}.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label{color:rgba(0,0,0,.26);cursor:auto;transition:none}.mdl-icon-toggle.is-focused .mdl-icon-toggle__label{background-color:rgba(0,0,0,.12)}.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label{background-color:rgba(0,188,212,.26)}.mdl-icon-toggle__ripple-container{position:absolute;top:-2px;left:-2px;box-sizing:border-box;width:36px;height:36px;border-radius:50%;cursor:pointer}.mdl-icon-toggle__ripple-container .mdl-ripple{background:#616161}.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:0 0}.mdl-list{display:block;padding:0;list-style:none}.mdl-list__item{font-size:16px;font-weight:400;letter-spacing:.04em;line-height:1;display:flex;min-height:48px;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:16px;cursor:default;color:#fff;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-avatar,.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon{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(255,255,255,.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:rgba(255,255,255,.8)}.mdl-list__item-avatar,.mdl-list__item-avatar.material-icons{height:32px;width:32px;box-sizing:border-box;border-radius:50%;background-color:rgba(255,255,255,.8);font-size:32px;color:#fff}.mdl-menu__container,.mdl-menu__outline{padding:0;border:none;position:absolute;display:block}.mdl-list__item--three-line .mdl-list__item-text-body,.mdl-menu__item,.mdl-navigation__link{font-size:14px;letter-spacing:0;font-weight:400}.mdl-list__item--two-line{height:64px}.mdl-list__item--two-line .mdl-list__item-primary-content{height:32px;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:4px}.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content{height:32px}.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title{font-size:14px;font-weight:400;letter-spacing:0;line-height:18px;color:rgba(255,255,255,.54);display:block;padding:0}.mdl-list__item--three-line{height:88px}.mdl-list__item--three-line .mdl-list__item-primary-content{height:56px;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:56px}.mdl-list__item--three-line .mdl-list__item-text-body{line-height:18px;height:56px;color:rgba(255,255,255,.54);display:block;padding:0}.mdl-menu__container{margin:0;overflow:visible;height:0;width:0;visibility:hidden;z-index:-1}.mdl-menu__container.is-animating,.mdl-menu__container.is-visible{z-index:999;visibility:visible}.mdl-menu__outline{background:#444;margin:0;border-radius:2px;top:0;left:0;overflow:hidden;opacity:0;transform:scale(0);transform-origin:0 0;will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);z-index:-1}.mdl-menu__item,.mdl-menu__item[data-mdl-disabled]:focus,.mdl-menu__item[data-mdl-disabled]:hover,.mdl-menu__item[disabled]:focus,.mdl-menu__item[disabled]:hover{background-color:transparent}.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 .2s cubic-bezier(.4,0,.2,1),clip .3s cubic-bezier(.4,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,.87);text-align:left;margin:0;padding:0 16px;outline-color:#bdbdbd;position:relative;overflow:hidden;text-decoration:none;cursor:pointer;height:48px;line-height:48px;white-space:nowrap;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);user-select:none}.mdl-menu__item:focus,.mdl-progress:focus,.mdl-snackbar__action,.mdl-textfield.is-focused .mdl-textfield__input{outline:0}.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,.12)}.mdl-menu__item[data-mdl-disabled],.mdl-menu__item[disabled]{color:#bdbdbd;background-color:transparent;cursor:auto}.mdl-menu__item[data-mdl-disabled] .mdl-ripple,.mdl-menu__item[disabled] .mdl-ripple{background:0 0}.mdl-menu__item:hover{background-color:rgba(0,0,0,.2)}.mdl-menu__item:active,.mdl-menu__item:focus{background-color:rgba(0,0,0,.15)}.mdl-menu__item--ripple-container{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;overflow:hidden}.mdl-progress{display:block;position:relative;height:4px;max-width:100%}.mdl-progress>.bar{display:block;position:absolute;top:0;bottom:0;width:0%;transition:width .2s cubic-bezier(.4,0,.2,1)}.mdl-layout__drawer,.mdl-layout__header,.mdl-layout__obfuscator{transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-progress>.progressbar{background-color:#f44336;z-index:1;left:0}.mdl-progress>.bufferbar{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,.4),rgba(255,255,255,.4)),linear-gradient(to right,#f44336,#f44336);mask:url(../images/buffer.svg?embed)}}.mdl-radio__ripple-container,.mdl-switch__ripple-container{-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.mdl-progress:not(.mdl-progress--indeterminate)>.auxbar,.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(255,255,255,.9),rgba(255,255,255,.9)),linear-gradient(to right,#f44336,#f44336)}.mdl-progress.mdl-progress--indeterminate>.bar1,.mdl-progress.mdl-progress__indeterminate>.bar1{background-color:#f44336;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:#f44336;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%,50%{left:0;width:0%}75%{left:0;width:25%}100%{left:100%;width:0%}}.mdl-navigation{display:flex;flex-wrap:nowrap;box-sizing:border-box}.mdl-navigation__link{color:#424242;text-decoration:none;margin:0;line-height:24px;opacity:.87}.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,.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-size:20px;line-height:1;letter-spacing:.02em;font-weight:400}.mdl-layout-spacer{flex-grow:1}.mdl-layout__drawer{display:flex;flex-direction:column;flex-wrap:nowrap;width:236px;height:100%;max-height:100%;position:absolute;top:0;left:0;box-sizing:border-box;background:#202020;transform:translateX(-246px);transform-style:preserve-3d;will-change:transform;transition-property:transform;color:#424242;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:20px}.mdl-layout__drawer .mdl-navigation{flex-direction:column;align-items:stretch}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{display:block;flex-shrink:0;margin:0;color:#757575}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover{background-color:rgba(0,0,0,.25)}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current{background-color:rgba(0,0,0,.25);color:#00bcd4}.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:#00bcd4;z-index:4}.mdl-snackbar,.mdl-snackbar__action{font-family:Roboto,Helvetica,Arial,sans-serif}.mdl-layout__header .mdl-layout__drawer-button{position:absolute;color:#00bcd4;background-color:inherit}@media screen and (max-width:1440px){.mdl-layout__drawer>.mdl-layout-title,.mdl-layout__drawer>.mdl-layout__title{line-height:56px;padding-left:8px}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{padding:16px 8px}.mdl-layout__header .mdl-layout__drawer-button{margin:4px}.mdl-layout__drawer-button{margin:4px;color:rgba(0,0,0,.5)}}@media screen and (min-width:1441px){.mdl-layout--fixed-drawer>.mdl-layout__drawer{transform:translateX(0)}.mdl-layout__drawer-button{line-height:54px}.mdl-layout--fixed-drawer>.mdl-layout__drawer-button,.mdl-layout--no-desktop-drawer-button .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;margin:0;padding:0;border:none;min-height:64px;max-height:1000px;z-index:3;background-color:#333;color:#00bcd4;transition-property:max-height,box-shadow}.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen)>.mdl-layout__header{margin-left:236px;width:calc(100% - 236px)}@media screen and (min-width:1441px){.mdl-layout--fixed-drawer>.mdl-layout__header .mdl-layout__header-row{padding-left:40px}}.mdl-layout__header>.mdl-layout-icon{position:absolute;left:20px;top:16px;height:32px;width:32px;overflow:hidden;z-index:3;display:block}.mdl-layout.has-drawer .mdl-layout__header>.mdl-layout-icon{display:none}.mdl-layout__header.is-compact{max-height:64px}.mdl-layout__header.is-compact.has-tabs{height:112px}@media screen and (max-width:1440px){.mdl-layout__header{min-height:56px;display:none}.mdl-layout__header>.mdl-layout-icon{left:8px;top:12px}.mdl-layout__header.is-compact{max-height:56px}.mdl-layout__header.is-compact.has-tabs{min-height:104px}.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--scroll,.mdl-layout__header--seamed{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,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(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 20px 0 80px}.mdl-layout--no-drawer-button .mdl-layout__header-row{padding-left:20px}@media screen and (min-width:1441px){.mdl-layout--no-desktop-drawer-button .mdl-layout__header-row{padding-left:20px}}@media screen and (max-width:1440px){.mdl-layout__header-row{height:56px;padding:0 8px 0 72px}.mdl-layout--no-drawer-button .mdl-layout__header-row{padding-left:8px}}.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}.mdl-layout__header-row .mdl-navigation__link{display:block;color:#00bcd4;line-height:64px;padding:0 24px}@media screen and (max-width:1440px){.mdl-layout__header-row .mdl-navigation{height:56px}.mdl-layout__header-row .mdl-navigation__link{line-height:56px;padding:0 8px}}.mdl-layout__tab,.mdl-layout__tab-bar-button .material-icons{line-height:48px}.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}.mdl-layout__obfuscator.is-visible{background-color:rgba(0,0,0,.5);visibility:visible}@supports (pointer-events:auto){.mdl-layout__obfuscator{background-color:rgba(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:236px}.mdl-layout__container.has-scrolling-header .mdl-layout__content{overflow:visible}@media screen and (max-width:1440px){.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:#333;overflow-y:hidden;overflow-x:scroll}.mdl-layout__tab-bar::-webkit-scrollbar{display:none}.mdl-layout--no-drawer-button .mdl-layout__tab-bar{width:calc(100% - -8px)}@media screen and (min-width:1441px){.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar{width:calc(100% - -8px)}}@media screen and (max-width:1440px){.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)}}.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:#333;color:transparent;cursor:pointer;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:-4px}.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:-14px}.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button{display:none}.mdl-layout__tab-bar-button.is-active{color:#00bcd4}.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;float:left;position:relative;display:block;flex-grow:0;flex-shrink:0;text-decoration:none;height:48px;text-align:center;font-weight:500;font-size:14px;color:rgba(255,255,255,.6);overflow:hidden}.mdl-radio,.mdl-radio__button{line-height:24px}@media screen and (max-width:1440px){.mdl-layout__tab-bar-button{width:60px}.mdl-layout__tab{padding: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:#00bcd4}.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after{height:2px;width:100%;display:block;content:" ";bottom:0;left:0;position:absolute;background:#ff4081;animation:border-expand .2s cubic-bezier(.4,0,.4,1) 10ms alternate forwards;transition:all 1s cubic-bezier(.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:#00bcd4}.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}.mdl-radio,.mdl-radio__outer-circle{display:inline-block;box-sizing:border-box;margin:0}.mdl-radio{position:relative;font-size:16px;height:24px;padding-left:0}.mdl-radio.is-upgraded{padding-left:24px}.mdl-radio.is-upgraded .mdl-radio__button{position:absolute;width:0;height:0;margin:0;padding:0;opacity:0;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none}.mdl-radio__outer-circle{position:absolute;top:4px;left:0;width:16px;height:16px;cursor:pointer;border:2px solid rgba(255,255,255,.8);border-radius:50%;z-index:2}.mdl-radio.is-checked .mdl-radio__outer-circle{border:2px solid rgba(0,188,212,.8)}.mdl-radio.is-disabled .mdl-radio__outer-circle,.mdl-radio__outer-circle fieldset[disabled] .mdl-radio{border:2px solid rgba(0,0,0,.26);cursor:auto}.mdl-radio__inner-circle,.mdl-radio__ripple-container{position:absolute;border-radius:50%;box-sizing:border-box}.mdl-radio__inner-circle{z-index:1;margin:0;top:8px;left:4px;width:8px;height:8px;cursor:pointer;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:transform;transform:scale(0,0);background:rgba(0,188,212,.8)}.mdl-radio.is-checked .mdl-radio__inner-circle{transform:scale(1,1)}.mdl-radio.is-disabled .mdl-radio__inner-circle,fieldset[disabled] .mdl-radio .mdl-radio__inner-circle{background:rgba(0,0,0,.26);cursor:auto}.mdl-radio.is-focused .mdl-radio__inner-circle{box-shadow:0 0 0 10px rgba(0,0,0,.1)}.mdl-radio__label{cursor:pointer}.mdl-radio.is-disabled .mdl-radio__label,fieldset[disabled] .mdl-radio .mdl-radio__label{color:rgba(0,0,0,.26);cursor:auto}.mdl-radio__ripple-container{z-index:2;top:-9px;left:-13px;width:42px;height:42px;cursor:pointer;overflow:hidden}.mdl-radio__ripple-container .mdl-ripple{background:rgba(0,188,212,.8)}.mdl-radio.is-disabled .mdl-radio__ripple-container,fieldset[disabled] .mdl-radio .mdl-radio__ripple-container{cursor:auto}.mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple,fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple{background:0 0}:root .mdl-slider.mdl-slider.is-upgraded,_:-ms-input-placeholder{-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:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0;padding:0;color:#f44336;align-self:center;z-index:1;cursor:pointer}.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:0 0}.mdl-slider.is-upgraded::-moz-range-track{background:0 0;border:none}.mdl-slider.is-upgraded::-ms-track{background:0 0;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,#f44336 16px,#f44336 0)}.mdl-slider.is-upgraded::-ms-fill-upper{padding:0;background:linear-gradient(to left,transparent,transparent 16px,rgba(255,255,255,.45) 16px,rgba(255,255,255,.45) 0)}.mdl-slider.is-upgraded::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background:#f44336;border:none;transition:transform .18s cubic-bezier(.4,0,.2,1),border .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,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:#f44336;border:none}.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(0,188,212,.26)}.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(0,188,212,.26)}.mdl-slider.is-upgraded:active::-webkit-slider-thumb{background:#f44336;transform:scale(1.5)}.mdl-slider.is-upgraded:active::-moz-range-thumb{background:#f44336;transform:scale(1.5)}.mdl-slider.is-upgraded::-ms-thumb{width:32px;height:32px;border:none;border-radius:50%;background:#f44336;transform:scale(.375);transition:transform .18s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1)}.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side,#f44336 0,#f44336 37.5%,rgba(0,188,212,.26) 37.5%,rgba(0,188,212,.26) 100%);transform:scale(1)}.mdl-slider.is-upgraded:active::-ms-thumb{background:#f44336;transform:scale(.5625)}.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb{border:2px solid rgba(255,255,255,.45);background:0 0}.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb{border:2px solid rgba(255,255,255,.45);background:0 0}.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,.12);background:rgba(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,.12);background:rgba(0,0,0,.12)}.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb{border:1.6px solid rgba(255,255,255,.45);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(255,255,255,.45);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(255,255,255,.45) 66.67%,rgba(255,255,255,.45) 100%)}.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side,rgba(0,0,0,.12) 0,rgba(0,0,0,.12) 25%,rgba(255,255,255,.45) 25%,rgba(255,255,255,.45) 37.5%,rgba(0,0,0,.12) 37.5%,rgba(0,0,0,.12) 100%);transform:scale(1)}.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb{transform:scale(.5625);background:radial-gradient(circle closest-side,transparent 0,transparent 77.78%,rgba(255,255,255,.45) 77.78%,rgba(255,255,255,.45) 100%)}.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower{background:0 0}.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::-webkit-slider-thumb,.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb{transform:scale(.667);background:rgba(255,255,255,.45)}.mdl-slider.is-upgraded:disabled::-moz-range-thumb,.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb{transform:scale(.667);background:rgba(255,255,255,.45)}.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-lower{background-color:rgba(255,255,255,.45);left:-6px}.mdl-slider.is-upgraded.is-lowest-value:disabled:active+.mdl-slider__background-flex>.mdl-slider__background-upper,.mdl-slider.is-upgraded:disabled+.mdl-slider__background-flex>.mdl-slider__background-upper{left:6px}.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb{border:3px solid rgba(255,255,255,.45);background:0 0;transform:scale(.667)}.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb{border:3px solid rgba(255,255,255,.45);background:0 0;transform:scale(.667)}.mdl-slider.is-upgraded:disabled::-ms-thumb,.mdl-slider.is-upgraded:disabled:active::-ms-thumb,.mdl-slider.is-upgraded:disabled:focus::-ms-thumb{transform:scale(.25);background:rgba(255,255,255,.45)}.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb{transform:scale(.25);background:radial-gradient(circle closest-side,transparent 0,transparent 50%,rgba(255,255,255,.45) 50%,rgba(255,255,255,.45) 100%)}.mdl-slider.is-upgraded:disabled::-ms-fill-lower{margin-right:6px;background:linear-gradient(to right,transparent,transparent 25px,rgba(255,255,255,.45) 25px,rgba(255,255,255,.45) 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:0 0;display:flex;flex-direction:row}.mdl-slider__background-flex{background:0 0;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:#f44336;flex:0;position:relative;border:0;padding:0}.mdl-slider__background-upper{background:rgba(255,255,255,.45);flex:0;position:relative;border:0;padding:0;transition:left .18s cubic-bezier(.4,0,.2,1)}.mdl-snackbar{position:fixed;bottom:0;left:50%;cursor:default;background-color:#323232;z-index:3;display:block;display:flex;justify-content:space-between;will-change:transform;transform:translate(0,80px);transition:transform .25s cubic-bezier(.4,0,1,1);pointer-events:none}@media (max-width:1151px){.mdl-snackbar{width:100%;left:0;min-height:48px;max-height:80px}}@media (min-width:1152px){.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 .25s cubic-bezier(0,0,.2,1)}@media (min-width:1152px){.mdl-snackbar--active{transform:translate(-50%,0)}}.mdl-snackbar__text{padding:14px 12px 14px 24px;color:#fff;float:left}.mdl-snackbar__action{background:0 0;border:none;color:#ff4081;float:right;padding:14px 24px 14px 12px;font-size:14px;font-weight:500;line-height:1;letter-spacing:0;overflow:hidden;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}.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 1.568s 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:#42a5f5}.mdl-spinner--single-color .mdl-spinner__layer-1{border-color:#00bcd4}.mdl-spinner.is-active .mdl-spinner__layer-1{animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdl-spinner__layer-2{border-color:#f44336}.mdl-spinner--single-color .mdl-spinner__layer-2{border-color:#00bcd4}.mdl-spinner.is-active .mdl-spinner__layer-2{animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdl-spinner__layer-3{border-color:#fdd835}.mdl-spinner--single-color .mdl-spinner__layer-3{border-color:#00bcd4}.mdl-spinner.is-active .mdl-spinner__layer-3{animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdl-spinner__layer-4{border-color:#4caf50}.mdl-spinner--single-color .mdl-spinner__layer-4{border-color:#00bcd4}.mdl-spinner.is-active .mdl-spinner__layer-4{animation:mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4,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)}}@keyframes mdl-spinner__layer-1-fade-in-out{100%,25%,90%,from{opacity:.99}26%,89%{opacity:0}}@keyframes mdl-spinner__layer-2-fade-in-out{15%,51%,from{opacity:0}25%,50%{opacity:.99}}@keyframes mdl-spinner__layer-3-fade-in-out{40%,76%,from{opacity:0}50%,75%{opacity:.99}}@keyframes mdl-spinner__layer-4-fade-in-out{100%,65%,from{opacity:0}75%,90%{opacity:.99}}.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(.4,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(.4,0,.2,1) infinite both}@keyframes mdl-spinner__left-spin{from,to{transform:rotate(130deg)}50%{transform:rotate(-5deg)}}@keyframes mdl-spinner__right-spin{from,to{transform:rotate(-130deg)}50%{transform:rotate(5deg)}}.mdl-switch{position:relative;z-index:1;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;-ms-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;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none}.mdl-switch__track{background:rgba(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(0,188,212,.5)}.mdl-switch.is-disabled .mdl-switch__track,.mdl-switch__track fieldset[disabled] .mdl-switch{background:rgba(0,0,0,.12);cursor:auto}.mdl-switch__thumb{background:#9e9e9e;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,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:left}.mdl-switch.is-checked .mdl-switch__thumb{background:#00bcd4;left:16px;box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)}.mdl-switch.is-disabled .mdl-switch__thumb,.mdl-switch__thumb fieldset[disabled] .mdl-switch{background:#bdbdbd;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 0 20px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1)}.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper{box-shadow:0 0 0 20px rgba(0,188,212,.26);background-color:rgba(0,188,212,.26)}.mdl-switch__label{position:relative;cursor:pointer;font-size:16px;line-height:24px;margin:0}.mdl-switch.is-disabled .mdl-switch__label,.mdl-switch__label fieldset[disabled] .mdl-switch{color:#bdbdbd;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;transition-duration:.4s;transition-timing-function:step-end;transition-property:left}.mdl-switch__ripple-container .mdl-ripple{background:#00bcd4}.mdl-switch.is-disabled .mdl-switch__ripple-container,.mdl-switch__ripple-container fieldset[disabled] .mdl-switch{cursor:auto}.mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple,fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple{background:0 0}.mdl-switch.is-checked .mdl-switch__ripple-container{left:2px}.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;margin:0;border-bottom:1px solid #e0e0e0}.mdl-tabs__tab{margin:0;border:none;padding: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;color:rgba(0,0,0,.54);overflow:hidden}.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active{color:rgba(0,0,0,.87)}.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after{height:2px;width:100%;display:block;content:" ";bottom:0;left:0;position:absolute;background:#00bcd4;animation:border-expand .2s cubic-bezier(.4,0,.4,1) 10ms alternate forwards;transition:all 1s cubic-bezier(.4,0,1,1)}.mdl-tabs__tab .mdl-tabs__ripple-container{display:block;position:absolute;height:100%;width:100%;left:0;top:0;z-index:1;overflow:hidden}.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple{background:#00bcd4}.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%}}.mdl-textfield{position:relative;font-size:16px;display:inline-block;box-sizing:border-box;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__input,.mdl-textfield__label{font-size:16px;width:100%;text-align:left;display:block}.mdl-textfield--expandable .mdl-button--icon{top:16px}.mdl-textfield__input{border:none;border-bottom:1px solid rgba(255,255,255,.2);font-family:Helvetica,Arial,sans-serif;margin:0;padding:4px 0;background:0 0;color:inherit}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link,a{font-family:Roboto,Helvetica,Arial,sans-serif}.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-invalid .mdl-textfield__input{border-color:#d50000;box-shadow:none}.mdl-textfield.is-disabled .mdl-textfield__input,fieldset[disabled] .mdl-textfield .mdl-textfield__input{background-color:transparent;border-bottom:1px dotted rgba(255,255,255,.2);color:rgba(255,255,255,.6)}.mdl-textfield textarea.mdl-textfield__input{display:block}.mdl-textfield__label{bottom:0;color:rgba(0,0,0,.26);left:0;right:0;pointer-events:none;position:absolute;top:24px;overflow:hidden;white-space:nowrap}.mdl-textfield.has-placeholder .mdl-textfield__label,.mdl-textfield.is-dirty .mdl-textfield__label{visibility:hidden}.mdl-textfield--floating-label .mdl-textfield__label{transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label{transition:none}.mdl-textfield__expandable-holder,.mdl-textfield__label:after{transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label,fieldset[disabled] .mdl-textfield .mdl-textfield__label{color:rgba(255,255,255,.6)}.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,.mdl-textfield--floating-label.is-focused .mdl-textfield__label{color:#00bcd4;font-size:12px;top:4px;visibility:visible}.mdl-textfield--floating-label.is-invalid .mdl-textfield__label,.mdl-textfield__error{color:#d50000;font-size:12px}.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label{top:-16px}.mdl-textfield__label:after{background-color:#00bcd4;bottom:20px;content:'';height:2px;left:45%;position:absolute;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:#d50000}.mdl-textfield__error{position:absolute;margin-top:3px;visibility:hidden;display:block}.mdl-textfield.is-invalid .mdl-textfield__error{visibility:visible}.mdl-textfield__expandable-holder{position:relative;margin-left:32px;display:inline-block;max-width:.1px}.mdl-textfield.is-dirty .mdl-textfield__expandable-holder,.mdl-textfield.is-focused .mdl-textfield__expandable-holder{max-width:600px}.mdl-textfield__expandable-holder .mdl-textfield__label:after{bottom:0}.mdl-tooltip{transform:scale(0);transform-origin:top center;z-index:999;background:#353535;border-radius:2px;color:#fff;display:inline-block;font-size:12px;line-height:14px;max-width:170px;position:fixed;top:-500px;left:-500px;text-align:center}.mdl-tooltip.is-active{animation:pulse .2s cubic-bezier(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(.99)}100%{transform:scale(1);opacity:1;visibility:visible}}.mdl-shadow--2dp{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.mdl-shadow--3dp{box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)}.mdl-shadow--4dp{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)}.mdl-shadow--6dp{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)}.mdl-shadow--8dp{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.mdl-shadow--16dp{box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}.mdl-shadow--24dp{box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2)}.mdl-grid{display:flex;flex-flow:row wrap;margin: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:1151px){.mdl-grid{padding:0}.mdl-cell{margin:16px;width:calc(100% - 32px)}.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% - 32px)}.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% - 32px)}.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% - 32px)}.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% - 32px)}.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% - 32px)}.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% - 32px)}.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% - 32px)}.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% - 32px)}.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% - 32px)}.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% - 32px)}.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% - 32px)}.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% - 32px)}.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% + 16px)}.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% + 16px)}.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% + 16px)}.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:1152px) and (max-width:1919px){.mdl-grid{padding:0}.mdl-cell{margin:16px;width:calc(33.33333% - 32px)}.mdl-grid--no-spacing>.mdl-cell{width:33.33333%}.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(8.33333% - 32px)}.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet{width:8.33333%}.mdl-cell--2-col,.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{width:calc(16.66667% - 32px)}.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{width:16.66667%}.mdl-cell--3-col,.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet{width:calc(25% - 32px)}.mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet{width:25%}.mdl-cell--4-col,.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{width:calc(33.33333% - 32px)}.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{width:33.33333%}.mdl-cell--5-col,.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet{width:calc(41.66667% - 32px)}.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet{width:41.66667%}.mdl-cell--6-col,.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet{width:calc(50% - 32px)}.mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet{width:50%}.mdl-cell--7-col,.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet{width:calc(58.33333% - 32px)}.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet{width:58.33333%}.mdl-cell--8-col,.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet{width:calc(66.66667% - 32px)}.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet{width:66.66667%}.mdl-cell--9-col,.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet{width:calc(75% - 32px)}.mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet{width:75%}.mdl-cell--10-col,.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet{width:calc(83.33333% - 32px)}.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet{width:83.33333%}.mdl-cell--11-col,.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet{width:calc(91.66667% - 32px)}.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet{width:91.66667%}.mdl-cell--12-col,.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet{width:calc(100% - 32px)}.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(8.33333% + 16px)}.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:8.33333%}.mdl-cell--2-offset,.mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet{margin-left:calc(16.66667% + 16px)}.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:16.66667%}.mdl-cell--3-offset,.mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet{margin-left:calc(25% + 16px)}.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:25%}.mdl-cell--4-offset,.mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet{margin-left:calc(33.33333% + 16px)}.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:33.33333%}.mdl-cell--5-offset,.mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet{margin-left:calc(41.66667% + 16px)}.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:41.66667%}.mdl-cell--6-offset,.mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet{margin-left:calc(50% + 16px)}.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:50%}.mdl-cell--7-offset,.mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet{margin-left:calc(58.33333% + 16px)}.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:58.33333%}.mdl-cell--8-offset,.mdl-cell--8-offset-tablet.mdl-cell--8-offset-tablet{margin-left:calc(66.66667% + 16px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--8-offset-tablet.mdl-cell--8-offset-tablet{margin-left:66.66667%}.mdl-cell--9-offset,.mdl-cell--9-offset-tablet.mdl-cell--9-offset-tablet{margin-left:calc(75% + 16px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--9-offset-tablet.mdl-cell--9-offset-tablet{margin-left:75%}.mdl-cell--10-offset,.mdl-cell--10-offset-tablet.mdl-cell--10-offset-tablet{margin-left:calc(83.33333% + 16px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--10-offset-tablet.mdl-cell--10-offset-tablet{margin-left:83.33333%}.mdl-cell--11-offset,.mdl-cell--11-offset-tablet.mdl-cell--11-offset-tablet{margin-left:calc(91.66667% + 16px)}.mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset,.mdl-grid.mdl-grid--no-spacing>.mdl-cell--11-offset-tablet.mdl-cell--11-offset-tablet{margin-left:91.66667%}}@media (min-width:1920px){.mdl-grid{padding:0}.mdl-cell{margin:16px;width:calc(33.33333% - 32px)}.mdl-grid--no-spacing>.mdl-cell{width:33.33333%}.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.33333% - 32px)}.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop{width:8.33333%}.mdl-cell--2-col,.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop{width:calc(16.66667% - 32px)}.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop{width:16.66667%}.mdl-cell--3-col,.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{width:calc(25% - 32px)}.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.33333% - 32px)}.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop{width:33.33333%}.mdl-cell--5-col,.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop{width:calc(41.66667% - 32px)}.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop{width:41.66667%}.mdl-cell--6-col,.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{width:calc(50% - 32px)}.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.33333% - 32px)}.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop{width:58.33333%}.mdl-cell--8-col,.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop{width:calc(66.66667% - 32px)}.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop{width:66.66667%}.mdl-cell--9-col,.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop{width:calc(75% - 32px)}.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.33333% - 32px)}.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop{width:83.33333%}.mdl-cell--11-col,.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop{width:calc(91.66667% - 32px)}.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop{width:91.66667%}.mdl-cell--12-col,.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop{width:calc(100% - 32px)}.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.33333% + 16px)}.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.33333%}.mdl-cell--2-offset,.mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop{margin-left:calc(16.66667% + 16px)}.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.66667%}.mdl-cell--3-offset,.mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop{margin-left:calc(25% + 16px)}.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.33333% + 16px)}.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.33333%}.mdl-cell--5-offset,.mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop{margin-left:calc(41.66667% + 16px)}.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.66667%}.mdl-cell--6-offset,.mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop{margin-left:calc(50% + 16px)}.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.33333% + 16px)}.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.33333%}.mdl-cell--8-offset,.mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop{margin-left:calc(66.66667% + 16px)}.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.66667%}.mdl-cell--9-offset,.mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop{margin-left:calc(75% + 16px)}.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.33333% + 16px)}.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.33333%}.mdl-cell--11-offset,.mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop{margin-left:calc(91.66667% + 16px)}.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.66667%}}.mdl-layout{background:#202020;overflow:hidden}main{background:url(../images/Dark_background_1920x1080.png) center top no-repeat;background-size:cover}.mdl-layout__header{width:100%!important;margin-left:0!important}.mdl-layout__drawer{border:none}.mdl-layout__drawer header{text-align:center;text-transform:uppercase;color:#fff;height:64px;line-height:64px;background:rgba(0,0,0,.85);font-size:25px;font-weight:500;letter-spacing:1px}.mdl-layout__header-row .avatar-dropdown:hover,.mdl-layout__header-row .material-icons.mdl-badge:hover,.mdl-layout__header-row .mdl-button--icon:hover{background:rgba(0,0,0,.3)}.mdl-layout__drawer .mdl-navigation{flex-grow:1;padding-top:48px;padding-bottom:8px;bottom:0}.mdl-layout__drawer .mdl-navigation hr{border-top:1px solid rgba(255,255,255,.1);margin:8px 0}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{font-size:13px;font-weight:500;padding:12px 0;position:relative}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link .material-icons{font-size:22px;width:22px;margin:-3px 25px 0 23px;color:rgba(255,255,255,.56)}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current{border-left:2px solid #00bcd4}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current .material-icons,.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover,.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover .material-icons{color:#00bcd4}.mdl-layout__drawer .mdl-navigation .sub-navigation{cursor:pointer}.mdl-layout__drawer .mdl-navigation .sub-navigation .mdl-navigation__link i:last-child{margin:0 16px 0 0;transition:transform .3s;float:right}.mdl-layout__drawer .mdl-navigation .sub-navigation .mdl-navigation{display:none;padding:5px 0}.mdl-layout__drawer .mdl-navigation .sub-navigation .mdl-navigation .mdl-navigation__link{padding-left:72px}.mdl-layout__drawer .mdl-navigation .sub-navigation .mdl-navigation .mdl-navigation__link--current{border-left:none}.mdl-layout__drawer .mdl-navigation .sub-navigation--show .mdl-navigation{display:block}.mdl-layout__drawer .mdl-navigation .sub-navigation--show .mdl-navigation__link i:last-child{transform:rotate(180deg)}.mdl-layout__header-row{color:rgba(255,255,255,.8)}.mdl-layout__header-row .avatar-dropdown{cursor:pointer;margin:0 10px;padding:0 20px;line-height:64px}.mdl-layout__header-row .avatar-dropdown>img{width:32px;height:32px}.mdl-layout__header-row .avatar-dropdown>span{color:rgba(255,255,255,.5);padding-right:16px}.mdl-layout__header-row .mdl-textfield{padding:18px 0}.mdl-layout__header-row .material-icons.mdl-badge{margin:10px;cursor:pointer;overflow:visible;text-align:center;height:24px;width:24px;min-width:0;padding:4px}.mdl-layout__header-row .material-icons.mdl-badge.mdl-badge--overlap:after{top:-3px;right:-8px}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:#999;cursor:pointer}::-webkit-scrollbar-track{background:#666}@media screen and (max-width:1440px){.mdl-layout--fixed-drawer main{margin-right:0}.mdl-layout--fixed-drawer>.mdl-layout__content{margin-left:0}.mdl-layout--fixed-drawer>.mdl-layout__drawer{transform:translateX(-246px)}.mdl-layout--fixed-drawer>.mdl-layout__drawer.is-visible{transform:translateX(0)!important}.mdl-layout--fixed-drawer>.mdl-layout__drawer header{height:56px;line-height:56px}.mdl-layout__header-row .avatar-dropdown{line-height:56px}}@media screen and (max-width:799px){.mdl-grid>.mdl-grid .mdl-cell{width:100%!important}.mdl-layout__header-row .message,.mdl-layout__header-row .notification{display:none}}.mdl-card__title{background-color:#333}.mdl-card__supporting-text{width:calc(100% - 32px);line-height:22px}.mdl-card__actions{padding:8px 16px}.mdl-card,.mdl-card__supporting-text{overflow:inherit}.mdl-card{height:100%}.mdl-chip{color:#000}.mdl-chip__action{color:inherit}.badge--colored-green[data-badge]:after{background-color:#00d45a}.badge--colored-red[data-badge]:after{background-color:#ff5252}.badge--colored-light-blue[data-badge]:after,.badge--colored-teal[data-badge]:after{background-color:#00bcd4}.badge--colored-purple[data-badge]:after{background-color:#7726d3}.badge--colored-orange[data-badge]:after{background-color:#ffc107}.mdl-slider__container{margin:0 -20px}.slider--colored-green.is-upgraded{color:#00d45a}.slider--colored-green.is-upgraded::-ms-fill-lower{background:linear-gradient(to right,transparent,transparent 16px,#00d45a 16px,#00d45a 0)}.slider--colored-green.is-upgraded::-webkit-slider-thumb{background:#00d45a}.slider--colored-green.is-upgraded::-moz-range-thumb{background:#00d45a}.slider--colored-green.is-upgraded:active::-webkit-slider-thumb{background:#00d45a}.slider--colored-green.is-upgraded:active::-moz-range-thumb{background:#00d45a}.slider--colored-green.is-upgraded::-ms-thumb{background:#00d45a}.slider--colored-green.is-upgraded:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side,#00d45a 0,#00d45a 37.5%,rgba(0,188,212,.26) 37.5%,rgba(0,188,212,.26) 100%)}.slider--colored-green.is-upgraded:active::-ms-thumb{background:#00d45a}.slider--colored-green+.mdl-slider__background-flex .mdl-slider__background-lower{background:#00d45a}.slider--colored-red.is-upgraded{color:#ff5252}.slider--colored-red.is-upgraded::-ms-fill-lower{background:linear-gradient(to right,transparent,transparent 16px,#ff5252 16px,#ff5252 0)}.slider--colored-red.is-upgraded::-webkit-slider-thumb{background:#ff5252}.slider--colored-red.is-upgraded::-moz-range-thumb{background:#ff5252}.slider--colored-red.is-upgraded:active::-webkit-slider-thumb{background:#ff5252}.slider--colored-red.is-upgraded:active::-moz-range-thumb{background:#ff5252}.slider--colored-red.is-upgraded::-ms-thumb{background:#ff5252}.slider--colored-red.is-upgraded:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side,#ff5252 0,#ff5252 37.5%,rgba(0,188,212,.26) 37.5%,rgba(0,188,212,.26) 100%)}.slider--colored-red.is-upgraded:active::-ms-thumb{background:#ff5252}.slider--colored-red+.mdl-slider__background-flex .mdl-slider__background-lower{background:#ff5252}.slider--colored-purple.is-upgraded{color:#7726d3}.slider--colored-light-blue.is-upgraded,.slider--colored-teal.is-upgraded{color:#00bcd4}.slider--colored-purple.is-upgraded::-ms-fill-lower{background:linear-gradient(to right,transparent,transparent 16px,#7726d3 16px,#7726d3 0)}.slider--colored-purple.is-upgraded::-webkit-slider-thumb{background:#7726d3}.slider--colored-purple.is-upgraded::-moz-range-thumb{background:#7726d3}.slider--colored-purple.is-upgraded:active::-webkit-slider-thumb{background:#7726d3}.slider--colored-purple.is-upgraded:active::-moz-range-thumb{background:#7726d3}.slider--colored-purple.is-upgraded::-ms-thumb{background:#7726d3}.slider--colored-purple.is-upgraded:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side,#7726d3 0,#7726d3 37.5%,rgba(0,188,212,.26) 37.5%,rgba(0,188,212,.26) 100%)}.slider--colored-purple.is-upgraded:active::-ms-thumb{background:#7726d3}.slider--colored-purple+.mdl-slider__background-flex .mdl-slider__background-lower{background:#7726d3}.slider--colored-teal.is-upgraded::-ms-fill-lower{background:linear-gradient(to right,transparent,transparent 16px,#00bcd4 16px,#00bcd4 0)}.slider--colored-teal.is-upgraded::-webkit-slider-thumb{background:#00bcd4}.slider--colored-teal.is-upgraded::-moz-range-thumb{background:#00bcd4}.slider--colored-teal.is-upgraded:active::-webkit-slider-thumb{background:#00bcd4}.slider--colored-teal.is-upgraded:active::-moz-range-thumb{background:#00bcd4}.slider--colored-teal.is-upgraded::-ms-thumb{background:#00bcd4}.slider--colored-teal.is-upgraded:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side,#00bcd4 0,#00bcd4 37.5%,rgba(0,188,212,.26) 37.5%,rgba(0,188,212,.26) 100%)}.slider--colored-teal.is-upgraded:active::-ms-thumb{background:#00bcd4}.slider--colored-teal+.mdl-slider__background-flex .mdl-slider__background-lower{background:#00bcd4}.slider--colored-light-blue.is-upgraded::-ms-fill-lower{background:linear-gradient(to right,transparent,transparent 16px,#00bcd4 16px,#00bcd4 0)}.slider--colored-light-blue.is-upgraded::-webkit-slider-thumb{background:#00bcd4}.slider--colored-light-blue.is-upgraded::-moz-range-thumb{background:#00bcd4}.slider--colored-light-blue.is-upgraded:active::-webkit-slider-thumb{background:#00bcd4}.slider--colored-light-blue.is-upgraded:active::-moz-range-thumb{background:#00bcd4}.slider--colored-light-blue.is-upgraded::-ms-thumb{background:#00bcd4}.slider--colored-light-blue.is-upgraded:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side,#00bcd4 0,#00bcd4 37.5%,rgba(0,188,212,.26) 37.5%,rgba(0,188,212,.26) 100%)}.slider--colored-light-blue.is-upgraded:active::-ms-thumb{background:#00bcd4}.slider--colored-light-blue+.mdl-slider__background-flex .mdl-slider__background-lower{background:#00bcd4}.slider--colored-orange.is-upgraded{color:#ffc107}.icon-toggle--colored-light-blue.is-checked .mdl-icon-toggle__label,.icon-toggle--colored-teal.is-checked .mdl-icon-toggle__label{color:#00bcd4}.slider--colored-orange.is-upgraded::-ms-fill-lower{background:linear-gradient(to right,transparent,transparent 16px,#ffc107 16px,#ffc107 0)}.slider--colored-orange.is-upgraded::-webkit-slider-thumb{background:#ffc107}.slider--colored-orange.is-upgraded::-moz-range-thumb{background:#ffc107}.slider--colored-orange.is-upgraded:active::-webkit-slider-thumb{background:#ffc107}.slider--colored-orange.is-upgraded:active::-moz-range-thumb{background:#ffc107}.slider--colored-orange.is-upgraded::-ms-thumb{background:#ffc107}.slider--colored-orange.is-upgraded:focus:not(:active)::-ms-thumb{background:radial-gradient(circle closest-side,#ffc107 0,#ffc107 37.5%,rgba(0,188,212,.26) 37.5%,rgba(0,188,212,.26) 100%)}.slider--colored-orange.is-upgraded:active::-ms-thumb{background:#ffc107}.slider--colored-orange+.mdl-slider__background-flex .mdl-slider__background-lower{background:#ffc107}.mdl-menu .mdl-menu__item.mdl-list__item{display:flex}.mdl-menu__outline{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)}.mdl-checkbox__tick-outline{-webkit-mask:url(../images/tick-mask.svg)}.mdl-checkbox__box-outline{border-color:rgba(255,255,255,.8)}.mdl-checkbox:hover:not(.is-checked) .mdl-checkbox__box-outline{border-color:#fff}.mdl-switch__label{left:0;margin-left:16px}.checkbox--colored-orange .mdl-ripple{background-color:rgba(255,193,7,.8)}.checkbox--colored-orange.is-checked .mdl-checkbox__tick-outline{background-color:#ffc107}.checkbox--colored-orange.is-checked .mdl-checkbox__box-outline{border-color:#ffc107}.checkbox--colored-light-blue .mdl-ripple{background-color:rgba(0,188,212,.8)}.checkbox--colored-light-blue.is-checked .mdl-checkbox__tick-outline{background-color:#00bcd4}.checkbox--colored-light-blue.is-checked .mdl-checkbox__box-outline{border-color:#00bcd4}.checkbox--colored-red .mdl-ripple{background-color:rgba(255,82,82,.8)}.checkbox--colored-red.is-checked .mdl-checkbox__tick-outline{background-color:#ff5252}.checkbox--colored-red.is-checked .mdl-checkbox__box-outline{border-color:#ff5252}.checkbox--colored-teal .mdl-ripple{background-color:rgba(0,188,212,.8)}.checkbox--colored-teal.is-checked .mdl-checkbox__tick-outline{background-color:#00bcd4}.checkbox--colored-teal.is-checked .mdl-checkbox__box-outline{border-color:#00bcd4}.checkbox--colored-purple .mdl-ripple{background-color:rgba(119,38,211,.8)}.checkbox--colored-purple.is-checked .mdl-checkbox__tick-outline{background-color:#7726d3}.checkbox--colored-purple.is-checked .mdl-checkbox__box-outline{border-color:#7726d3}.checkbox--colored-green .mdl-ripple{background-color:rgba(0,212,90,.8)}.checkbox--colored-green.is-checked .mdl-checkbox__tick-outline{background-color:#00d45a}.checkbox--colored-green.is-checked .mdl-checkbox__box-outline{border-color:#00d45a}.radio--colored-orange .mdl-ripple{background-color:rgba(255,193,7,.8)}.radio--colored-orange.is-checked .mdl-radio__outer-circle{border-color:#ffc107}.radio--colored-orange.is-checked .mdl-radio__inner-circle{background-color:#ffc107}.radio--colored-light-blue .mdl-ripple{background-color:rgba(0,188,212,.8)}.radio--colored-light-blue.is-checked .mdl-radio__outer-circle{border-color:#00bcd4}.radio--colored-light-blue.is-checked .mdl-radio__inner-circle{background-color:#00bcd4}.radio--colored-red .mdl-ripple{background-color:rgba(255,82,82,.8)}.radio--colored-red.is-checked .mdl-radio__outer-circle{border-color:#ff5252}.radio--colored-red.is-checked .mdl-radio__inner-circle{background-color:#ff5252}.radio--colored-teal .mdl-ripple{background-color:rgba(0,188,212,.8)}.radio--colored-teal.is-checked .mdl-radio__outer-circle{border-color:#00bcd4}.radio--colored-teal.is-checked .mdl-radio__inner-circle{background-color:#00bcd4}.radio--colored-purple .mdl-ripple{background-color:rgba(119,38,211,.8)}.radio--colored-purple.is-checked .mdl-radio__outer-circle{border-color:#7726d3}.radio--colored-purple.is-checked .mdl-radio__inner-circle{background-color:#7726d3}.radio--colored-green .mdl-ripple{background-color:rgba(0,212,90,.8)}.radio--colored-green.is-checked .mdl-radio__outer-circle{border-color:#00d45a}.radio--colored-green.is-checked .mdl-radio__inner-circle{background-color:#00d45a}.switch--colored-red .mdl-ripple{background-color:rgba(255,82,82,.8)}.switch--colored-red.is-checked .mdl-switch__track{background-color:rgba(255,82,82,.5)}.switch--colored-red.is-checked .mdl-switch__thumb{background-color:#ff5252}.switch--colored-orange .mdl-ripple{background-color:rgba(255,193,7,.8)}.switch--colored-orange.is-checked .mdl-switch__track{background-color:rgba(255,193,7,.5)}.switch--colored-orange.is-checked .mdl-switch__thumb{background-color:#ffc107}.switch--colored-light-blue .mdl-ripple{background-color:rgba(0,188,212,.8)}.switch--colored-light-blue.is-checked .mdl-switch__track{background-color:rgba(0,188,212,.5)}.switch--colored-light-blue.is-checked .mdl-switch__thumb{background-color:#00bcd4}.switch--colored-teal .mdl-ripple{background-color:rgba(0,188,212,.8)}.switch--colored-teal.is-checked .mdl-switch__track{background-color:rgba(0,188,212,.5)}.switch--colored-teal.is-checked .mdl-switch__thumb{background-color:#00bcd4}.switch--colored-purple .mdl-ripple{background-color:rgba(119,38,211,.8)}.switch--colored-purple.is-checked .mdl-switch__track{background-color:rgba(119,38,211,.5)}.switch--colored-purple.is-checked .mdl-switch__thumb{background-color:#7726d3}.switch--colored-green .mdl-ripple{background-color:rgba(0,212,90,.8)}.switch--colored-green.is-checked .mdl-switch__track{background-color:rgba(0,212,90,.5)}.switch--colored-green.is-checked .mdl-switch__thumb{background-color:#00d45a}.icon-toggle--colored-light-blue .mdl-ripple,.icon-toggle--colored-teal .mdl-ripple{background-color:#00bcd4}.icon-toggle--colored-orange.is-checked .mdl-icon-toggle__label{color:#ffc107}.icon-toggle--colored-orange .mdl-ripple{background-color:#ffc107}.icon-toggle--colored-purple.is-checked .mdl-icon-toggle__label{color:#7726d3}.icon-toggle--colored-purple .mdl-ripple{background-color:#7726d3}.icon-toggle--colored-red.is-checked .mdl-icon-toggle__label{color:#ff5252}.icon-toggle--colored-red .mdl-ripple{background-color:#ff5252}.icon-toggle--colored-green.is-checked .mdl-icon-toggle__label{color:#00d45a}.icon-toggle--colored-green .mdl-ripple{background-color:#00d45a}.mdl-button{font-weight:400;padding-top:1px}.mdl-button .material-icons{margin:0 8px 2px 0}.mdl-button.mdl-button--mini-icon .mdl-button--colored{color:#f44336}.mdl-button.mdl-button--mini-icon .material-icons{top:50%!important;left:50%!important;font-size:20px}.mdl-button.button--colored-red:not([disabled]).mdl-button--raised,.mdl-button.button--colored-red:not([disabled]).mdl-button--raised:hover{background-color:#ff5252;color:#fff}.mdl-button.button--colored-red:not([disabled]){color:#ff5252}.mdl-button.button--colored-teal:not([disabled]).mdl-button--raised,.mdl-button.button--colored-teal:not([disabled]).mdl-button--raised:hover{background-color:#00bcd4;color:#fff}.mdl-button.button--colored-teal:not([disabled]){color:#00bcd4}.mdl-button.button--colored-orange:not([disabled]).mdl-button--raised,.mdl-button.button--colored-orange:not([disabled]).mdl-button--raised:hover{background-color:#ffc107;color:#fff}.mdl-button.button--colored-orange:not([disabled]){color:#ffc107}.mdl-button.button--colored-light-blue:not([disabled]).mdl-button--raised,.mdl-button.button--colored-light-blue:not([disabled]).mdl-button--raised:hover{background-color:#00bcd4;color:#fff}.mdl-button.button--colored-light-blue:not([disabled]){color:#00bcd4}.mdl-button.button--colored-purple:not([disabled]).mdl-button--raised,.mdl-button.button--colored-purple:not([disabled]).mdl-button--raised:hover{background-color:#7726d3;color:#fff}.mdl-button.button--colored-purple:not([disabled]){color:#7726d3}.mdl-button.button--colored-green:not([disabled]).mdl-button--raised,.mdl-button.button--colored-green:not([disabled]).mdl-button--raised:hover{background-color:#00d45a;color:#fff}.mdl-button.button--colored-green:not([disabled]){color:#00d45a}.mdl-button.button--facebook.mdl-button--raised:not([disabled]),.mdl-button.button--facebook.mdl-button--raised:not([disabled]):hover{background-color:#3b5998;color:#fff}.mdl-button.button--facebook:not([disabled]){color:#3b5998}.mdl-button.button--facebook:not([disabled]) i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%233b5998' d='M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z' /%3E%3C/svg%3E")}.mdl-button.button--facebook.mdl-button--raised i,.mdl-button.button--facebook[disabled] i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z' /%3E%3C/svg%3E")}.mdl-button.button--twitter.mdl-button--raised:not([disabled]),.mdl-button.button--twitter.mdl-button--raised:not([disabled]):hover{background-color:#00abf1;color:#fff}.mdl-button.button--twitter:not([disabled]){color:#00abf1}.mdl-button.button--twitter:not([disabled]) i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%2300abf1' d='M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z' /%3E%3C/svg%3E")}.mdl-button.button--twitter.mdl-button--raised i,.mdl-button.button--twitter[disabled] i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z' /%3E%3C/svg%3E")}.mdl-button.button--linkedin.mdl-button--raised:not([disabled]),.mdl-button.button--linkedin.mdl-button--raised:not([disabled]):hover{background-color:#0083be;color:#fff}.mdl-button.button--linkedin:not([disabled]){color:#0083be}.mdl-button.button--linkedin:not([disabled]) i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%230083be' d='M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z' /%3E%3C/svg%3E")}.mdl-button.button--linkedin.mdl-button--raised i,.mdl-button.button--linkedin[disabled] i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z' /%3E%3C/svg%3E")}.mdl-button.button--github i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z' /%3E%3C/svg%3E")}.mdl-button.button--dribbble.mdl-button--raised:not([disabled]),.mdl-button.button--dribbble.mdl-button--raised:not([disabled]):hover{background-color:#f26798;color:#fff}.mdl-button.button--dribbble:not([disabled]){color:#f26798}.mdl-button.button--dribbble:not([disabled]) i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23f26798' d='M16.42,18.42C16,16.5 15.5,14.73 15,13.17C15.5,13.1 16,13.06 16.58,13.06H16.6V13.06H16.6C17.53,13.06 18.55,13.18 19.66,13.43C19.28,15.5 18.08,17.27 16.42,18.42M12,19.8C10.26,19.8 8.66,19.23 7.36,18.26C7.64,17.81 8.23,16.94 9.18,16.04C10.14,15.11 11.5,14.15 13.23,13.58C13.82,15.25 14.36,17.15 14.77,19.29C13.91,19.62 13,19.8 12,19.8M4.2,12C4.2,11.96 4.2,11.93 4.2,11.89C4.42,11.9 4.71,11.9 5.05,11.9H5.06C6.62,11.89 9.36,11.76 12.14,10.89C12.29,11.22 12.44,11.56 12.59,11.92C10.73,12.54 9.27,13.53 8.19,14.5C7.16,15.46 6.45,16.39 6.04,17C4.9,15.66 4.2,13.91 4.2,12M8.55,5C9.1,5.65 10.18,7.06 11.34,9.25C9,9.96 6.61,10.12 5.18,10.12C5.14,10.12 5.1,10.12 5.06,10.12H5.05C4.81,10.12 4.6,10.12 4.43,10.11C5,7.87 6.5,6 8.55,5M12,4.2C13.84,4.2 15.53,4.84 16.86,5.91C15.84,7.14 14.5,8 13.03,8.65C12,6.67 11,5.25 10.34,4.38C10.88,4.27 11.43,4.2 12,4.2M18.13,7.18C19.1,8.42 19.71,9.96 19.79,11.63C18.66,11.39 17.6,11.28 16.6,11.28V11.28H16.59C15.79,11.28 15.04,11.35 14.33,11.47C14.16,11.05 14,10.65 13.81,10.26C15.39,9.57 16.9,8.58 18.13,7.18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' /%3E%3C/svg%3E")}.mdl-button.button--dribbble.mdl-button--raised i,.mdl-button.button--dribbble[disabled] i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M16.42,18.42C16,16.5 15.5,14.73 15,13.17C15.5,13.1 16,13.06 16.58,13.06H16.6V13.06H16.6C17.53,13.06 18.55,13.18 19.66,13.43C19.28,15.5 18.08,17.27 16.42,18.42M12,19.8C10.26,19.8 8.66,19.23 7.36,18.26C7.64,17.81 8.23,16.94 9.18,16.04C10.14,15.11 11.5,14.15 13.23,13.58C13.82,15.25 14.36,17.15 14.77,19.29C13.91,19.62 13,19.8 12,19.8M4.2,12C4.2,11.96 4.2,11.93 4.2,11.89C4.42,11.9 4.71,11.9 5.05,11.9H5.06C6.62,11.89 9.36,11.76 12.14,10.89C12.29,11.22 12.44,11.56 12.59,11.92C10.73,12.54 9.27,13.53 8.19,14.5C7.16,15.46 6.45,16.39 6.04,17C4.9,15.66 4.2,13.91 4.2,12M8.55,5C9.1,5.65 10.18,7.06 11.34,9.25C9,9.96 6.61,10.12 5.18,10.12C5.14,10.12 5.1,10.12 5.06,10.12H5.05C4.81,10.12 4.6,10.12 4.43,10.11C5,7.87 6.5,6 8.55,5M12,4.2C13.84,4.2 15.53,4.84 16.86,5.91C15.84,7.14 14.5,8 13.03,8.65C12,6.67 11,5.25 10.34,4.38C10.88,4.27 11.43,4.2 12,4.2M18.13,7.18C19.1,8.42 19.71,9.96 19.79,11.63C18.66,11.39 17.6,11.28 16.6,11.28V11.28H16.59C15.79,11.28 15.04,11.35 14.33,11.47C14.16,11.05 14,10.65 13.81,10.26C15.39,9.57 16.9,8.58 18.13,7.18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' /%3E%3C/svg%3E")}.mdl-button.button--behance.mdl-button--raised:not([disabled]),.mdl-button.button--behance.mdl-button--raised:not([disabled]):hover{background-color:#4176fb;color:#fff}.mdl-button.button--behance:not([disabled]){color:#4176fb}.mdl-button.button--behance:not([disabled]) i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%234176fb' d='M19.58,12.27C19.54,11.65 19.33,11.18 18.96,10.86C18.59,10.54 18.13,10.38 17.58,10.38C17,10.38 16.5,10.55 16.19,10.89C15.86,11.23 15.65,11.69 15.57,12.27M21.92,12.04C22,12.45 22,13.04 22,13.81H15.5C15.55,14.71 15.85,15.33 16.44,15.69C16.79,15.92 17.22,16.03 17.73,16.03C18.26,16.03 18.69,15.89 19,15.62C19.2,15.47 19.36,15.27 19.5,15H21.88C21.82,15.54 21.53,16.07 21,16.62C20.22,17.5 19.1,17.92 17.66,17.92C16.47,17.92 15.43,17.55 14.5,16.82C13.62,16.09 13.16,14.9 13.16,13.25C13.16,11.7 13.57,10.5 14.39,9.7C15.21,8.87 16.27,8.46 17.58,8.46C18.35,8.46 19.05,8.6 19.67,8.88C20.29,9.16 20.81,9.59 21.21,10.2C21.58,10.73 21.81,11.34 21.92,12.04M9.58,14.07C9.58,13.42 9.31,12.97 8.79,12.73C8.5,12.6 8.08,12.53 7.54,12.5H4.87V15.84H7.5C8.04,15.84 8.46,15.77 8.76,15.62C9.31,15.35 9.58,14.83 9.58,14.07M4.87,10.46H7.5C8.04,10.46 8.5,10.36 8.82,10.15C9.16,9.95 9.32,9.58 9.32,9.06C9.32,8.5 9.1,8.1 8.66,7.91C8.27,7.78 7.78,7.72 7.19,7.72H4.87M11.72,12.42C12.04,12.92 12.2,13.53 12.2,14.24C12.2,15 12,15.64 11.65,16.23C11.41,16.62 11.12,16.94 10.77,17.21C10.37,17.5 9.9,17.72 9.36,17.83C8.82,17.94 8.24,18 7.61,18H2V5.55H8C9.53,5.58 10.6,6 11.23,6.88C11.61,7.41 11.8,8.04 11.8,8.78C11.8,9.54 11.61,10.15 11.23,10.61C11,10.87 10.7,11.11 10.28,11.32C10.91,11.55 11.39,11.92 11.72,12.42M20.06,7.32H15.05V6.07H20.06V7.32Z' /%3E%3C/svg%3E")}.mdl-button.button--behance.mdl-button--raised i,.mdl-button.button--behance[disabled] i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M19.58,12.27C19.54,11.65 19.33,11.18 18.96,10.86C18.59,10.54 18.13,10.38 17.58,10.38C17,10.38 16.5,10.55 16.19,10.89C15.86,11.23 15.65,11.69 15.57,12.27M21.92,12.04C22,12.45 22,13.04 22,13.81H15.5C15.55,14.71 15.85,15.33 16.44,15.69C16.79,15.92 17.22,16.03 17.73,16.03C18.26,16.03 18.69,15.89 19,15.62C19.2,15.47 19.36,15.27 19.5,15H21.88C21.82,15.54 21.53,16.07 21,16.62C20.22,17.5 19.1,17.92 17.66,17.92C16.47,17.92 15.43,17.55 14.5,16.82C13.62,16.09 13.16,14.9 13.16,13.25C13.16,11.7 13.57,10.5 14.39,9.7C15.21,8.87 16.27,8.46 17.58,8.46C18.35,8.46 19.05,8.6 19.67,8.88C20.29,9.16 20.81,9.59 21.21,10.2C21.58,10.73 21.81,11.34 21.92,12.04M9.58,14.07C9.58,13.42 9.31,12.97 8.79,12.73C8.5,12.6 8.08,12.53 7.54,12.5H4.87V15.84H7.5C8.04,15.84 8.46,15.77 8.76,15.62C9.31,15.35 9.58,14.83 9.58,14.07M4.87,10.46H7.5C8.04,10.46 8.5,10.36 8.82,10.15C9.16,9.95 9.32,9.58 9.32,9.06C9.32,8.5 9.1,8.1 8.66,7.91C8.27,7.78 7.78,7.72 7.19,7.72H4.87M11.72,12.42C12.04,12.92 12.2,13.53 12.2,14.24C12.2,15 12,15.64 11.65,16.23C11.41,16.62 11.12,16.94 10.77,17.21C10.37,17.5 9.9,17.72 9.36,17.83C8.82,17.94 8.24,18 7.61,18H2V5.55H8C9.53,5.58 10.6,6 11.23,6.88C11.61,7.41 11.8,8.04 11.8,8.78C11.8,9.54 11.61,10.15 11.23,10.61C11,10.87 10.7,11.11 10.28,11.32C10.91,11.55 11.39,11.92 11.72,12.42M20.06,7.32H15.05V6.07H20.06V7.32Z' /%3E%3C/svg%3E")}.mdl-button.button--behance,.mdl-button.button--dribbble,.mdl-button.button--facebook,.mdl-button.button--github,.mdl-button.button--linkedin,.mdl-button.button--twitter{text-transform:none}.mdl-button.button--behance i,.mdl-button.button--dribbble i,.mdl-button.button--facebook i,.mdl-button.button--github i,.mdl-button.button--linkedin i,.mdl-button.button--twitter i{width:23px;height:24px;margin-right:4px;margin-bottom:0;background-repeat:no-repeat}.mdl-button.button--behance[disabled] i,.mdl-button.button--dribbble[disabled] i,.mdl-button.button--facebook[disabled] i,.mdl-button.button--github[disabled] i,.mdl-button.button--linkedin[disabled] i,.mdl-button.button--twitter[disabled] i{opacity:.3}.mdl-button--secondary,.mdl-button--secondary:hover{background-color:#f44336}.mdl-button--mint,.mdl-button--mint:hover{background-color:#60c496}.mdl-button--cerulean,.mdl-button--cerulean:hover{background-color:#5096d7}.mdl-card__actions .mdl-button--fab{position:absolute;right:24px;bottom:24px;z-index:99}a{font-size:16px;font-weight:300;color:#00bcd4;text-decoration:none}.label,.mdl-data-table{color:#fff;font-weight:300;font-family:Roboto,Helvetica,Arial,sans-serif}.mdl-textfield{width:auto}.mdl-textfield .mdl-textfield__input{font-family:Roboto,Helvetica,Arial,sans-serif}.mdl-textfield .mdl-textfield__input:-webkit-autofill{border-color:#6b6b6b!important}.mdl-textfield .mdl-textfield__input:-webkit-autofill,.mdl-textfield .mdl-textfield__input:-webkit-autofill:active,.mdl-textfield .mdl-textfield__input:-webkit-autofill:focus,.mdl-textfield .mdl-textfield__input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #444 inset;-webkit-text-fill-color:#fff!important;border-color:#00bcd4}.mdl-textfield.full-size{width:100%}.mdl-progress{min-width:100px;width:auto}.mdl-progress>.bufferbar{background-image:none;background-color:rgba(255,255,255,.4)}.progress--colored-red>.progressbar.bar1{background-color:#ff5252}.progress--colored-red.mdl-progress.mdl-progress__indeterminate>.auxbar{background-image:none;background-color:transparent}@supports (-webkit-appearance:none){.progress--colored-red.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(255,255,255,.4),rgba(255,255,255,.4)),linear-gradient(to right,rgba(255,255,255,.4),rgba(255,255,255,.4));mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);-webkit-mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)}}.progress--colored-light-blue>.progressbar.bar1{background-color:#00bcd4}.progress--colored-light-blue.mdl-progress.mdl-progress__indeterminate>.auxbar{background-image:none;background-color:transparent}@supports (-webkit-appearance:none){.progress--colored-light-blue.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(255,255,255,.4),rgba(255,255,255,.4)),linear-gradient(to right,rgba(255,255,255,.4),rgba(255,255,255,.4));mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);-webkit-mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)}}.progress--colored-orange>.progressbar.bar1{background-color:#ffc107}.progress--colored-orange.mdl-progress.mdl-progress__indeterminate>.auxbar{background-image:none;background-color:transparent}@supports (-webkit-appearance:none){.progress--colored-orange.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(255,255,255,.4),rgba(255,255,255,.4)),linear-gradient(to right,rgba(255,255,255,.4),rgba(255,255,255,.4));mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);-webkit-mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)}}.progress--colored-light-teal>.progressbar.bar1{background-color:#00bcd4}.progress--colored-light-teal.mdl-progress.mdl-progress__indeterminate>.auxbar{background-image:none;background-color:transparent}@supports (-webkit-appearance:none){.progress--colored-light-teal.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(255,255,255,.4),rgba(255,255,255,.4)),linear-gradient(to right,rgba(255,255,255,.4),rgba(255,255,255,.4));mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);-webkit-mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)}}.progress--colored-purple>.progressbar.bar1{background-color:#7726d3}.progress--colored-purple.mdl-progress.mdl-progress__indeterminate>.auxbar{background-image:none;background-color:transparent}@supports (-webkit-appearance:none){.progress--colored-purple.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(255,255,255,.4),rgba(255,255,255,.4)),linear-gradient(to right,rgba(255,255,255,.4),rgba(255,255,255,.4));mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);-webkit-mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)}}.progress--colored-green>.progressbar.bar1{background-color:#00d45a}.progress--colored-green.mdl-progress.mdl-progress__indeterminate>.auxbar{background-image:none;background-color:transparent}@supports (-webkit-appearance:none){.progress--colored-green.mdl-progress:not(.mdl-progress__indeterminate)>.auxbar{background-image:linear-gradient(to right,rgba(255,255,255,.4),rgba(255,255,255,.4)),linear-gradient(to right,rgba(255,255,255,.4),rgba(255,255,255,.4));mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=);-webkit-mask:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=)}}.mdl-data-table{background-color:#444;border:none}.mdl-data-table tr:last-child td{border-bottom:none}.mdl-data-table td:first-of-type,.mdl-data-table th:first-of-type{padding-left:16px}.mdl-data-table td:last-of-type,.mdl-data-table th:last-of-type{padding-right:16px}.mdl-data-table tr:hover{background-clip:padding-box}.mdl-data-table.bordered-table td,.mdl-data-table.bordered-table th{border-right:1px solid #606060}.mdl-data-table.bordered-table tr :last-child{border-right:none}.mdl-data-table.stripped-table td,.mdl-data-table.stripped-table th{border:none;border-right:1px solid #676767}.mdl-data-table.stripped-table tr :last-child{border-right:none}.mdl-data-table.stripped-table tr:hover{background:#444}.mdl-data-table.stripped-table tbody tr:nth-child(odd){background-color:#606060}.mdl-data-table.borderless-table td{border:none}.label{background-color:rgba(255,255,255,.1);border-radius:2px;height:12px;padding:5px 8px;margin:0 0 0 auto;font-size:12px;line-height:1em}.label--mini{padding:3px 8px 2px;cursor:pointer}.label--transparent{background-color:transparent;padding:0}.projects-table thead th{color:rgba(255,255,255,.9)}.projects-table tbody td:nth-child(1){width:1px}.projects-table tbody td:nth-child(2){width:300px}.projects-table tbody td:nth-child(3){width:240px}.projects-table tbody td:nth-child(4){width:300px}.projects-table tbody td:nth-child(5){width:200px}.projects-table tbody td:nth-child(6){width:300px}.projects-table tbody td:nth-child(6) .mdl-progress{cursor:pointer;min-width:80px;max-width:200px}.projects-table tbody .task-done{padding-top:6px!important;padding-bottom:0!important;color:#f44336}.projects-table tbody .task-done .material-icons,.projects-table tbody .task-done span{color:#fff;cursor:pointer}.projects-table tbody .task-done .material-icons{background:#ff5252;border-radius:24px;font-size:16px;padding:2px;margin-right:4px}.mdl-list,.trending .mdl-list__item .mdl-list__item-secondary-content{margin:0}.projects-table tbody .task-done span{vertical-align:text-bottom}.messages-dropdown .mdl-list__item-primary-content .mdl-list__item-avatar .material-icons,.notifications-dropdown.mdl-list .mdl-list__item .mdl-list__item-avatar .material-icons{vertical-align:top}@media screen and (max-width:848px){.dashboard .mdl-cell.mdl-cell--12-col-desktop.mdl-cell--12-col-tablet.mdl-cell--4-col-phone{display:none}}.mdl-tooltip{padding:5px 8px;border:none;font-weight:400}.notifications-dropdown.mdl-list{width:310px}.notifications-dropdown.mdl-list .mdl-list__item{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:100;color:#fff}.notifications-dropdown.mdl-list .mdl-list__item:first-child{color:rgba(255,255,255,.8)}.notifications-dropdown.mdl-list .mdl-list__item .mdl-list__item-avatar{padding:8px;text-align:center}.notifications-dropdown.mdl-list .mdl-list__item:last-child{padding-top:8px;padding-bottom:0}.trending .mdl-card__supporting-text{width:100%;padding:8px 0}.trending .mdl-list__item:hover{background-color:rgba(0,0,0,.2)}.trending .material-icons{line-height:.33333;font-size:48px}.trending__arrow-up{color:#00bcd4}.trending__arrow-down{color:#f44336}.trending__percent{text-align:right;width:40px}.messages-dropdown.mdl-menu{width:310px}.messages-dropdown .label{color:rgba(255,255,255,.5)}.messages-dropdown .mdl-list__item-primary-content{font-weight:400;line-height:18px}.messages-dropdown .mdl-list__item-primary-content .mdl-list__item-avatar{padding:8px;text-align:center}.messages-dropdown .mdl-list__item-primary-content .mdl-list__item-avatar text{font-size:19px;vertical-align:middle}.messages-dropdown .mdl-list__item-primary-content .mdl-list__item-sub-title{font-weight:100;font-size:12px}.messages-dropdown.mdl-list .mdl-list__item{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:100;color:#fff}.messages-dropdown.mdl-list .mdl-list__item:first-child{color:rgba(255,255,255,.8)}.messages-dropdown.mdl-list .mdl-list__item:last-child{padding-top:8px;padding-bottom:0}.mdl-list .mdl-list__item{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:300;color:#fff;letter-spacing:0}.mdl-list .list__item--border-top{background-clip:padding-box;border-top:1px solid rgba(255,255,255,.1)}.mdl-list .mdl-list__item-avatar{width:40px;height:40px;overflow:hidden}.mdl-list .mdl-list__item--two-line,.mdl-list .mdl-list__item--two-line .mdl-list__item-primary-content,.todo{height:auto}.list-title{font-size:20px;white-space:nowrap;display:inline-block;padding:16px;margin-bottom:20px}.todo .mdl-card__supporting-text{width:100%;padding:0;min-height:70px}.todo .mdl-card__supporting-text .mdl-list__item{align-items:flex-start;padding-bottom:0}.todo .mdl-card__supporting-text .mdl-list__item .mdl-list__item-primary-content{max-width:100%;word-wrap:break-word}.todo .mdl-card__supporting-text .mdl-list__item .material-icons{visibility:hidden}.todo .mdl-card__supporting-text .mdl-list__item:hover .material-icons{visibility:visible}.todo .mdl-card__supporting-text .mdl-checkbox{height:auto;padding-left:36px}.todo .mdl-card__supporting-text .mdl-textfield{width:100%;padding:0}.todo .mdl-card__supporting-text .mdl-textfield__input{padding:2px 0}.todo .mdl-card__supporting-text .mdl-textfield__label{color:rgba(255,255,255,.2);top:0}.todo .mdl-card__supporting-text .mdl-textfield__label:after{background-color:rgba(255,255,255,.7);bottom:0}.todo .mdl-card__actions{margin-top:20px;background:rgba(255,255,255,.05)}.charts .chart1__container,.charts .chart2__container,.charts .discrete-bar-chart__container,.charts .pie-chart__container,.dashboard .chart1__container,.dashboard .chart2__container,.dashboard .discrete-bar-chart__container,.dashboard .pie-chart__container{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;min-height:228px}.charts .discrete-bar-chart__container svg .nv-axis.nv-x text,.charts .discrete-bar-chart__container svg .nv-axis.nv-y .tick:nth-child(2n) text,.dashboard .discrete-bar-chart__container svg .nv-axis.nv-x text,.dashboard .discrete-bar-chart__container svg .nv-axis.nv-y .tick:nth-child(2n) text,.line-chart-1__container svg .nv-axis.nv-x text,.line-chart-1__container svg .nv-axis.nv-y text,.line-chart-2__container svg .nv-axis.nv-x text,.line-chart-2__container svg .nv-axis.nv-y text,.line-chart__container svg .nv-axis.nv-x text,.line-chart__container svg .nv-axis.nv-y text{display:none}.charts .chart1__container svg,.charts .chart2__container svg,.charts .discrete-bar-chart__container svg,.charts .pie-chart__container svg,.dashboard .chart1__container svg,.dashboard .chart2__container svg,.dashboard .discrete-bar-chart__container svg,.dashboard .pie-chart__container svg{min-height:200px;max-width:180px}.charts .chart1__container svg .nvd3.nv-pie path,.charts .chart2__container svg .nvd3.nv-pie path,.charts .discrete-bar-chart__container svg .nvd3.nv-pie path,.charts .pie-chart__container svg .nvd3.nv-pie path,.dashboard .chart1__container svg .nvd3.nv-pie path,.dashboard .chart2__container svg .nvd3.nv-pie path,.dashboard .discrete-bar-chart__container svg .nvd3.nv-pie path,.dashboard .pie-chart__container svg .nvd3.nv-pie path{fill-opacity:1;stroke-width:0}.charts .chart1__container svg .nvd3.nv-pie .nv-pie-title,.charts .chart2__container svg .nvd3.nv-pie .nv-pie-title,.charts .discrete-bar-chart__container svg .nvd3.nv-pie .nv-pie-title,.charts .pie-chart__container svg .nvd3.nv-pie .nv-pie-title,.dashboard .chart1__container svg .nvd3.nv-pie .nv-pie-title,.dashboard .chart2__container svg .nvd3.nv-pie .nv-pie-title,.dashboard .discrete-bar-chart__container svg .nvd3.nv-pie .nv-pie-title,.dashboard .pie-chart__container svg .nvd3.nv-pie .nv-pie-title{font-family:Roboto,Helvetica,Arial,sans-serif;fill:#fff;font-weight:300;font-size:22px!important}.charts .chart1__container .legend,.charts .chart2__container .legend,.charts .discrete-bar-chart__container .legend,.charts .pie-chart__container .legend,.dashboard .chart1__container .legend,.dashboard .chart2__container .legend,.dashboard .discrete-bar-chart__container .legend,.dashboard .pie-chart__container .legend{max-width:140px}.charts .chart1__container .nv-label text,.dashboard .chart1__container .nv-label text{fill:#fff!important}.charts .discrete-bar-chart__container,.dashboard .discrete-bar-chart__container{height:100%}.charts .discrete-bar-chart__container svg,.dashboard .discrete-bar-chart__container svg{height:240px;max-width:calc(100% - 140px)}.charts .discrete-bar-chart__container svg .nv-bar text,.dashboard .discrete-bar-chart__container svg .nv-bar text{fill:#fff!important;opacity:.9}.charts .line-plus-bar-chart__container svg,.charts .line-plus-bar-chart__container svg .nv-linePlusBar,.charts .stacked-bar-chart__container svg,.charts .stacked-bar-chart__container svg .nv-linePlusBar,.dashboard .line-plus-bar-chart__container svg,.dashboard .line-plus-bar-chart__container svg .nv-linePlusBar,.dashboard .stacked-bar-chart__container svg,.dashboard .stacked-bar-chart__container svg .nv-linePlusBar{height:250px}.charts .discrete-bar-chart__container .nv-controlsWrap .nv-legend-symbol,.charts .line-plus-bar-chart__container .nv-controlsWrap .nv-legend-symbol,.charts .stacked-bar-chart__container .nv-controlsWrap .nv-legend-symbol,.dashboard .discrete-bar-chart__container .nv-controlsWrap .nv-legend-symbol,.dashboard .line-plus-bar-chart__container .nv-controlsWrap .nv-legend-symbol,.dashboard .stacked-bar-chart__container .nv-controlsWrap .nv-legend-symbol{fill:#00bcd4!important;stroke:#00bcd4!important}.charts .discrete-bar-chart__container .nv-group,.charts .line-plus-bar-chart__container .nv-group,.charts .stacked-bar-chart__container .nv-group,.dashboard .discrete-bar-chart__container .nv-group,.dashboard .line-plus-bar-chart__container .nv-group,.dashboard .stacked-bar-chart__container .nv-group{fill-opacity:.9!important}.charts .discrete-bar-chart__container .nv-axis text,.charts .line-plus-bar-chart__container .nv-axis text,.charts .stacked-bar-chart__container .nv-axis text,.dashboard .discrete-bar-chart__container .nv-axis text,.dashboard .line-plus-bar-chart__container .nv-axis text,.dashboard .stacked-bar-chart__container .nv-axis text{fill:#fff;opacity:.5!important}.charts .discrete-bar-chart__container .nv-axis .domain,.charts .discrete-bar-chart__container .nv-axis .nv-zeroLine,.charts .line-plus-bar-chart__container .nv-axis .domain,.charts .line-plus-bar-chart__container .nv-axis .nv-zeroLine,.charts .stacked-bar-chart__container .nv-axis .domain,.charts .stacked-bar-chart__container .nv-axis .nv-zeroLine,.dashboard .discrete-bar-chart__container .nv-axis .domain,.dashboard .discrete-bar-chart__container .nv-axis .nv-zeroLine,.dashboard .line-plus-bar-chart__container .nv-axis .domain,.dashboard .line-plus-bar-chart__container .nv-axis .nv-zeroLine,.dashboard .stacked-bar-chart__container .nv-axis .domain,.dashboard .stacked-bar-chart__container .nv-axis .nv-zeroLine{stroke:#fff;opacity:.5}.charts .discrete-bar-chart__container .nv-axis .tick line,.charts .line-plus-bar-chart__container .nv-axis .tick line,.charts .stacked-bar-chart__container .nv-axis .tick line,.dashboard .discrete-bar-chart__container .nv-axis .tick line,.dashboard .line-plus-bar-chart__container .nv-axis .tick line,.dashboard .stacked-bar-chart__container .nv-axis .tick line{opacity:.1!important}.charts .discrete-bar-chart__container .nv-legend-text,.charts .line-plus-bar-chart__container .nv-legend-text,.charts .stacked-bar-chart__container .nv-legend-text,.dashboard .discrete-bar-chart__container .nv-legend-text,.dashboard .line-plus-bar-chart__container .nv-legend-text,.dashboard .stacked-bar-chart__container .nv-legend-text{opacity:.5}.charts .nvd3 text,.dashboard .nvd3 text{font:400 12px Arial;fill:#fff!important}.legend .legend__item,.settings-dropdown .mdl-menu__item,.settings-dropdown a{font-family:Roboto,Helvetica,Arial,sans-serif}.line-chart-1__container,.line-chart-2__container,.line-chart__container{min-height:280px}.line-chart-1__container svg,.line-chart-2__container svg,.line-chart__container svg{height:280px;width:100%}.line-chart-1__container svg .x-axis-label,.line-chart-1__container svg .y-axis-label,.line-chart-2__container svg .x-axis-label,.line-chart-2__container svg .y-axis-label,.line-chart__container svg .x-axis-label,.line-chart__container svg .y-axis-label{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:12px;font-weight:300;fill:rgba(255,255,255,.5)}.line-chart-1__container svg .nv-lineChart .nv-guideline,.line-chart-2__container svg .nv-lineChart .nv-guideline,.line-chart__container svg .nv-lineChart .nv-guideline{stroke:rgba(255,255,255,.5);stroke-width:.5px}.line-chart-1__container svg .nv-lineChart .tick,.line-chart-2__container svg .nv-lineChart .tick,.line-chart__container svg .nv-lineChart .tick{opacity:.1!important}.line-chart-1__container svg .nv-lineChart .tick.zero,.line-chart-2__container svg .nv-lineChart .tick.zero,.line-chart__container svg .nv-lineChart .tick.zero{opacity:.5!important}.line-chart-1__container svg .nv-lineChart .tick.zero line,.line-chart-2__container svg .nv-lineChart .tick.zero line,.line-chart__container svg .nv-lineChart .tick.zero line{stroke-opacity:1!important}.line-chart-1__container svg .nv-lineChart .nv-y .domain,.line-chart-2__container svg .nv-lineChart .nv-y .domain,.line-chart__container svg .nv-lineChart .nv-y .domain{stroke-opacity:0!important}.line-chart-1__container svg .nv-lineChart .nvd3.nv-scatter .nv-groups .nv-point.hover,.line-chart-2__container svg .nv-lineChart .nvd3.nv-scatter .nv-groups .nv-point.hover,.line-chart__container svg .nv-lineChart .nvd3.nv-scatter .nv-groups .nv-point.hover{stroke-width:5px}.line-chart-1__container .legend,.line-chart-2__container .legend,.line-chart__container .legend{margin:16px auto auto;display:flex;flex-wrap:wrap;justify-content:center}.legend .legend__item{font-weight:300;font-size:16px;color:#fff;margin:8px 18px;display:inline-block}.legend .legend__item .legend__text{margin-left:24px}.legend .legend__item .legend__mark{width:8px;height:8px;margin-top:4px}.account-dropdown.mdl-menu{width:310px}.account-dropdown .mdl-list__item{font-size:14px}.account-dropdown .mdl-list__item:hover .mdl-list__item-icon{color:#00bcd4}.cotoneaster .mdl-card__title .mdl-card__title-text,.robot .mdl-card__title .mdl-card__title-text{color:#fff}.account-dropdown>.mdl-list__item:first-child{font-size:16px;padding-top:8px;padding-bottom:8px;height:64px}.account-dropdown>.mdl-list__item:first-child .mdl-list__item-primary-content{height:48px;line-height:28px}.account-dropdown>.mdl-list__item:first-child .mdl-list__item-primary-content .mdl-list__item-avatar{height:48px;width:48px;background:url(../images/Icon.png);background-size:cover}.account-dropdown>.mdl-list__item:first-child .mdl-list__item-primary-content .mdl-list__item-sub-title{font-weight:300}.account-dropdown .list__item--border-top{margin-top:8px;padding-top:8px}.settings-dropdown{width:135px}.settings-dropdown .mdl-menu__item,.settings-dropdown a{font-size:14px;font-weight:100;color:#fff}.cotoneaster .mdl-card__supporting-text,.robot .mdl-card__supporting-text{font-size:16px;padding-bottom:26px}.cotoneaster .mdl-card__supporting-text,.robot .mdl-card__supporting-text,.weather .mdl-card__supporting-text .weather-description,.weather .mdl-card__title .mdl-card__subtitle-text{font-weight:300;font-family:Roboto,Helvetica,Arial,sans-serif}.robot{height:450px}.robot .mdl-card__title{background:url(../images/robot.png) center center no-repeat;background-size:cover}.cotoneaster .mdl-card__title{background:url(../images/cotoneaster.jpg) center center no-repeat;background-size:cover}@media screen and (max-width:1151px){.cotoneaster{height:329px}}.weather .mdl-card__supporting-text{color:rgba(255,255,255,1);background:url(../images/weather_bck.png) center center no-repeat;background-size:cover;text-align:right;padding-top:38px;text-shadow:4px 4px 4px rgba(0,0,0,.4)}.ui-colors h3,.ui-typography .mdl-card .mdl-card__supporting-text div:nth-child(2){text-align:center}.weather .mdl-card__supporting-text .weather-temperature{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:100px;line-height:1;color:rgba(255,255,255,.9)}.weather .mdl-card__supporting-text .weather-temperature sup{position:relative;top:13px}.weather .mdl-card__supporting-text .weather-description{font-size:18px;position:relative;color:#fff}.weather .mdl-card__supporting-text .weather-description:before{width:35px;position:absolute;right:150px;content:url(../images/cloudy_and_snow.svg)}.weather .mdl-card__title .mdl-card__subtitle-text{font-size:16px}.weather .mdl-card__title .mdl-card__subtitle-text .material-icons{font-size:16px;top:2px;position:relative}.employer-form{padding:0;width:670px;background-color:#444;margin:16px auto;height:auto}.employer-form .mdl-radio{width:20%;margin-top:22px;margin-bottom:22px;color:#fff}.employer-form .form__article>span{float:left;width:100%;color:rgba(255,255,255,.6);font-weight:200}.employer-form .mdl-card__title{background-color:"255,64,129";height:66px;width:100%;display:block;font-family:Roboto,Helvetica,Arial,sans-serif;padding:16px 15px 0}.employer-form .mdl-card__title h2:first-of-type{font-size:24px;font-weight:400;color:rgba(255,255,255,.8);line-height:1.2em;margin-top:0;margin-bottom:0}.employer-form .mdl-card__title .mdl-card__subtitle{font-size:13px;font-weight:300;color:rgba(255,255,255,.2);line-height:1.2em}.employer-form button.mdl-button.mdl-button--colored{width:68px;height:32px;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:13px;line-height:13px;font-weight:400;color:#fff;background-color:#00bcd4}.employer-form label,.employer-form__general_skills .mdl-textfield label{color:rgba(255,255,255,.6)}.employer-form button.mdl-button.mdl-button--colored:disabled{background-color:gray;color:rgba(255,255,255,.6)}.employer-form label{font-size:15px}.employer-form .form__action .mdl-checkbox .mdl-ripple{background:#00bcd4}.employer-form .form__action .mdl-checkbox.is-checked .mdl-checkbox__box-outline{border-color:#00bcd4}.employer-form .form__action .mdl-checkbox.is-checked .mdl-checkbox__box-outline .mdl-checkbox__tick-outline{background-color:#00bcd4;background-image:url(../images/tick_dark.svg?embed)}.employer-form__general_skills{margin-top:24px}.employer-form__general_skills div{width:100%}.employer-form__general_skills h3{margin-bottom:0;margin-top:0}.employer-form__general_skills .mdl-textfield--floating-label.is-focused .mdl-textfield__label{color:#00bcd4}.employer-form__general_skills textarea{height:90px}.employer-form__contacts h3{margin-bottom:40px}.employer-form__contacts div .mdl-textfield.getmdl-select .mdl-textfield__input{color:rgba(255,255,255,.6)}.employer-form__contacts div .mdl-textfield{padding-top:0}.employer-form__contacts div .mdl-textfield label{top:4px;font-weight:300}.employer-form__contacts div i{color:#fff}.form .mdl-grid{padding:0}.form .mdl-cell{margin:0;padding-right:30px}.form .mdl-cell.mdl-textfield.is-focused .mdl-textfield__label:after{width:calc(100% - 30px)}.form .mdl-cell:last-of-type{padding-right:0}.form .mdl-cell:last-of-type.mdl-textfield.is-focused .mdl-textfield__label:after{width:100%}.form .mdl-cell--1-col{width:calc(100% * 1 / 12)}.form .mdl-cell--2-col{width:calc(100% * 2 / 12)}.form .mdl-cell--3-col{width:calc(100% * 3 / 12)}.form .mdl-cell--4-col{width:calc(100% * 4 / 12)}.form .mdl-cell--5-col{width:calc(100% * 5 / 12)}.form .mdl-cell--6-col{width:calc(100% * 6 / 12)}.form .mdl-cell--7-col{width:calc(100% * 7 / 12)}.form .mdl-cell--8-col{width:calc(100% * 8 / 12)}.form .mdl-cell--9-col{width:calc(100% * 9 / 12)}.form .mdl-cell--10-col{width:calc(100% * 10 / 12)}.form .mdl-cell--11-col{width:calc(100% * 11 / 12)}.form .mdl-cell--12-col{width:100%}.form__article h3{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:20px;font-weight:300;color:rgba(255,255,255,.6);margin-top:4px;margin-bottom:20px}.form__action{display:flex;align-items:center;justify-content:space-between;margin-top:60px}.input-group label,.input-group>i{margin-top:4px}.form__action .mdl-checkbox{width:auto}.form__action .mdl-checkbox .mdl-checkbox__label{font-family:Roboto,Helvetica,Arial,sans-serif;color:#fff;font-size:16px;font-weight:300}.form__action .mdl-button{padding:0}.input-group>i{margin-right:15px;margin-left:5px;font-size:20px}.input-group img{margin-top:4px;margin-left:5px;margin-right:16px;height:18px;width:18px;float:left}.input-group .mdl-textfield{width:calc(100% - 40.5px)}.map{min-height:630px;position:relative}.map .map__window{background:#333}.map .map__window .gm-style>.gm-style-cc,.map .map__window .gm-style>.gmnoprint:not(.gm-bundled-control),.map .map__window .gm-style>div:nth-of-type(2){display:none}.map .mdl-card__supporting-text{min-height:185px}.map h5{margin-top:0}.map div>a{font-size:14px}.map .map__target-location,.map .map__target-opening-hours{margin-bottom:10px}.map .map__target-location>*,.map .map__target-opening-hours>*{vertical-align:middle}.map .map__target-location .material-icons,.map .map__target-opening-hours .material-icons{color:#00bcd4;margin-top:-2px;margin-right:5px;font-size:20px}.map .map__target-image{background:#333;border-radius:50%;width:170px;height:170px;margin:0 10px 5px 15px}.ui-buttons .buttons-basic .mdl-card,.ui-buttons .buttons-icons .mdl-card,.ui-buttons .buttons-social .mdl-card,.ui-buttons .buttons-with-icons .mdl-card,.ui-cards .mdl-card{height:100%}.map .map__target-picture{height:100%;background:url(../images/map_target_images_sprite.png) top left no-repeat;background-size:cover}.map .map__target-info,.map .map__target-picture{opacity:1;transition:opacity .2s}.map .map__target-info--hide,.map .map__target-picture--hide{opacity:0}.ui-buttons h6{margin-top:8px;margin-bottom:0}.ui-buttons .mdl-button--icon .material-icons{font-size:20px}.ui-buttons .mdl-list__item{padding:8px 16px}.ui-buttons .mdl-card__supporting-text{display:flex;justify-content:space-around}.ui-buttons .buttons-basic,.ui-buttons .buttons-icons,.ui-buttons .buttons-social,.ui-buttons .buttons-with-icons{min-width:350px}.ui-buttons .buttons-basic .mdl-button:not(.mdl-button--icon),.ui-buttons .buttons-icons .mdl-button:not(.mdl-button--icon),.ui-buttons .buttons-social .mdl-button:not(.mdl-button--icon),.ui-buttons .buttons-with-icons .mdl-button:not(.mdl-button--icon){padding:0 8px;min-width:125px}.ui-colors h3{opacity:.2}.ui-colors .teal .mdl-card__supporting-text{background:#00bcd4}.ui-colors .red .mdl-card__supporting-text{background:#ff5252}.ui-colors .green .mdl-card__supporting-text{background:#00d45a}.ui-colors .gray .mdl-card__supporting-text{background:#444}.ui-colors .orange .mdl-card__supporting-text{background:#ffc107}.ui-colors .purple .mdl-card__supporting-text{background:#7726d3}.ui-colors .light-blue .mdl-card__supporting-text{background:#00bcd4}.ui-colors .dark-gray .mdl-card__title{background:#444}.ui-colors .dark-gray .mdl-card__supporting-text{background:#333}.ui-cards .mdl-card .mdl-card__actions{padding-top:16px;padding-bottom:16px}.ui-cards .mdl-button--fab{position:absolute;top:212px;right:20px}.ui-cards .mdl-cell:nth-last-of-type(1) .mdl-card__title,.ui-cards .mdl-cell:nth-last-of-type(2) .mdl-card__title,.ui-cards .mdl-cell:nth-last-of-type(3) .mdl-card__title{color:#fff;height:240px;background:center no-repeat;background-size:cover}.ui-cards .mdl-cell:nth-last-of-type(1) .mdl-card__title .mdl-card__title-text,.ui-cards .mdl-cell:nth-last-of-type(2) .mdl-card__title .mdl-card__title-text,.ui-cards .mdl-cell:nth-last-of-type(3) .mdl-card__title .mdl-card__title-text{font-size:40px}.ui-cards .mdl-cell:nth-last-of-type(1) .mdl-card__title{background-image:linear-gradient(transparent,transparent,transparent,transparent,transparent,rgba(0,0,0,.1),rgba(0,0,0,.2),rgba(0,0,0,.4)),url(../images/sao_paulo.jpg)}.ui-cards .mdl-cell:nth-last-of-type(2) .mdl-card__title{background-image:linear-gradient(transparent,transparent,transparent,transparent,transparent,rgba(0,0,0,.1),rgba(0,0,0,.2),rgba(0,0,0,.4)),url(../images/tokyo.jpg)}.ui-cards .mdl-cell:nth-last-of-type(3) .mdl-card__title{background-image:linear-gradient(transparent,transparent,transparent,transparent,transparent,rgba(0,0,0,.1),rgba(0,0,0,.2),rgba(0,0,0,.4)),url(../images/istanbul.jpg)}.ui-cards small{color:#aaa;display:block;margin-bottom:15px}.ui-cards b{color:#fff;line-height:1.4}.ui-cards h3{color:#fff;margin-bottom:0}.ui-typography{font-family:Roboto,sans-serif}.getmdl-select .mdl-menu .mdl-menu__item,.mdl-textfield input,.mdl-textfield textarea,.ui-icons .ui-icons-title{font-family:Roboto,Helvetica,Arial,sans-serif}.ui-typography .mdl-card{height:auto;width:100%}.ui-typography .mdl-card:not(:last-child){margin-bottom:20px}.ui-typography .mdl-card:first-child p{font-size:30px;line-height:1.5}.ui-typography .mdl-card:first-child p:nth-of-type(1){font-weight:200;margin-top:20px}.ui-typography .mdl-card:first-child p:nth-of-type(2){font-weight:300}.ui-typography .mdl-card:first-child p:nth-of-type(3){font-weight:400}.ui-typography .mdl-card:first-child p:nth-of-type(4){font-weight:500}.ui-typography .mdl-card:first-child p:nth-of-type(5){font-weight:600}.mdl-textfield.is-focused.getmdl-select input,.mdl-textfield.is-focused.getmdl-select textarea,.ui-typography dd,.ui-typography ol,.ui-typography p,.ui-typography ul{font-weight:300}.ui-typography .mdl-card .mdl-card__supporting-text div:nth-child(3){text-align:right}.ui-typography .mdl-grid+.mdl-grid .mdl-cell:nth-child(3) .mdl-card__supporting-text>ul{list-style:none;padding-left:0}.ui-typography .mdl-grid+.mdl-grid .mdl-cell:nth-child(4) .mdl-card__supporting-text>ol li{float:left;margin-right:25px}.ui-typography .text-color--gray+h5{margin-top:14px}.ui-typography ol,.ui-typography ul{padding-left:16px;margin:0}.ui-typography dd{margin-left:0}.ui-typography dd+dt{margin-top:10px}.ui-typography h1{margin-top:0}.ui-components .mdl-card{height:100%}.ui-components .mdl-list__item{padding:8px 16px}.ui-components .mdl-progress{width:130px}.ui-icons .ui-icons-title{font-size:20px;margin-top:24px;letter-spacing:.2px}.ui-icons .ui-icons-title a{font-size:20px;text-decoration:underline;opacity:.8}.ui-icons .itemcontainer{display:inline-block;width:150px;height:100px;text-align:center;vertical-align:top}.ui-icons .itemcontainer .caption{margin-top:10px}.ui-icons hr{margin:0 -16px 1em}.ui-icons .section-name{margin:25px 5px 30px}.ui-tables .mdl-card{overflow-x:auto}.ui-tables table{width:100%}.ui-tables table td{font-size:14px}.ui-tables .no-padding{padding:0;width:100%}.ui-tables .label__availability{margin-right:2px}.ui-form-components form .mdl-cell{margin-left:16px}.ui-form-components .mdl-card__supporting-text{padding-bottom:70px}.scroll__wrapper{flex-grow:1;position:relative;overflow:hidden}.scroll__wrapper:hover .scroller__bar{opacity:1}.scroller{position:absolute;height:100%;overflow-y:scroll}.scroller__bar{opacity:.2;position:absolute;top:2px;right:2px;width:4px;border-radius:2px;transition:.5s height,.3s opacity;background:#444}.scroll__container{display:flex;min-height:100%}.pull-right{float:right}.pull-left{float:left}.clearfix{clear:both}.background-color--primary{background-color:rgba(0,188,212,.9)}.background-color--secondary{background-color:rgba(244,67,54,.9)}.background-color--baby-blue{background-color:rgba(116,199,209,.9)}.background-color--cerulean{background-color:rgba(80,150,215,.9)}.background-color--mint{background-color:rgba(96,196,150,.9)}.text-color--primary{color:rgba(0,188,212,.8)!important}.text-color--secondary{color:rgba(244,67,54,.8)!important}.text-color--baby-blue{color:rgba(116,199,209,.8)!important}.text-color--cerulean{color:rgba(80,150,215,.8)!important}.text-color--mint{color:rgba(96,196,150,.8)!important}.text-color--gray{color:#9e9e9e}.text-color--white{color:#fff!important}.text-color--smooth-gray{color:#999!important}.getmdl-select .mdl-icon-toggle__label{color:#fff}.getmdl-select.is-focused i.material-icons{color:#00bcd4}.getmdl-select .mdl-menu__container{margin-top:-45px!important}.getmdl-select .mdl-menu__outline{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.getmdl-select .mdl-textfield__input{cursor:pointer}.getmdl-select .mdl-menu .mdl-menu__item,.mdl-textfield input,.mdl-textfield textarea{color:#fff;font-size:16px;font-weight:300}.mdl-textfield.is-focused input,.mdl-textfield.is-focused textarea{font-weight:400}.mdl-textfield.is-disabled input{border-bottom-width:2px!important}.mdl-textfield:not(.is-focused) .mdl-textfield__label,.mdl-textfield:not(.mdl-textfield--floating-label) .mdl-textfield__label{color:#666!important}.mdl-textfield:not(.is-focused):not(.is-dirty) .mdl-textfield__label{font-size:14px!important}h5.mdl-card__title-text{font-size:20px}hr{border-color:rgba(255,255,255,.1)}form.form--basic .mdl-textfield__label{font-size:14px}.profile-image{width:80px;height:80px;overflow:hidden;margin-top:5px}.profile-image.profile-image--round{border-radius:50%}.login,.not-found{font-family:Roboto,Helvetica,sans-serif;font-size:14px}.login .mdl-button,.not-found .mdl-button{font-weight:500}.login .mdl-card__login.mdl-card,.login .mdl-card__not-found.mdl-card,.not-found .mdl-card__login.mdl-card,.not-found .mdl-card__not-found.mdl-card{max-width:450px;margin:auto;height:auto}.login .mdl-card__login.mdl-card .mdl-card__supporting-text,.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text,.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text,.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text{min-height:inherit;width:100%;padding:32px 24px;box-sizing:border-box}.login .mdl-card__login.mdl-card .mdl-card__supporting-text .mdl-card__title-text,.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .mdl-card__title-text,.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .mdl-card__title-text,.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .mdl-card__title-text{font-size:17px;font-weight:700}.login .mdl-card__login.mdl-card .mdl-card__supporting-text .login-name,.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .login-name,.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .login-name,.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .login-name{font-size:24px;display:block;padding:0 0 8px}.login .mdl-card__login.mdl-card .mdl-card__supporting-text .login-link,.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .login-link,.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .login-link,.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .login-link{padding:12px 0}.login .mdl-card__login.mdl-card .mdl-card__supporting-text .login-link,.login .mdl-card__login.mdl-card .mdl-card__supporting-text .login-link *,.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .login-link,.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .login-link *,.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .login-link,.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .login-link *,.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .login-link,.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .login-link *{display:inline-block;font-size:14px;font-weight:inherit;color:#ddd}.login .mdl-card__login.mdl-card .mdl-card__supporting-text .underlined,.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .underlined,.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .underlined,.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .underlined{display:inline-block;border-bottom:1px solid #00bcd4}.login .mdl-card__login.mdl-card .mdl-card__supporting-text .checkbox--inline,.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .checkbox--inline,.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .checkbox--inline,.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .checkbox--inline{display:inline;padding-top:4px;padding-left:35px}.login .mdl-card__login.mdl-card .mdl-card__supporting-text .submit-cell,.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .submit-cell,.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .submit-cell,.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .submit-cell{display:flex}.login .mdl-card__login.mdl-card .mdl-card__supporting-text .text--huge,.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .text--huge,.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .text--huge,.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .text--huge{font-size:120px;font-weight:700;display:inline-block;padding:100px 0 40px}.login .mdl-card__login.mdl-card .mdl-card__supporting-text .text--sorry,.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .text--sorry,.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .text--sorry,.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .text--sorry{font-size:28px;font-weight:300}.login .mdl-card__login.mdl-card .mdl-card__supporting-text .alignment--bottom-right,.login .mdl-card__not-found.mdl-card .mdl-card__supporting-text .alignment--bottom-right,.not-found .mdl-card__login.mdl-card .mdl-card__supporting-text .alignment--bottom-right,.not-found .mdl-card__not-found.mdl-card .mdl-card__supporting-text .alignment--bottom-right{position:absolute;bottom:39px;right:46px}.login .mdl-layout__content,.not-found .mdl-layout__content{padding:16px;display:flex}.not-found .mdl-layout__content{background-image:url(../images/404.svg)}.not-found .mdl-layout__content .mdl-cell{margin:8px} \ No newline at end of file diff --git a/dist/css/lib/getmdl-select.min.css b/dist/css/lib/getmdl-select.min.css index b1c2409..8637282 100644 --- a/dist/css/lib/getmdl-select.min.css +++ b/dist/css/lib/getmdl-select.min.css @@ -1,3 +1,3 @@ -.getmdl-select .mdl-icon-toggle__label{float:right;margin-top:-30px;color:rgba(0,0,0,0.4)}.getmdl-select.is-focused .mdl-icon-toggle__label{color:#3f51b5}.getmdl-select .mdl-menu__container{width:100% !important}.getmdl-select .mdl-menu__container .mdl-menu{width:100%} +.getmdl-select .mdl-icon-toggle__label{float:right;margin-top:-30px;color:rgba(0,0,0,0.4)}.getmdl-select.is-focused .mdl-icon-toggle__label{color:#3f51b5}.getmdl-select .mdl-menu__container{width:100% !important;overflow:hidden}.getmdl-select .mdl-menu__container .mdl-menu .mdl-menu__item{font-size:16px}.getmdl-select__fullwidth .mdl-menu{width:100%}.getmdl-select__fix-height .mdl-menu__container{overflow-y:auto;max-height:300px !important}.getmdl-select__fix-height .mdl-menu.mdl-menu--top-left{bottom:auto;top:0} /*# sourceMappingURL=getmdl-select.min.css.map */ diff --git a/dist/css/lib/nv.d3.css b/dist/css/lib/nv.d3.css deleted file mode 100644 index 21ce216..0000000 --- a/dist/css/lib/nv.d3.css +++ /dev/null @@ -1,647 +0,0 @@ -/* nvd3 version 1.8.2 (https://github.com/novus/nvd3) 2016-01-24 */ -.nvd3 .nv-axis { - pointer-events:none; - opacity: 1; -} - -.nvd3 .nv-axis path { - fill: none; - stroke: #000; - stroke-opacity: .75; - shape-rendering: crispEdges; -} - -.nvd3 .nv-axis path.domain { - stroke-opacity: .75; -} - -.nvd3 .nv-axis.nv-x path.domain { - stroke-opacity: 0; -} - -.nvd3 .nv-axis line { - fill: none; - stroke: #e5e5e5; - shape-rendering: crispEdges; -} - -.nvd3 .nv-axis .zero line, - /*this selector may not be necessary*/ .nvd3 .nv-axis line.zero { - stroke-opacity: .75; -} - -.nvd3 .nv-axis .nv-axisMaxMin text { - font-weight: bold; -} - -.nvd3 .x .nv-axis .nv-axisMaxMin text, -.nvd3 .x2 .nv-axis .nv-axisMaxMin text, -.nvd3 .x3 .nv-axis .nv-axisMaxMin text { - text-anchor: middle -} - -.nvd3 .nv-axis.nv-disabled { - opacity: 0; -} - -.nvd3 .nv-bars rect { - fill-opacity: .75; - - transition: fill-opacity 250ms linear; - -moz-transition: fill-opacity 250ms linear; - -webkit-transition: fill-opacity 250ms linear; -} - -.nvd3 .nv-bars rect.hover { - fill-opacity: 1; -} - -.nvd3 .nv-bars .hover rect { - fill: lightblue; -} - -.nvd3 .nv-bars text { - fill: rgba(0,0,0,0); -} - -.nvd3 .nv-bars .hover text { - fill: rgba(0,0,0,1); -} - -.nvd3 .nv-multibar .nv-groups rect, -.nvd3 .nv-multibarHorizontal .nv-groups rect, -.nvd3 .nv-discretebar .nv-groups rect { - stroke-opacity: 0; - - transition: fill-opacity 250ms linear; - -moz-transition: fill-opacity 250ms linear; - -webkit-transition: fill-opacity 250ms linear; -} - -.nvd3 .nv-multibar .nv-groups rect:hover, -.nvd3 .nv-multibarHorizontal .nv-groups rect:hover, -.nvd3 .nv-candlestickBar .nv-ticks rect:hover, -.nvd3 .nv-discretebar .nv-groups rect:hover { - fill-opacity: 1; -} - -.nvd3 .nv-discretebar .nv-groups text, -.nvd3 .nv-multibarHorizontal .nv-groups text { - font-weight: bold; - fill: rgba(0,0,0,1); - stroke: rgba(0,0,0,0); -} - -/* boxplot CSS */ -.nvd3 .nv-boxplot circle { - fill-opacity: 0.5; -} - -.nvd3 .nv-boxplot circle:hover { - fill-opacity: 1; -} - -.nvd3 .nv-boxplot rect:hover { - fill-opacity: 1; -} - -.nvd3 line.nv-boxplot-median { - stroke: black; -} - -.nv-boxplot-tick:hover { - stroke-width: 2.5px; -} -/* bullet */ -.nvd3.nv-bullet { font: 10px sans-serif; } -.nvd3.nv-bullet .nv-measure { fill-opacity: .8; } -.nvd3.nv-bullet .nv-measure:hover { fill-opacity: 1; } -.nvd3.nv-bullet .nv-marker { stroke: #000; stroke-width: 2px; } -.nvd3.nv-bullet .nv-markerTriangle { stroke: #000; fill: #fff; stroke-width: 1.5px; } -.nvd3.nv-bullet .nv-tick line { stroke: #666; stroke-width: .5px; } -.nvd3.nv-bullet .nv-range.nv-s0 { fill: #eee; } -.nvd3.nv-bullet .nv-range.nv-s1 { fill: #ddd; } -.nvd3.nv-bullet .nv-range.nv-s2 { fill: #ccc; } -.nvd3.nv-bullet .nv-title { font-size: 14px; font-weight: bold; } -.nvd3.nv-bullet .nv-subtitle { fill: #999; } - - -.nvd3.nv-bullet .nv-range { - fill: #bababa; - fill-opacity: .4; -} -.nvd3.nv-bullet .nv-range:hover { - fill-opacity: .7; -} - -.nvd3.nv-candlestickBar .nv-ticks .nv-tick { - stroke-width: 1px; -} - -.nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover { - stroke-width: 2px; -} - -.nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect { - stroke: #2ca02c; - fill: #2ca02c; -} - -.nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect { - stroke: #d62728; - fill: #d62728; -} - -.with-transitions .nv-candlestickBar .nv-ticks .nv-tick { - transition: stroke-width 250ms linear, stroke-opacity 250ms linear; - -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; - -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; - -} - -.nvd3.nv-candlestickBar .nv-ticks line { - stroke: #333; -} - - -.nvd3 .nv-legend .nv-disabled rect { - /*fill-opacity: 0;*/ -} - -.nvd3 .nv-check-box .nv-box { - fill-opacity:0; - stroke-width:2; -} - -.nvd3 .nv-check-box .nv-check { - fill-opacity:0; - stroke-width:4; -} - -.nvd3 .nv-series.nv-disabled .nv-check-box .nv-check { - fill-opacity:0; - stroke-opacity:0; -} - -.nvd3 .nv-controlsWrap .nv-legend .nv-check-box .nv-check { - opacity: 0; -} - -/* line plus bar */ -.nvd3.nv-linePlusBar .nv-bar rect { - fill-opacity: .75; -} - -.nvd3.nv-linePlusBar .nv-bar rect:hover { - fill-opacity: 1; -} -.nvd3 .nv-groups path.nv-line { - fill: none; -} - -.nvd3 .nv-groups path.nv-area { - stroke: none; -} - -.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point { - fill-opacity: 0; - stroke-opacity: 0; -} - -.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point { - fill-opacity: .5 !important; - stroke-opacity: .5 !important; -} - - -.with-transitions .nvd3 .nv-groups .nv-point { - transition: stroke-width 250ms linear, stroke-opacity 250ms linear; - -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; - -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; - -} - -.nvd3.nv-scatter .nv-groups .nv-point.hover, -.nvd3 .nv-groups .nv-point.hover { - stroke-width: 7px; - fill-opacity: .95 !important; - stroke-opacity: .95 !important; -} - - -.nvd3 .nv-point-paths path { - stroke: #aaa; - stroke-opacity: 0; - fill: #eee; - fill-opacity: 0; -} - - - -.nvd3 .nv-indexLine { - cursor: ew-resize; -} - -/******************** - * SVG CSS - */ - -/******************** - Default CSS for an svg element nvd3 used -*/ -svg.nvd3-svg { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -ms-user-select: none; - -moz-user-select: none; - user-select: none; - display: block; - width:100%; - height:100%; -} - -/******************** - Box shadow and border radius styling -*/ -.nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip { - -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); - -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); - box-shadow: 0 5px 10px rgba(0,0,0,.2); - - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; -} - - -.nvd3 text { - font: normal 12px Arial; -} - -.nvd3 .title { - font: bold 14px Arial; -} - -.nvd3 .nv-background { - fill: white; - fill-opacity: 0; -} - -.nvd3.nv-noData { - font-size: 18px; - font-weight: bold; -} - - -/********** -* Brush -*/ - -.nv-brush .extent { - fill-opacity: .125; - shape-rendering: crispEdges; -} - -.nv-brush .resize path { - fill: #eee; - stroke: #666; -} - - -/********** -* Legend -*/ - -.nvd3 .nv-legend .nv-series { - cursor: pointer; -} - -.nvd3 .nv-legend .nv-disabled circle { - fill-opacity: 0; -} - -/* focus */ -.nvd3 .nv-brush .extent { - fill-opacity: 0 !important; -} - -.nvd3 .nv-brushBackground rect { - stroke: #000; - stroke-width: .4; - fill: #fff; - fill-opacity: .7; -} - - -.nvd3.nv-ohlcBar .nv-ticks .nv-tick { - stroke-width: 1px; -} - -.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover { - stroke-width: 2px; -} - -.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive { - stroke: #2ca02c; -} - -.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative { - stroke: #d62728; -} - - -.nvd3 .background path { - fill: none; - stroke: #EEE; - stroke-opacity: .4; - shape-rendering: crispEdges; -} - -.nvd3 .foreground path { - fill: none; - stroke-opacity: .7; -} - -.nvd3 .nv-parallelCoordinates-brush .extent -{ - fill: #fff; - fill-opacity: .6; - stroke: gray; - shape-rendering: crispEdges; -} - -.nvd3 .nv-parallelCoordinates .hover { - fill-opacity: 1; - stroke-width: 3px; -} - - -.nvd3 .missingValuesline line { - fill: none; - stroke: black; - stroke-width: 1; - stroke-opacity: 1; - stroke-dasharray: 5, 5; -} -.nvd3.nv-pie path { - stroke-opacity: 0; - transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; - -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; - -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; - -} - -.nvd3.nv-pie .nv-pie-title { - font-size: 24px; - fill: rgba(19, 196, 249, 0.59); -} - -.nvd3.nv-pie .nv-slice text { - stroke: #000; - stroke-width: 0; -} - -.nvd3.nv-pie path { - stroke: #fff; - stroke-width: 1px; - stroke-opacity: 1; -} - -.nvd3.nv-pie path { - fill-opacity: .7; -} -.nvd3.nv-pie .hover path { - fill-opacity: 1; -} -.nvd3.nv-pie .nv-label { - pointer-events: none; -} -.nvd3.nv-pie .nv-label rect { - fill-opacity: 0; - stroke-opacity: 0; -} - -/* scatter */ -.nvd3 .nv-groups .nv-point.hover { - stroke-width: 20px; - stroke-opacity: .5; -} - -.nvd3 .nv-scatter .nv-point.hover { - fill-opacity: 1; -} -.nv-noninteractive { - pointer-events: none; -} - -.nv-distx, .nv-disty { - pointer-events: none; -} - -/* sparkline */ -.nvd3.nv-sparkline path { - fill: none; -} - -.nvd3.nv-sparklineplus g.nv-hoverValue { - pointer-events: none; -} - -.nvd3.nv-sparklineplus .nv-hoverValue line { - stroke: #333; - stroke-width: 1.5px; -} - -.nvd3.nv-sparklineplus, -.nvd3.nv-sparklineplus g { - pointer-events: all; -} - -.nvd3 .nv-hoverArea { - fill-opacity: 0; - stroke-opacity: 0; -} - -.nvd3.nv-sparklineplus .nv-xValue, -.nvd3.nv-sparklineplus .nv-yValue { - stroke-width: 0; - font-size: .9em; - font-weight: normal; -} - -.nvd3.nv-sparklineplus .nv-yValue { - stroke: #f66; -} - -.nvd3.nv-sparklineplus .nv-maxValue { - stroke: #2ca02c; - fill: #2ca02c; -} - -.nvd3.nv-sparklineplus .nv-minValue { - stroke: #d62728; - fill: #d62728; -} - -.nvd3.nv-sparklineplus .nv-currentValue { - font-weight: bold; - font-size: 1.1em; -} -/* stacked area */ -.nvd3.nv-stackedarea path.nv-area { - fill-opacity: .7; - stroke-opacity: 0; - transition: fill-opacity 250ms linear, stroke-opacity 250ms linear; - -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear; - -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear; -} - -.nvd3.nv-stackedarea path.nv-area.hover { - fill-opacity: .9; -} - - -.nvd3.nv-stackedarea .nv-groups .nv-point { - stroke-opacity: 0; - fill-opacity: 0; -} - - -.nvtooltip { - position: absolute; - background-color: rgba(255,255,255,1.0); - color: rgba(0,0,0,1.0); - padding: 1px; - border: 1px solid rgba(0,0,0,.2); - z-index: 10000; - display: block; - - font-family: Arial; - font-size: 13px; - text-align: left; - pointer-events: none; - - white-space: nowrap; - - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.nvtooltip { - background: rgba(255,255,255, 0.8); - border: 1px solid rgba(0,0,0,0.5); - border-radius: 4px; -} - -/*Give tooltips that old fade in transition by - putting a "with-transitions" class on the container div. -*/ -.nvtooltip.with-transitions, .with-transitions .nvtooltip { - transition: opacity 50ms linear; - -moz-transition: opacity 50ms linear; - -webkit-transition: opacity 50ms linear; - - transition-delay: 200ms; - -moz-transition-delay: 200ms; - -webkit-transition-delay: 200ms; -} - -.nvtooltip.x-nvtooltip, -.nvtooltip.y-nvtooltip { - padding: 8px; -} - -.nvtooltip h3 { - margin: 0; - padding: 4px 14px; - line-height: 18px; - font-weight: normal; - background-color: rgba(247,247,247,0.75); - color: rgba(0,0,0,1.0); - text-align: center; - - border-bottom: 1px solid #ebebeb; - - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; -} - -.nvtooltip p { - margin: 0; - padding: 5px 14px; - text-align: center; -} - -.nvtooltip span { - display: inline-block; - margin: 2px 0; -} - -.nvtooltip table { - margin: 6px; - border-spacing:0; -} - - -.nvtooltip table td { - padding: 2px 9px 2px 0; - vertical-align: middle; -} - -.nvtooltip table td.key { - font-weight: normal; -} -.nvtooltip table td.key.total { - font-weight: bold; -} -.nvtooltip table td.value { - text-align: right; - font-weight: bold; -} - -.nvtooltip table tr.highlight td { - padding: 1px 9px 1px 0; - border-bottom-style: solid; - border-bottom-width: 1px; - border-top-style: solid; - border-top-width: 1px; -} - -.nvtooltip table td.legend-color-guide div { - width: 8px; - height: 8px; - vertical-align: middle; -} - -.nvtooltip table td.legend-color-guide div { - width: 12px; - height: 12px; - border: 1px solid #999; -} - -.nvtooltip .footer { - padding: 3px; - text-align: center; -} - -.nvtooltip-pending-removal { - pointer-events: none; - display: none; -} - - -/**** -Interactive Layer -*/ -.nvd3 .nv-interactiveGuideLine { - pointer-events:none; -} -.nvd3 line.nv-guideline { - stroke: #ccc; -} diff --git a/dist/css/lib/nv.d3.min.css b/dist/css/lib/nv.d3.min.css new file mode 100644 index 0000000..459ef9a --- /dev/null +++ b/dist/css/lib/nv.d3.min.css @@ -0,0 +1,2 @@ +.nvd3 .nv-axis line,.nvd3 .nv-axis path{fill:none;shape-rendering:crispEdges}.nv-brush .extent,.nvd3 .background path,.nvd3 .nv-axis line,.nvd3 .nv-axis path{shape-rendering:crispEdges}.nv-distx,.nv-disty,.nv-noninteractive,.nvd3 .nv-axis,.nvd3.nv-pie .nv-label,.nvd3.nv-sparklineplus g.nv-hoverValue{pointer-events:none}.nvtooltip,svg.nvd3-svg{display:block;-webkit-touch-callout:none;-khtml-user-select:none}.nvd3 .nv-axis{opacity:1}.nvd3 .nv-axis.nv-disabled,.nvd3 .nv-controlsWrap .nv-legend .nv-check-box .nv-check{opacity:0}.nvd3 .nv-axis path{stroke:#000;stroke-opacity:.75}.nvd3 .nv-axis path.domain{stroke-opacity:.75}.nvd3 .nv-axis.nv-x path.domain{stroke-opacity:0}.nvd3 .nv-axis line{stroke:#e5e5e5}.nvd3 .nv-axis .zero line, .nvd3 .nv-axis line.zero{stroke-opacity:.75}.nvd3 .nv-axis .nv-axisMaxMin text{font-weight:700}.nvd3 .x .nv-axis .nv-axisMaxMin text,.nvd3 .x2 .nv-axis .nv-axisMaxMin text,.nvd3 .x3 .nv-axis .nv-axisMaxMin text{text-anchor:middle}.nvd3 .nv-bars rect{fill-opacity:.75;transition:fill-opacity 250ms linear;-moz-transition:fill-opacity 250ms linear;-webkit-transition:fill-opacity 250ms linear}.nvd3 .nv-bars rect.hover{fill-opacity:1}.nvd3 .nv-bars .hover rect{fill:#add8e6}.nvd3 .nv-bars text{fill:transparent}.nvd3 .nv-bars .hover text{fill:rgba(0,0,0,1)}.nvd3 .nv-discretebar .nv-groups rect,.nvd3 .nv-multibar .nv-groups rect,.nvd3 .nv-multibarHorizontal .nv-groups rect{stroke-opacity:0;transition:fill-opacity 250ms linear;-moz-transition:fill-opacity 250ms linear;-webkit-transition:fill-opacity 250ms linear}.nvd3 .nv-candlestickBar .nv-ticks rect:hover,.nvd3 .nv-discretebar .nv-groups rect:hover,.nvd3 .nv-multibar .nv-groups rect:hover,.nvd3 .nv-multibarHorizontal .nv-groups rect:hover{fill-opacity:1}.nvd3 .nv-discretebar .nv-groups text,.nvd3 .nv-multibarHorizontal .nv-groups text{font-weight:700;fill:rgba(0,0,0,1);stroke:transparent}.nvd3 .nv-boxplot circle{fill-opacity:.5}.nvd3 .nv-boxplot circle:hover,.nvd3 .nv-boxplot rect:hover{fill-opacity:1}.nvd3 line.nv-boxplot-median{stroke:#000}.nv-boxplot-tick:hover{stroke-width:2.5px}.nvd3.nv-bullet{font:10px sans-serif}.nvd3.nv-bullet .nv-measure{fill-opacity:.8}.nvd3.nv-bullet .nv-measure:hover{fill-opacity:1}.nvd3.nv-bullet .nv-marker{stroke:#000;stroke-width:2px}.nvd3.nv-bullet .nv-markerTriangle{stroke:#000;fill:#fff;stroke-width:1.5px}.nvd3.nv-bullet .nv-tick line{stroke:#666;stroke-width:.5px}.nvd3.nv-bullet .nv-range.nv-s0{fill:#eee}.nvd3.nv-bullet .nv-range.nv-s1{fill:#ddd}.nvd3.nv-bullet .nv-range.nv-s2{fill:#ccc}.nvd3.nv-bullet .nv-title{font-size:14px;font-weight:700}.nvd3.nv-bullet .nv-subtitle{fill:#999}.nvd3.nv-bullet .nv-range{fill:#bababa;fill-opacity:.4}.nvd3.nv-bullet .nv-range:hover{fill-opacity:.7}.nvd3.nv-candlestickBar .nv-ticks .nv-tick{stroke-width:1px}.nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover{stroke-width:2px}.nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect{stroke:#2ca02c;fill:#2ca02c}.nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect{stroke:#d62728;fill:#d62728}.with-transitions .nv-candlestickBar .nv-ticks .nv-tick{transition:stroke-width 250ms linear,stroke-opacity 250ms linear;-moz-transition:stroke-width 250ms linear,stroke-opacity 250ms linear;-webkit-transition:stroke-width 250ms linear,stroke-opacity 250ms linear}.nvd3.nv-candlestickBar .nv-ticks line{stroke:#333}.nvd3 .nv-check-box .nv-box{fill-opacity:0;stroke-width:2}.nvd3 .nv-check-box .nv-check{fill-opacity:0;stroke-width:4}.nvd3 .nv-series.nv-disabled .nv-check-box .nv-check{fill-opacity:0;stroke-opacity:0}.nvd3.nv-linePlusBar .nv-bar rect{fill-opacity:.75}.nvd3.nv-linePlusBar .nv-bar rect:hover{fill-opacity:1}.nvd3 .nv-groups path.nv-line{fill:none}.nvd3 .nv-groups path.nv-area{stroke:none}.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{fill-opacity:0;stroke-opacity:0}.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point{fill-opacity:.5!important;stroke-opacity:.5!important}.with-transitions .nvd3 .nv-groups .nv-point{transition:stroke-width 250ms linear,stroke-opacity 250ms linear;-moz-transition:stroke-width 250ms linear,stroke-opacity 250ms linear;-webkit-transition:stroke-width 250ms linear,stroke-opacity 250ms linear}.nvd3 .nv-groups .nv-point.hover,.nvd3.nv-scatter .nv-groups .nv-point.hover{stroke-width:7px;fill-opacity:.95!important;stroke-opacity:.95!important}.nvd3 .nv-point-paths path{stroke:#aaa;stroke-opacity:0;fill:#eee;fill-opacity:0}.nvd3 .nv-indexLine{cursor:ew-resize}svg.nvd3-svg{-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%}.nvtooltip.with-3d-shadow,.with-3d-shadow .nvtooltip{-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.nvd3 text{font:400 12px Arial}.nvd3 .title{font:700 14px Arial}.nvd3 .nv-background{fill:#fff;fill-opacity:0}.nvd3.nv-noData{font-size:18px;font-weight:700}.nv-brush .extent{fill-opacity:.125}.nv-brush .resize path{fill:#eee;stroke:#666}.nvd3 .nv-legend .nv-series{cursor:pointer}.nvd3 .nv-legend .nv-disabled circle{fill-opacity:0}.nvd3 .nv-brush .extent{fill-opacity:0!important}.nvd3 .nv-brushBackground rect{stroke:#000;stroke-width:.4;fill:#fff;fill-opacity:.7}.nvd3.nv-ohlcBar .nv-ticks .nv-tick{stroke-width:1px}.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover{stroke-width:2px}.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive{stroke:#2ca02c}.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative{stroke:#d62728}.nvd3 .background path{fill:none;stroke:#EEE;stroke-opacity:.4}.nvd3 .foreground path{fill:none;stroke-opacity:.7}.nvd3 .nv-parallelCoordinates-brush .extent{fill:#fff;fill-opacity:.6;stroke:gray;shape-rendering:crispEdges}.nvd3 .nv-parallelCoordinates .hover{fill-opacity:1;stroke-width:3px}.nvd3 .missingValuesline line{fill:none;stroke:#000;stroke-width:1;stroke-opacity:1;stroke-dasharray:5,5}.nvd3.nv-pie .nv-pie-title{font-size:24px;fill:rgba(19,196,249,.59)}.nvd3.nv-pie .nv-slice text{stroke:#000;stroke-width:0}.nvd3.nv-pie path{transition:fill-opacity 250ms linear,stroke-width 250ms linear,stroke-opacity 250ms linear;-moz-transition:fill-opacity 250ms linear,stroke-width 250ms linear,stroke-opacity 250ms linear;-webkit-transition:fill-opacity 250ms linear,stroke-width 250ms linear,stroke-opacity 250ms linear;stroke:#fff;stroke-width:1px;stroke-opacity:1;fill-opacity:.7}.nvd3.nv-pie .hover path{fill-opacity:1}.nvd3.nv-pie .nv-label rect{fill-opacity:0;stroke-opacity:0}.nvd3 .nv-groups .nv-point.hover{stroke-width:20px;stroke-opacity:.5}.nvd3 .nv-scatter .nv-point.hover{fill-opacity:1}.nvd3.nv-sparkline path{fill:none}.nvd3.nv-sparklineplus .nv-hoverValue line{stroke:#333;stroke-width:1.5px}.nvd3.nv-sparklineplus,.nvd3.nv-sparklineplus g{pointer-events:all}.nvd3 .nv-interactiveGuideLine,.nvtooltip{pointer-events:none}.nvd3 .nv-hoverArea{fill-opacity:0;stroke-opacity:0}.nvd3.nv-sparklineplus .nv-xValue,.nvd3.nv-sparklineplus .nv-yValue{stroke-width:0;font-size:.9em;font-weight:400}.nvd3.nv-sparklineplus .nv-yValue{stroke:#f66}.nvd3.nv-sparklineplus .nv-maxValue{stroke:#2ca02c;fill:#2ca02c}.nvd3.nv-sparklineplus .nv-minValue{stroke:#d62728;fill:#d62728}.nvd3.nv-sparklineplus .nv-currentValue{font-weight:700;font-size:1.1em}.nvtooltip h3,.nvtooltip table td.key{font-weight:400}.nvd3.nv-stackedarea path.nv-area{fill-opacity:.7;stroke-opacity:0;transition:fill-opacity 250ms linear,stroke-opacity 250ms linear;-moz-transition:fill-opacity 250ms linear,stroke-opacity 250ms linear;-webkit-transition:fill-opacity 250ms linear,stroke-opacity 250ms linear}.nvd3.nv-stackedarea path.nv-area.hover{fill-opacity:.9}.nvd3.nv-stackedarea .nv-groups .nv-point{stroke-opacity:0;fill-opacity:0}.nvtooltip{position:absolute;color:rgba(0,0,0,1);padding:1px;z-index:10000;font-family:Arial;font-size:13px;text-align:left;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.5);border-radius:4px}.nvtooltip h3,.nvtooltip p{margin:0;text-align:center}.nvtooltip.with-transitions,.with-transitions .nvtooltip{transition:opacity 50ms linear;-moz-transition:opacity 50ms linear;-webkit-transition:opacity 50ms linear;transition-delay:200ms;-moz-transition-delay:200ms;-webkit-transition-delay:200ms}.nvtooltip.x-nvtooltip,.nvtooltip.y-nvtooltip{padding:8px}.nvtooltip h3{padding:4px 14px;line-height:18px;background-color:rgba(247,247,247,.75);color:rgba(0,0,0,1);border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.nvtooltip p{padding:5px 14px}.nvtooltip span{display:inline-block;margin:2px 0}.nvtooltip table{margin:6px;border-spacing:0}.nvtooltip table td{padding:2px 9px 2px 0;vertical-align:middle}.nvtooltip table td.key.total{font-weight:700}.nvtooltip table td.value{text-align:right;font-weight:700}.nvtooltip table tr.highlight td{padding:1px 9px 1px 0;border-bottom-style:solid;border-bottom-width:1px;border-top-style:solid;border-top-width:1px}.nvtooltip table td.legend-color-guide div{vertical-align:middle;width:12px;height:12px;border:1px solid #999}.nvtooltip .footer{padding:3px;text-align:center}.nvtooltip-pending-removal{pointer-events:none;display:none}.nvd3 line.nv-guideline{stroke:#ccc} +/*# sourceMappingURL=nv.d3.min.css.map */ \ No newline at end of file diff --git a/dist/forgot-password.html b/dist/forgot-password.html new file mode 100644 index 0000000..5795243 --- /dev/null +++ b/dist/forgot-password.html @@ -0,0 +1,92 @@ + + + + + + + + + Material Dashboard Lite + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/dist/forms.html b/dist/forms.html index 4c571b0..e58e450 100644 --- a/dist/forms.html +++ b/dist/forms.html @@ -48,8 +48,8 @@ - - + + @@ -58,7 +58,7 @@
- +
- +
- +