/** * material-design-lite - Material Design Components in CSS, JS and HTML * @version v1.1.3 * @license Apache-2.0 * @copyright 2015 Google, Inc. * @link https://github.com/google/material-design-lite */ @charset "UTF-8"; /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Material Design Lite */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * * 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 */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT 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 * * 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 */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html { color: rgba(0,0,0, 0.87); font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers: */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ /* ========================================================================== 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 * * 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 */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT 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: "Inter","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: "Inter","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: "Inter","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: "Inter","Roboto", "Helvetica", "Arial", sans-serif; font-size: 45px; font-weight: 400; line-height: 48px; margin-top: 24px; margin-bottom: 24px; } h3 { font-family: "Inter","Roboto", "Helvetica", "Arial", sans-serif; font-size: 34px; font-weight: 400; line-height: 40px; margin-top: 24px; margin-bottom: 24px; } h4 { font-family: "Inter","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: "Inter","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: "Inter","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: #16163f; font-weight: 500; } blockquote { font-family: "Inter","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: "Inter","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: "Inter","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: "Inter","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: "Inter","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: "Inter","Roboto", "Helvetica", "Arial", sans-serif; font-size: 45px; font-weight: 400; line-height: 48px; } .mdl-typography--display-2-color-contrast { font-family: "Inter","Roboto", "Helvetica", "Arial", sans-serif; font-size: 45px; font-weight: 400; line-height: 48px; opacity: 0.54; } .mdl-typography--display-1 { font-family: "Inter","Roboto", "Helvetica", "Arial", sans-serif; font-size: 34px; font-weight: 400; line-height: 40px; } .mdl-typography--display-1-color-contrast { font-family: "Inter","Roboto", "Helvetica", "Arial", sans-serif; font-size: 34px; font-weight: 400; line-height: 40px; opacity: 0.54; } .mdl-typography--headline { font-family: "Inter","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: "Inter","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: "Inter","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: "Inter","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: "Inter","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: "Inter","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: "Inter","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: "Inter","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: "Inter","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: "Inter","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: "Inter","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: "Inter","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: "Inter","Roboto", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0; } .mdl-typography--menu-color-contrast { font-family: "Inter","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: "Inter","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: "Inter","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; -moz-font-feature-settings: 'liga'; 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 * * 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 */ .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: #16163f !important; } .mdl-color--pink-A200 { background-color: #16163f !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: #b93535 !important; } .mdl-color--indigo { background-color: #b93535 !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: #b93535 !important; } .mdl-color--indigo-500 { background-color: #b93535 !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: #b93535 !important; } .mdl-color--indigo-700 { background-color: #b93535 !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: #b93535 !important; } .mdl-color--primary-contrast { background-color: rgb(255,255,255) !important; } .mdl-color--primary-dark { background-color: #b93535 !important; } .mdl-color--accent { background-color: #16163f !important; } .mdl-color--accent-contrast { background-color: rgb(255,255,255) !important; } .mdl-color-text--primary { color: #b93535 !important; } .mdl-color-text--primary-contrast { color: rgb(255,255,255) !important; } .mdl-color-text--primary-dark { color: #b93535 !important; } .mdl-color-text--accent { color: #16163f !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 * * 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 */ .mdl-ripple { background: rgb(0,0,0); border-radius: 50%; height: 50px; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; overflow: hidden; } .mdl-ripple.is-animating { transition: 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), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1); 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); 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), -webkit-transform 0.3s 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 * * 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 */ .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 * * 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 */ .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: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: -11px; right: -24px; font-family: "Inter","Roboto", "Helvetica", "Arial", sans-serif; font-weight: 600; font-size: 12px; width: 22px; height: 22px; border-radius: 50%; background: #16163f; 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: #16163f; 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 * * 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 */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Typography */ /* Shadows */ /* Animations */ /* Dialog */ .mdl-button { background: transparent; border: none; border-radius: 2px; color: rgb(0,0,0); position: relative; height: 36px; margin: 0; min-width: 64px; padding: 0 16px; display: inline-block; font-family: "Inter","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: #b93535; } .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: #b93535; color: rgb(255,255,255); } .mdl-button--raised.mdl-button--colored:hover { background-color: #b93535; } .mdl-button--raised.mdl-button--colored:active { background-color: #b93535; } .mdl-button--raised.mdl-button--colored:focus:not(:active) { background-color: #b93535; } .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%; -webkit-transform: translate(-12px, -12px); 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: #16163f; color: rgb(255,255,255); } .mdl-button--fab.mdl-button--colored:hover { background-color: #16163f; } .mdl-button--fab.mdl-button--colored:focus:not(:active) { background-color: #16163f; } .mdl-button--fab.mdl-button--colored:active { background-color: #16163f; } .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%; -webkit-transform: translate(-12px, -12px); 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: #b93535; } .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: #b93535; } .mdl-button--accent.mdl-button--accent { color: #16163f; } .mdl-button--accent.mdl-button--accent .mdl-ripple { background: rgb(255,255,255); } .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab { color: rgb(255,255,255); background-color: #16163f; } .mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled { color: rgba(0,0,0, 0.26); cursor: default; background-color: transparent; } .mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled { background-color: rgba(0,0,0, 0.12); color: rgba(0,0,0, 0.26); } .mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled { background-color: rgba(0,0,0, 0.12); color: rgba(0,0,0, 0.26); box-shadow: none; } .mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled { color: rgba(0,0,0, 0.26); } .mdl-button .material-icons { vertical-align: middle; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * * 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 */ .mdl-card { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 16px; font-weight: 400; min-height: 200px; overflow: hidden; width: 330px; z-index: 1; position: relative; background: rgb(255,255,255); border-radius: 2px; box-sizing: border-box; } .mdl-card__media { background-color: #16163f; background-repeat: repeat; background-position: 50% 50%; background-size: cover; background-origin: padding-box; background-attachment: scroll; box-sizing: border-box; } .mdl-card__title { -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgb(0,0,0); display: block; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: stretch; -ms-flex-pack: stretch; justify-content: stretch; line-height: normal; padding: 16px 16px; -webkit-perspective-origin: 165px 56px; perspective-origin: 165px 56px; -webkit-transform-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 { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; color: inherit; display: block; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 24px; font-weight: 300; line-height: normal; overflow: hidden; -webkit-transform-origin: 149px 48px; transform-origin: 149px 48px; margin: 0; } .mdl-card__subtitle-text { font-size: 14px; color: rgba(0,0,0, 0.54); margin: 0; } .mdl-card__supporting-text { color: rgba(0,0,0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px 16px; width: 90%; } .mdl-card__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 { -webkit-flex-grow: 1; -ms-flex-positive: 1; 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 * * 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 */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Typography */ /* Shadows */ /* Animations */ /* Dialog */ .mdl-checkbox { position: relative; z-index: 1; vertical-align: middle; display: inline-block; box-sizing: border-box; width: 100%; height: 24px; margin: 0; padding: 0; } .mdl-checkbox.is-upgraded { padding-left: 24px; } .mdl-checkbox__input { line-height: 24px; } .mdl-checkbox.is-upgraded .mdl-checkbox__input { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; } .mdl-checkbox__box-outline { position: absolute; top: 3px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; margin: 0; cursor: pointer; overflow: hidden; border: 2px solid rgba(0,0,0, 0.54); border-radius: 2px; z-index: 2; } .mdl-checkbox.is-checked .mdl-checkbox__box-outline { border: 2px solid #b93535; } fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox.is-disabled .mdl-checkbox__box-outline, .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__box-outline { border: 2px solid rgba(0,0,0, 0.26); cursor: auto; } .mdl-checkbox__focus-helper { position: absolute; top: 3px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; border-radius: 50%; background-color: transparent; } .mdl-checkbox.is-focused .mdl-checkbox__focus-helper { box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1); } .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper { box-shadow: 0 0 0px 8px rgba(63,81,181, 0.26); background-color: rgba(63,81,181, 0.26); } .mdl-checkbox__tick-outline { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg=="); mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg=="); background: transparent; transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: background; } .mdl-checkbox.is-checked .mdl-checkbox__tick-outline { background: #b93535 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); } fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline { background: rgba(0,0,0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); } .mdl-checkbox__label { position: relative; cursor: pointer; font-size: 16px; line-height: 24px; margin: 0; } fieldset[disabled] .mdl-checkbox .mdl-checkbox__label, .mdl-checkbox.is-disabled .mdl-checkbox__label { color: rgba(0,0,0, 0.26); cursor: auto; } .mdl-checkbox__ripple-container { position: absolute; z-index: 2; top: -6px; left: -10px; box-sizing: border-box; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } .mdl-checkbox__ripple-container .mdl-ripple { background: #b93535; } 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 * * 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 */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Typography */ /* Shadows */ /* Animations */ /* Dialog */ .mdl-data-table { position: relative; border: 1px solid rgba(0, 0, 0, 0.12); border-collapse: collapse; white-space: nowrap; font-size: 13px; background-color: rgb(255,255,255); } .mdl-data-table thead { padding-bottom: 3px; } .mdl-data-table thead .mdl-data-table__select { margin-top: 0; } .mdl-data-table tbody tr { position: relative; height: 48px; transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: background-color; } .mdl-data-table tbody tr.is-selected { background-color: #e0e0e0; } .mdl-data-table tbody tr:hover { background-color: #eeeeee; } .mdl-data-table td, .mdl-data-table th { padding: 0 18px 12px 18px; text-align: right; } .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type { padding-left: 24px; } .mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type { padding-right: 24px; } .mdl-data-table td { position: relative; vertical-align: middle; height: 48px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding-top: 12px; box-sizing: border-box; } .mdl-data-table td .mdl-data-table__select { vertical-align: middle; } .mdl-data-table th { position: relative; vertical-align: bottom; text-overflow: ellipsis; font-size: 14px; font-weight: bold; line-height: 24px; letter-spacing: 0; height: 48px; font-size: 12px; color: rgba(0, 0, 0, 0.54); padding-bottom: 8px; box-sizing: border-box; } .mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending { color: rgba(0, 0, 0, 0.87); } .mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; -moz-font-feature-settings: 'liga'; 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 * * 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 */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT 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: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; 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; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 16px; margin-right: 0; text-align: right; } .mdl-dialog__content { padding: 20px 24px 24px 24px; color: rgba(0,0,0, 0.54); } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * * 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 */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT 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 * * 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 */ .mdl-mini-footer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; 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: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; 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; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .mdl-mini-footer--right-section, .mdl-mini-footer__right-section { display: inline-block; -webkit-order: 1; -ms-flex-order: 1; 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 * * 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 */ .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: #b93535; } .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label { color: rgba(0,0,0, 0.26); cursor: auto; transition: none; } .mdl-icon-toggle.is-focused .mdl-icon-toggle__label { background-color: rgba(0,0,0, 0.12); } .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label { background-color: rgba(63,81,181, 0.26); } .mdl-icon-toggle__ripple-container { position: absolute; z-index: 2; top: -2px; left: -2px; box-sizing: border-box; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } .mdl-icon-toggle__ripple-container .mdl-ripple { background: rgb(97,97,97); } .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container { cursor: auto; } .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple { background: transparent; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * * 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 */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Typography */ /* Shadows */ /* Animations */ /* Dialog */ .mdl-list { display: block; padding: 8px 0; list-style: none; } .mdl-list__item { font-family: "Inter","Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.04em; line-height: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 48px; box-sizing: border-box; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 16px; cursor: default; color: rgba(0,0,0, 0.87); overflow: hidden; } .mdl-list__item .mdl-list__item-primary-content { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; text-decoration: none; box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon { margin-right: 32px; } .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar { margin-right: 16px; } .mdl-list__item .mdl-list__item-secondary-content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-left: 16px; } .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label { display: inline; } .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info { font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; color: rgba(0,0,0, 0.54); } .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header { padding: 0 0 0 16px; } .mdl-list__item-icon, .mdl-list__item-icon.material-icons { height: 24px; width: 24px; font-size: 24px; box-sizing: border-box; color: rgb(117,117,117); } .mdl-list__item-avatar, .mdl-list__item-avatar.material-icons { height: 40px; width: 40px; box-sizing: border-box; border-radius: 50%; background-color: rgb(117,117,117); font-size: 40px; color: white; } .mdl-list__item--two-line { height: 72px; } .mdl-list__item--two-line .mdl-list__item-primary-content { height: 36px; line-height: 20px; display: block; } .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar { float: left; } .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon { float: left; margin-top: 6px; } .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content { height: 36px; } .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; line-height: 18px; color: rgba(0,0,0, 0.54); display: block; padding: 0; } .mdl-list__item--three-line { height: 88px; } .mdl-list__item--three-line .mdl-list__item-primary-content { height: 52px; line-height: 20px; display: block; } .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar, .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon { float: left; } .mdl-list__item--three-line .mdl-list__item-secondary-content { height: 52px; } .mdl-list__item--three-line .mdl-list__item-text-body { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; line-height: 18px; height: 52px; color: rgba(0,0,0, 0.54); display: block; padding: 0; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * * 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 */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Typography */ /* Shadows */ /* Animations */ /* Dialog */ .mdl-menu__container { display: block; margin: 0; padding: 0; border: none; position: absolute; overflow: visible; height: 0; width: 0; visibility: hidden; z-index: -1; } .mdl-menu__container.is-visible, .mdl-menu__container.is-animating { z-index: 999; visibility: visible; } .mdl-menu__outline { display: block; background: rgb(255,255,255); margin: 0; padding: 0; border: none; border-radius: 2px; position: absolute; top: 0; left: 0; overflow: hidden; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 0 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: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: -1; } .mdl-menu__container.is-visible .mdl-menu__outline { opacity: 1; -webkit-transform: scale(1); transform: scale(1); z-index: 999; } .mdl-menu__outline.mdl-menu--bottom-right { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .mdl-menu__outline.mdl-menu--top-left { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .mdl-menu__outline.mdl-menu--top-right { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .mdl-menu { position: absolute; list-style: none; top: 0; left: 0; height: auto; width: auto; min-width: 124px; padding: 8px 0; margin: 0; opacity: 0; clip: rect(0 0 0 0); z-index: -1; } .mdl-menu__container.is-visible .mdl-menu { opacity: 1; z-index: 999; } .mdl-menu.is-animating { transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .mdl-menu.mdl-menu--bottom-right { left: auto; right: 0; } .mdl-menu.mdl-menu--top-left { top: auto; bottom: 0; } .mdl-menu.mdl-menu--top-right { top: auto; left: auto; bottom: 0; right: 0; } .mdl-menu.mdl-menu--unaligned { top: auto; left: auto; } .mdl-menu__item { display: block; border: none; color: rgba(0,0,0, 0.87); background-color: transparent; text-align: left; margin: 0; padding: 0 16px; outline-color: rgb(189,189,189); position: relative; overflow: hidden; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; text-decoration: none; cursor: pointer; height: 48px; line-height: 48px; white-space: nowrap; opacity: 0; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mdl-menu__container.is-visible .mdl-menu__item { opacity: 1; } .mdl-menu__item::-moz-focus-inner { border: 0; } .mdl-menu__item--full-bleed-divider { border-bottom: 1px solid rgba(0,0,0, 0.12); } .mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] { color: rgb(189,189,189); background-color: transparent; cursor: auto; } .mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover { background-color: transparent; } .mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus { background-color: transparent; } .mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple { background: transparent; } .mdl-menu__item:hover { background-color: rgb(238,238,238); } .mdl-menu__item:focus { outline: none; background-color: rgb(238,238,238); } .mdl-menu__item:active { background-color: rgb(224,224,224); } .mdl-menu__item--ripple-container { display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; overflow: hidden; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * * 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 */ .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: #b93535; z-index: 1; left: 0; } .mdl-progress > .bufferbar { background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, #b93535, #b93535); z-index: 0; left: 0; } .mdl-progress > .auxbar { right: 0; } @supports (-webkit-appearance: none) { .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar { background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, #b93535, #b93535); -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); } } .mdl-progress:not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate) > .auxbar { background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, #b93535, #b93535); } .mdl-progress.mdl-progress--indeterminate > .bar1, .mdl-progress.mdl-progress__indeterminate > .bar1 { background-color: #b93535; -webkit-animation-name: indeterminate1; animation-name: indeterminate1; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .mdl-progress.mdl-progress--indeterminate > .bar3, .mdl-progress.mdl-progress__indeterminate > .bar3 { background-image: none; background-color: #b93535; -webkit-animation-name: indeterminate2; animation-name: indeterminate2; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes indeterminate1 { 0% { left: 0%; width: 0%; } 50% { left: 25%; width: 75%; } 75% { left: 100%; width: 0%; } } @keyframes indeterminate1 { 0% { left: 0%; width: 0%; } 50% { left: 25%; width: 75%; } 75% { left: 100%; width: 0%; } } @-webkit-keyframes indeterminate2 { 0% { left: 0%; width: 0%; } 50% { left: 0%; width: 0%; } 75% { left: 0%; width: 25%; } 100% { 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 * * 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 */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT 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: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; 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: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; 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: "Inter","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 { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .mdl-layout__drawer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 240px; height: 100%; max-height: 100%; position: absolute; top: 0; left: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; border-right: 1px solid rgb(224,224,224); background: rgb(250,250,250); -webkit-transform: translateX(-250px); transform: translateX(-250px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; will-change: transform; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; color: rgb(66,66,66); overflow: visible; overflow-y: auto; z-index: 5; } .mdl-layout__drawer.is-visible { -webkit-transform: translateX(0); transform: translateX(0); } .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content { overflow: hidden; } .mdl-layout__drawer > * { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title { line-height: 64px; padding-left: 40px; } @media screen and (max-width: 1024px) { .mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title { line-height: 56px; padding-left: 16px; } } .mdl-layout__drawer .mdl-navigation { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; -ms-flex-align: stretch; -ms-grid-row-align: stretch; align-items: stretch; padding-top: 16px; } .mdl-layout__drawer .mdl-navigation .mdl-navigation__link { display: block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding: 16px 40px; margin: 0; color: #757575; } @media screen and (max-width: 1024px) { .mdl-layout__drawer .mdl-navigation .mdl-navigation__link { padding: 16px 16px; } } .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover { background-color: rgb(224,224,224); } .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current { background-color: rgb(0,0,0); color: rgb(224,224,224); } @media screen and (min-width: 1025px) { .mdl-layout--fixed-drawer > .mdl-layout__drawer { -webkit-transform: translateX(0); transform: translateX(0); } } .mdl-layout__drawer-button { display: block; position: absolute; height: 48px; width: 48px; border: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; text-align: center; cursor: pointer; font-size: 26px; line-height: 50px; font-family: Inter,Helvetica, Arial, sans-serif; margin: 10px 12px; top: 0; left: 0; color: rgb(255,255,255); z-index: 4; } .mdl-layout__header .mdl-layout__drawer-button { position: absolute; color: rgb(255,255,255); background-color: inherit; } @media screen and (max-width: 1024px) { .mdl-layout__header .mdl-layout__drawer-button { margin: 4px; } } @media screen and (max-width: 1024px) { .mdl-layout__drawer-button { margin: 4px; color: rgba(0, 0, 0, 0.5); } } @media screen and (min-width: 1025px) { .mdl-layout--fixed-drawer > .mdl-layout__drawer-button { display: none; } .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button { display: none; } } .mdl-layout--no-drawer-button .mdl-layout__drawer-button { display: none; } .mdl-layout__header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; box-sizing: border-box; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; margin: 0; padding: 0; border: none; min-height: 64px; max-height: 1000px; z-index: 3; background-color: #b93535; color: rgb(255,255,255); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: max-height, box-shadow; } @media screen and (max-width: 1024px) { .mdl-layout__header { min-height: 56px; } } .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header { margin-left: 240px; width: calc(100% - 240px); } @media screen and (min-width: 1025px) { .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row { padding-left: 40px; } } .mdl-layout__header > .mdl-layout-icon { position: absolute; left: 40px; top: 16px; height: 32px; width: 32px; overflow: hidden; z-index: 3; display: block; } @media screen and (max-width: 1024px) { .mdl-layout__header > .mdl-layout-icon { left: 16px; top: 12px; } } .mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon { display: none; } .mdl-layout__header.is-compact { max-height: 64px; } @media screen and (max-width: 1024px) { .mdl-layout__header.is-compact { max-height: 56px; } } .mdl-layout__header.is-compact.has-tabs { height: 112px; } @media screen and (max-width: 1024px) { .mdl-layout__header.is-compact.has-tabs { min-height: 104px; } } @media screen and (max-width: 1024px) { .mdl-layout__header { display: none; } .mdl-layout--fixed-header > .mdl-layout__header { display: -webkit-flex; display: -ms-flexbox; 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 { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .mdl-layout__header-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; box-sizing: border-box; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 64px; margin: 0; padding: 0 40px 0 80px; } .mdl-layout--no-drawer-button .mdl-layout__header-row { padding-left: 40px; } @media screen and (min-width: 1025px) { .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row { padding-left: 40px; } } @media screen and (max-width: 1024px) { .mdl-layout__header-row { height: 56px; padding: 0 16px 0 72px; } .mdl-layout--no-drawer-button .mdl-layout__header-row { padding-left: 16px; } } .mdl-layout__header-row > * { -webkit-flex-shrink: 0; -ms-flex-negative: 0; 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; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } @media screen and (max-width: 1024px) { .mdl-layout__header-row .mdl-navigation { height: 56px; } } .mdl-layout__header-row .mdl-navigation__link { display: block; color: rgb(255,255,255); line-height: 64px; padding: 0 24px; } @media screen and (max-width: 1024px) { .mdl-layout__header-row .mdl-navigation__link { line-height: 56px; padding: 0 16px; } } .mdl-layout__obfuscator { background-color: transparent; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 4; visibility: hidden; transition-property: background-color; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .mdl-layout__obfuscator.is-visible { background-color: rgba(0, 0, 0, 0.5); visibility: visible; } @supports (pointer-events: auto) { .mdl-layout__obfuscator { background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition-property: opacity; visibility: visible; pointer-events: none; } .mdl-layout__obfuscator.is-visible { pointer-events: auto; opacity: 1; } } .mdl-layout__content { -ms-flex: 0 1 auto; position: relative; display: inline-block; overflow-y: auto; overflow-x: hidden; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; z-index: 1; -webkit-overflow-scrolling: touch; } .mdl-layout--fixed-drawer > .mdl-layout__content { margin-left: 240px; } .mdl-layout__container.has-scrolling-header .mdl-layout__content { overflow: visible; } @media screen and (max-width: 1024px) { .mdl-layout--fixed-drawer > .mdl-layout__content { margin-left: 0; } .mdl-layout__container.has-scrolling-header .mdl-layout__content { overflow-y: auto; overflow-x: hidden; } } .mdl-layout__tab-bar { height: 96px; margin: 0; width: calc(100% - 112px); padding: 0 0 0 56px; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #b93535; overflow-y: hidden; overflow-x: scroll; } .mdl-layout__tab-bar::-webkit-scrollbar { display: none; } .mdl-layout--no-drawer-button .mdl-layout__tab-bar { padding-left: 16px; width: calc(100% - 32px); } @media screen and (min-width: 1025px) { .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar { padding-left: 16px; width: calc(100% - 32px); } } @media screen and (max-width: 1024px) { .mdl-layout__tab-bar { width: calc(100% - 60px); padding: 0 0 0 60px; } .mdl-layout--no-drawer-button .mdl-layout__tab-bar { width: calc(100% - 8px); padding-left: 4px; } } .mdl-layout--fixed-tabs .mdl-layout__tab-bar { padding: 0; overflow: hidden; width: 100%; } .mdl-layout__tab-bar-container { position: relative; height: 48px; width: 100%; border: none; margin: 0; z-index: 2; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 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: #b93535; color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button, .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button { width: 16px; } .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons, .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons { position: relative; left: -4px; } @media screen and (max-width: 1024px) { .mdl-layout__tab-bar-button { display: none; width: 60px; } } .mdl-layout--fixed-tabs .mdl-layout__tab-bar-button { display: none; } .mdl-layout__tab-bar-button .material-icons { line-height: 48px; } .mdl-layout__tab-bar-button.is-active { color: rgb(255,255,255); } .mdl-layout__tab-bar-left-button { left: 0; } .mdl-layout__tab-bar-right-button { right: 0; } .mdl-layout__tab { margin: 0; border: none; padding: 0 24px 0 24px; float: left; position: relative; display: block; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; text-decoration: none; height: 48px; line-height: 48px; text-align: center; font-weight: 500; font-size: 14px; text-transform: uppercase; color: rgba(255,255,255, 0.6); overflow: hidden; } @media screen and (max-width: 1024px) { .mdl-layout__tab { padding: 0 12px 0 12px; } } .mdl-layout--fixed-tabs .mdl-layout__tab { float: none; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0; } .mdl-layout.is-upgraded .mdl-layout__tab.is-active { color: rgb(255,255,255); } .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after { height: 2px; width: 100%; display: block; content: " "; bottom: 0; left: 0; position: absolute; background: #16163f; -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards; animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards; transition: all 1s cubic-bezier(0.4, 0, 1, 1); } .mdl-layout__tab .mdl-layout__tab-ripple-container { display: block; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 1; overflow: hidden; } .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple { background-color: rgb(255,255,255); } .mdl-layout__tab-panel { display: block; } .mdl-layout.is-upgraded .mdl-layout__tab-panel { display: none; } .mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active { display: block; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table * -----Dialog * -----Snackbar * * 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 */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT 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; box-sizing: border-box; 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(0,0,0, 0.54); border-radius: 50%; z-index: 2; } .mdl-radio.is-checked .mdl-radio__outer-circle { border: 2px solid #b93535; } .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: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); border-radius: 50%; background: #b93535; } .mdl-radio.is-checked .mdl-radio__inner-circle { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 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: #b93535; } 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 * * 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 */ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded { -ms-appearance: none; height: 32px; margin: 0; } :root{ --primary-color: #b93535; --primary-color-light: #fdf14f; --primary-color-dark: #b93535; --secondary-color: #16163f; } .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; -ms-user-select: none; user-select: none; outline: 0; padding: 0; color: #b93535; -webkit-align-self: center; -ms-flex-item-align: center; 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, #b93535 16px, #b93535 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: #b93535; border: none; transition: 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), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); 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), -webkit-transform 0.18s 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: #b93535; border: none; } .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb { box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); } .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb { box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); } .mdl-slider.is-upgraded:active::-webkit-slider-thumb { background-image: none; background: #b93535; -webkit-transform: scale(1.5); transform: scale(1.5); } .mdl-slider.is-upgraded:active::-moz-range-thumb { background-image: none; background: #b93535; transform: scale(1.5); } .mdl-slider.is-upgraded::-ms-thumb { width: 32px; height: 32px; border: none; border-radius: 50%; background: #b93535; transform: scale(0.375); transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); } .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb { background: radial-gradient(circle closest-side, #b93535 0%, #b93535 37.5%, rgba(63,81,181, 0.26) 37.5%, rgba(63,81,181, 0.26) 100%); transform: scale(1); } .mdl-slider.is-upgraded:active::-ms-thumb { background: #b93535; 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); -webkit-transform: scale(1.5); 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 { -webkit-transform: scale(0.667); 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; -webkit-transform: scale(0.667); 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: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; 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: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; border: 0; padding: 0; -webkit-transform: translate(0, -1px); transform: translate(0, -1px); } .mdl-slider__background-lower { background: #b93535; -webkit-flex: 0; -ms-flex: 0; flex: 0; position: relative; border: 0; padding: 0; } .mdl-slider__background-upper { background: rgba(0,0,0, 0.26); -webkit-flex: 0; -ms-flex: 0; 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 * * 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 */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT 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: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-family: "Inter","Roboto", "Helvetica", "Arial", sans-serif; will-change: transform; -webkit-transform: translate(0, 80px); transform: translate(0, 80px); transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1); transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1); transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1); pointer-events: none; } @media (max-width: 479px) { .mdl-snackbar { width: 100%; left: 0; min-height: 48px; max-height: 80px; } } @media (min-width: 480px) { .mdl-snackbar { min-width: 288px; max-width: 568px; border-radius: 2px; -webkit-transform: translate(-50%, 80px); transform: translate(-50%, 80px); } } .mdl-snackbar--active { -webkit-transform: translate(0, 0); transform: translate(0, 0); pointer-events: auto; transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1); } @media (min-width: 480px) { .mdl-snackbar--active { -webkit-transform: translate(-50%, 0); 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: #16163f; float: right; text-transform: uppercase; padding: 14px 24px 14px 12px; font-family: "Inter","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; -webkit-align-self: center; -ms-flex-item-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 * * 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 */ .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 { -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; } @-webkit-keyframes mdl-spinner__container-rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mdl-spinner__container-rotate { to { -webkit-transform: rotate(360deg); 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: #b93535; } .mdl-spinner.is-active .mdl-spinner__layer-1 { -webkit-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; 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: #b93535; } .mdl-spinner.is-active .mdl-spinner__layer-2 { -webkit-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; 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: #b93535; } .mdl-spinner.is-active .mdl-spinner__layer-3 { -webkit-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; 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: #b93535; } .mdl-spinner.is-active .mdl-spinner__layer-4 { -webkit-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; 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; } @-webkit-keyframes mdl-spinner__fill-unfill-rotate { 12.5% { -webkit-transform: rotate(135deg); transform: rotate(135deg); } 25% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 37.5% { -webkit-transform: rotate(405deg); transform: rotate(405deg); } 50% { -webkit-transform: rotate(540deg); transform: rotate(540deg); } 62.5% { -webkit-transform: rotate(675deg); transform: rotate(675deg); } 75% { -webkit-transform: rotate(810deg); transform: rotate(810deg); } 87.5% { -webkit-transform: rotate(945deg); transform: rotate(945deg); } to { -webkit-transform: rotate(1080deg); transform: rotate(1080deg); } } @keyframes mdl-spinner__fill-unfill-rotate { 12.5% { -webkit-transform: rotate(135deg); transform: rotate(135deg); } 25% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 37.5% { -webkit-transform: rotate(405deg); transform: rotate(405deg); } 50% { -webkit-transform: rotate(540deg); transform: rotate(540deg); } 62.5% { -webkit-transform: rotate(675deg); transform: rotate(675deg); } 75% { -webkit-transform: rotate(810deg); transform: rotate(810deg); } 87.5% { -webkit-transform: rotate(945deg); transform: rotate(945deg); } to { -webkit-transform: rotate(1080deg); 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 */ @-webkit-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-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; } } @-webkit-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-2-fade-in-out { from { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 0.99; } 50% { opacity: 0.99; } 51% { opacity: 0; } } @-webkit-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-3-fade-in-out { from { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 0.99; } 75% { opacity: 0.99; } 76% { opacity: 0; } } @-webkit-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; } } @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__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%; -webkit-animation: none; animation: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mdl-spinner__left .mdl-spinner__circle { border-right-color: transparent !important; -webkit-transform: rotate(129deg); transform: rotate(129deg); } .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle { -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; 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; -webkit-transform: rotate(-129deg); transform: rotate(-129deg); } .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle { -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @-webkit-keyframes mdl-spinner__left-spin { from { -webkit-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); transform: rotate(130deg); } } @keyframes mdl-spinner__left-spin { from { -webkit-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); transform: rotate(130deg); } } @-webkit-keyframes mdl-spinner__right-spin { from { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } } @keyframes mdl-spinner__right-spin { from { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); 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 * * 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 */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT 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(63,81,181, 0.5); } .mdl-switch__track fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__track { background: rgba(0,0,0, 0.12); cursor: auto; } .mdl-switch__thumb { background: rgb(250,250,250); position: absolute; left: 0; top: 2px; height: 20px; width: 20px; border-radius: 50%; cursor: pointer; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: left; } .mdl-switch.is-checked .mdl-switch__thumb { background: #b93535; 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%; -webkit-transform: translate(-4px, -4px); transform: translate(-4px, -4px); display: inline-block; box-sizing: border-box; width: 8px; height: 8px; border-radius: 50%; background-color: transparent; } .mdl-switch.is-focused .mdl-switch__focus-helper { box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1); } .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper { box-shadow: 0 0 0px 20px rgba(63,81,181, 0.26); background-color: rgba(63,81,181, 0.26); } .mdl-switch__label { position: relative; cursor: pointer; font-size: 16px; line-height: 24px; margin: 0; left: 24px; } .mdl-switch__label fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__label { color: rgb(189,189,189); cursor: auto; } .mdl-switch__ripple-container { position: absolute; z-index: 2; top: -12px; left: -14px; box-sizing: border-box; width: 48px; height: 48px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); transition-duration: 0.40s; transition-timing-function: step-end; transition-property: left; } .mdl-switch__ripple-container .mdl-ripple { background: #b93535; } .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 * * 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 */ .mdl-tabs { display: block; width: 100%; } .mdl-tabs__tab-bar { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; 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: #b93535; -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards; 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: #b93535; } .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; } @-webkit-keyframes border-expand { 0% { opacity: 0; width: 0; } 100% { opacity: 1; width: 100%; } } @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 * * 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 */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT 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__input { border: none; border-bottom: 1px solid rgba(0,0,0, 0.12); display: block; font-size: 16px; font-family: "Inter","Helvetica", "Arial", sans-serif; margin: 0; padding: 4px 0; width: 100%; background: none; text-align: left; color: inherit; } .mdl-textfield__input[type="number"] { -moz-appearance: textfield; } .mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .mdl-textfield.is-focused .mdl-textfield__input { outline: none; } .mdl-textfield.is-invalid .mdl-textfield__input { border-color: rgb(213,0,0); box-shadow: none; } fieldset[disabled] .mdl-textfield .mdl-textfield__input, .mdl-textfield.is-disabled .mdl-textfield__input { background-color: transparent; border-bottom: 1px dotted rgba(0,0,0, 0.12); color: rgba(0,0,0, 0.26); } .mdl-textfield textarea.mdl-textfield__input { display: block; } .mdl-textfield__label { bottom: 0; color: rgba(0,0,0, 0.26); font-size: 16px; left: 0; right: 0; pointer-events: none; position: absolute; display: block; top: 24px; width: 100%; overflow: hidden; white-space: nowrap; text-align: left; } .mdl-textfield.is-dirty .mdl-textfield__label, .mdl-textfield.has-placeholder .mdl-textfield__label { visibility: hidden; } .mdl-textfield--floating-label .mdl-textfield__label { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { transition: none; } fieldset[disabled] .mdl-textfield .mdl-textfield__label, .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label { color: rgba(0,0,0, 0.26); } .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { color: #b93535; 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: #b93535; 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 * * 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 */ .mdl-tooltip { -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: top center; transform-origin: top center; /*will-change: transform;*/ z-index: 999; background: rgba(97,97,97, 0.9); border-radius: 2px; color: rgb(255,255,255); display: inline-block; font-size: 10px; font-weight: 500; line-height: 14px; max-width: 170px; position: fixed; top: -500px; left: -500px; padding: 8px; text-align: center; } .mdl-tooltip.is-active { -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } .mdl-tooltip--large { line-height: 14px; font-size: 14px; padding: 16px; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(0.99); transform: scale(0.99); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; } } @keyframes pulse { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(0.99); transform: scale(0.99); } 100% { -webkit-transform: scale(1); 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 * * 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 */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT 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 * * 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 */ .mdl-grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 auto 0 auto; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .mdl-grid.mdl-grid--no-spacing { padding: 0; } .mdl-cell { box-sizing: border-box; } .mdl-cell--top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .mdl-cell--middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .mdl-cell--bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .mdl-cell--stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .mdl-grid.mdl-grid--no-spacing > .mdl-cell { margin: 0; } .mdl-cell--order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .mdl-cell--order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .mdl-cell--order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .mdl-cell--order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .mdl-cell--order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .mdl-cell--order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .mdl-cell--order-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .mdl-cell--order-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .mdl-cell--order-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .mdl-cell--order-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .mdl-cell--order-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .mdl-cell--order-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } @media (max-width: 479px) { .mdl-grid { padding: 8px; } .mdl-cell { margin: 8px; width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 100%; } .mdl-cell--hide-phone { display: none !important; } .mdl-cell--order-1-phone.mdl-cell--order-1-phone { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .mdl-cell--order-2-phone.mdl-cell--order-2-phone { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .mdl-cell--order-3-phone.mdl-cell--order-3-phone { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .mdl-cell--order-4-phone.mdl-cell--order-4-phone { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .mdl-cell--order-5-phone.mdl-cell--order-5-phone { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .mdl-cell--order-6-phone.mdl-cell--order-6-phone { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .mdl-cell--order-7-phone.mdl-cell--order-7-phone { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .mdl-cell--order-8-phone.mdl-cell--order-8-phone { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .mdl-cell--order-9-phone.mdl-cell--order-9-phone { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .mdl-cell--order-10-phone.mdl-cell--order-10-phone { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .mdl-cell--order-11-phone.mdl-cell--order-11-phone { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .mdl-cell--order-12-phone.mdl-cell--order-12-phone { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .mdl-cell--1-col, .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(25% - 16px); } .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: 25%; } .mdl-cell--2-col, .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: 50%; } .mdl-cell--3-col, .mdl-cell--3-col-phone.mdl-cell--3-col-phone { width: calc(75% - 16px); } .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone { width: 75%; } .mdl-cell--4-col, .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: 100%; } .mdl-cell--5-col, .mdl-cell--5-col-phone.mdl-cell--5-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone { width: 100%; } .mdl-cell--6-col, .mdl-cell--6-col-phone.mdl-cell--6-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone { width: 100%; } .mdl-cell--7-col, .mdl-cell--7-col-phone.mdl-cell--7-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone { width: 100%; } .mdl-cell--8-col, .mdl-cell--8-col-phone.mdl-cell--8-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone { width: 100%; } .mdl-cell--9-col, .mdl-cell--9-col-phone.mdl-cell--9-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone { width: 100%; } .mdl-cell--10-col, .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: 100%; } .mdl-cell--11-col, .mdl-cell--11-col-phone.mdl-cell--11-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-phone.mdl-cell--11-col-phone { width: 100%; } .mdl-cell--12-col, .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: 100%; } .mdl-cell--1-offset, .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone { margin-left: calc(25% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone { margin-left: 25%; } .mdl-cell--2-offset, .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone { margin-left: calc(50% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone { margin-left: 50%; } .mdl-cell--3-offset, .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone { margin-left: calc(75% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone { margin-left: 75%; } } @media (min-width: 480px) and (max-width: 839px) { .mdl-grid { padding: 8px; } .mdl-cell { margin: 8px; width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 50%; } .mdl-cell--hide-tablet { display: none !important; } .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .mdl-cell--1-col, .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: calc(12.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: 12.5%; } .mdl-cell--2-col, .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(25% - 16px); } .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: 25%; } .mdl-cell--3-col, .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: calc(37.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: 37.5%; } .mdl-cell--4-col, .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: 50%; } .mdl-cell--5-col, .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { width: calc(62.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { width: 62.5%; } .mdl-cell--6-col, .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { width: calc(75% - 16px); } .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { width: 75%; } .mdl-cell--7-col, .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { width: calc(87.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { width: 87.5%; } .mdl-cell--8-col, .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { width: 100%; } .mdl-cell--9-col, .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { width: 100%; } .mdl-cell--10-col, .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { width: 100%; } .mdl-cell--11-col, .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { width: 100%; } .mdl-cell--12-col, .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { width: 100%; } .mdl-cell--1-offset, .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet { margin-left: calc(12.5% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet { margin-left: 12.5%; } .mdl-cell--2-offset, .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet { margin-left: calc(25% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet { margin-left: 25%; } .mdl-cell--3-offset, .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet { margin-left: calc(37.5% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet { margin-left: 37.5%; } .mdl-cell--4-offset, .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet { margin-left: calc(50% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet { margin-left: 50%; } .mdl-cell--5-offset, .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet { margin-left: calc(62.5% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet { margin-left: 62.5%; } .mdl-cell--6-offset, .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet { margin-left: calc(75% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet { margin-left: 75%; } .mdl-cell--7-offset, .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet { margin-left: calc(87.5% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet { margin-left: 87.5%; } } @media (min-width: 840px) { .mdl-grid { padding: 8px; } .mdl-cell { margin: 8px; width: calc(33.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 33.3333333333%; } .mdl-cell--hide-desktop { display: none !important; } .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .mdl-cell--1-col, .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: calc(8.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: 8.3333333333%; } .mdl-cell--2-col, .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: calc(16.6666666667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: 16.6666666667%; } .mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(25% - 16px); } .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: 25%; } .mdl-cell--4-col, .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: calc(33.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: 33.3333333333%; } .mdl-cell--5-col, .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { width: calc(41.6666666667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { width: 41.6666666667%; } .mdl-cell--6-col, .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: 50%; } .mdl-cell--7-col, .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { width: calc(58.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { width: 58.3333333333%; } .mdl-cell--8-col, .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: calc(66.6666666667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: 66.6666666667%; } .mdl-cell--9-col, .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { width: calc(75% - 16px); } .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { width: 75%; } .mdl-cell--10-col, .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: calc(83.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: 83.3333333333%; } .mdl-cell--11-col, .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { width: calc(91.6666666667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { width: 91.6666666667%; } .mdl-cell--12-col, .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: 100%; } .mdl-cell--1-offset, .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop { margin-left: calc(8.3333333333% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop { margin-left: 8.3333333333%; } .mdl-cell--2-offset, .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop { margin-left: calc(16.6666666667% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop { margin-left: 16.6666666667%; } .mdl-cell--3-offset, .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop { margin-left: calc(25% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop { margin-left: 25%; } .mdl-cell--4-offset, .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop { margin-left: calc(33.3333333333% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop { margin-left: 33.3333333333%; } .mdl-cell--5-offset, .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop { margin-left: calc(41.6666666667% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop { margin-left: 41.6666666667%; } .mdl-cell--6-offset, .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop { margin-left: calc(50% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop { margin-left: 50%; } .mdl-cell--7-offset, .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop { margin-left: calc(58.3333333333% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop { margin-left: 58.3333333333%; } .mdl-cell--8-offset, .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop { margin-left: calc(66.6666666667% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop { margin-left: 66.6666666667%; } .mdl-cell--9-offset, .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop { margin-left: calc(75% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop { margin-left: 75%; } .mdl-cell--10-offset, .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop { margin-left: calc(83.3333333333% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop { margin-left: 83.3333333333%; } .mdl-cell--11-offset, .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop { margin-left: calc(91.6666666667% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop { margin-left: 91.6666666667%; } } @import url("https://fonts.googleapis.com/css?family=Open+Sans");.main-header{position:fixed;height:72px;z-index:10}.adjust-collg-heading{padding:4px 0px}.college-logo{width:48px;height:48px}.search-button-adjust{position:relative;left:-3px;top:5px;font-size:24px;cursor:pointer}.icons-spacing{margin:0px 12px}.search-bar{margin-right:50px;width:400px}.drawer-small-adjust{float:right;position:relative;top:5px}.drawer-list{padding:0px;min-height:40px}.drawer-list a{min-height:40px;padding:0px 16px}.custom_cell_hide{display:none}.custom_header_show{display:none}.custom_header_hide{display:block}.top-more-option{top:40px;width:auto;max-width:300px}@media screen and (max-width: 420px){.hide-event-icon{display:none !important}}.icon-color{color:#fff;position:relative;bottom:-3px;margin-right:6px;font-size:20px}.navbar-adjust{position:relative;width:100%;height:48px;z-index:999;transition:top 0.7s}.navbar-profile{padding:15px;border-radius:6px;cursor:pointer;color:white}.navbar-profile:hover{color:#fdf14f !important}.dummyNavbar{height:48px}.header-others{position:absolute;right:-16px;width:auto;max-width:300px;top:45px}.header-partition{display:inline-block;margin-left:10px;border-left:1px solid rgba(0,0,0,0.1)}.top_search_input{transition:all 0.3s ease-in-out}.top_search_input input{border-bottom-color:white !important;color:white}.top_search_input label{color:white}.top_search_input label:after{background-color:white !important}.notification-list-card{position:absolute;top:52px;right:32px;min-height:0px}.message-list-card{position:absolute;top:52px;right:0px;min-height:0px}.search-list-hover:hover{background-color:#EEEEEE;cursor:pointer}@media screen and (max-width: 1170px){.adjust-header{padding:15px}}.title-hide{max-width:330px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-badge:after{width:18px !important;height:18px !important;top:-4px !important;right:-6px !important}@media screen and (max-width: 700px) and (min-width: 581px){.title-hide{max-width:200px}}@media screen and (max-width: 580px){.title-hide{display:none}}.adjust-drawer{top:72px;height:auto}@media screen and (max-width: 359px){.icons-spacing{margin:0px 6px;font-size:20px}}@media screen and (max-width: 400px){.search-bar .mdl-textfield{width:calc(100vw - 78px) !important}.show_logo{display:none}}@media screen and (max-width: 480px){.header-partition{margin-left:0px;border-left:none;float:right}.message-list-card{width:262px;top:44px}.notification-list-card{width:262px;top:44px;right:0px}.custom_small_hide_tab{display:none !important}}.adjust-dropdown{width:300px;text-align:left;padding:0px}ul.adjust-dropdown span.mdl-list__item-text-body{font-size:12px}ul.adjust-dropdown span{font-size:14px}ul.adjust-dropdown i{margin-top:5px}.heading-icon{font-size:28px;margin-top:0px !important;margin-right:10px}.heading-main{padding:0px 0px 0px 20px}li.item-hover:hover{background-color:#e0e0e0}ul.settings-ul li{height:48px;line-height:48px}.settings-ul{width:200px;padding:0px}.dropdown-align{position:relative}.dropdown-height-adjust{position:relative;top:-12px}@media screen and (max-width: 510px){.noti-small-adjust{left:150px}.message-small-adjust{left:100px}}.settings-icons-adjust{font-size:18px;margin-right:5px;position:relative;top:3px}.message_unread{background:rgba(224,224,224,0.6)}.message-main{width:40px;height:100%;float:left;margin:auto}.message-pic{width:40px;height:40px;position:relative;margin-top:10px;border-radius:50%}.message-content{float:left;width:216px;height:100%;margin-left:12px}.message-text{height:18px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-page-content{padding-top:112px}@media screen and (max-width: 991px){.search-bar{margin:0px;width:100%;margin-right:12px}.search-button-adjust{top:2px}.main-header{height:56px}.college-logo{width:36px;height:36px}.dropdown-height-adjust{top:-20px}.main-page-content{padding-top:96px}.adjust-collg-heading{padding:4px 8px}}.search-dropdown-adjust{padding:0px;margin:0px}.search-alignment{background-color:#fff;position:absolute;width:100%}@media screen and (max-width: 1080px) and (min-width: 992px){.search-bar{margin-right:-30px;width:380px}}.search-bar-size{padding:0px 16px}.search-pic{margin-right:10px;width:30px;height:30px;border-radius:50%}.search-pic .is-lost{font-size:32px}.show-search_bar.ng-hide-add{opacity:0}.show-search_bar.ng-hide-remove{-webkit-animation:0.5s fadeOut ease reverse;animation:0.5s fadeOut ease reverse}.header-list-ic{display:inline-block;position:relative;top:2px;right:0px;padding-right:10px;padding-top:10px}@media only screen and (max-width: 480px){.header-list-ic{display:inline-block;position:relative;top:-9px;right:0px;padding-right:10px;padding-top:10px}}@media only screen and (max-width: 840px) and (min-width: 480px){.header-list-ic{display:inline-block;position:relative;top:0px;right:0px;padding-right:10px;padding-top:10px}}.custom_header_height{transition:all 0.7s}.header-padding-reponsive{padding:0px 8px;height:inherit;white-space:nowrap}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.header-padding-reponsive{padding:16px 8px;height:inherit;white-space:nowrap}}.header-logo{-webkit-backface-visibility:hidden;-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}.imgtransform{-webkit-backface-visibility:hidden;-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0)}.change-event-photo{color:#b93535;transition:0.3s ease-in-out}.change-event-photo:hover{background-color:#b93535;color:#fff}.event-gallery-images{height:80px;width:80px;object-fit:cover;border-radius:4px;margin-right:8px;display:block}.icon-edit-adjust{float:right;top:-7px}.event-left-adjust{padding-right:3%}.upper-icons{position:relative;top:2px}.event-image-cancel{position:absolute;top:0px;left:66px;cursor:pointer}.event-image-load{position:absolute;top:calc(50% - 14px);left:calc(50% - 18px)}.tags-design{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;padding:5px 8px;background-color:transparent;width:auto;float:left;margin-right:8px;border-radius:4px;border:1px solid gray;cursor:pointer;color:#757575}.tags-design:hover{background-color:#b93535;border-color:#b93535;color:#fff}.invite-card{margin-top:-140px;margin-left:0px}.adjust-event-name{padding-top:34px;padding-bottom:33px}.invite-card-pic{height:100%;width:100%}.share-buttons{font-size:30px}.center-section-new{padding:37px 15px 0px}.center-sub-section{margin-bottom:16px}.sub-section-text{font-size:16px;padding-left:25px}.btn-upload{position:relative;overflow:hidden}.btn-upload input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);transform:translate(-300px, 0) scale(4);-webkit-transform:translate(-300px, 0) scale(4);-ms-transform:translate(-300px, 0) scale(4);-o-transform:translate(-300px, 0) scale(4);font-size:23px;direction:ltr;cursor:pointer}* html .btn-upload{line-height:24px;margin:1px -3px 0 0}*+html .btn-upload{padding:2px 15px;margin:1px 0 0 0}.small-static{display:inline-block;position:relative;float:right;top:3px}.event-name-div{line-height:12px}.responsive-ep-button{float:right}@media screen and (max-width: 840px){.invite-card{margin-top:0px}.event-left-adjust{padding-right:0px}.center-section-new{padding:27px 0px 0px}}@media screen and (max-width: 991px){.top-cover{height:340px}}@media only screen and (max-width: 650px){.small-static{float:none;display:block;top:18px;bottom:16px}.event-name-div{height:73px}}@media screen and (max-width: 480px){.center-section-new{padding:0px}.creator-adjust-phone{display:block}.responsive-ep-button{float:initial;margin-top:10px}}@media screen and (max-width: 1170px){.invite-card{margin-left:8px}}#event_description{min-height:80px}.float_me{color:#3F51B5;font-size:12px;top:4px;visibility:visible}.nicEdit-panel{background-color:#fff !important;border:none}.nicEdit-button{background-color:#fff !important}.nicEdit-panelContain{background-color:#fff !important}#myNicPanel{display:none}#event_description_parent.is-focused #myNicPanel{display:inline-block}.modal{will-change:visibility, opacity;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;z-index:2000;opacity:0;-webkit-transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition-delay:0s;transition-delay:0s;height:100%}.modal--active{visibility:visible;opacity:1}.modal--align-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.modal__bg{background:transparent}#modal__temp__bg{width:100%;height:100vh;position:fixed;top:0px;opacity:0;background:#fff;transition:all 0.25s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition:all 0.25s cubic-bezier(0.23, 1, 0.32, 1);z-index:1997}.modal__dialog{max-width:100%;transition:all 0.25s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition:all 0.25s cubic-bezier(0.23, 1, 0.32, 1);padding-top:80px;position:relative}.modal__content{max-width:47rem;margin:auto;will-change:transform, opacity;position:relative;background:#fff;background-clip:padding-box;opacity:.96;-webkit-transition:all 0.25s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.25s cubic-bezier(0.23, 1, 0.32, 1)}.modal__content--active{opacity:.96}.modal__close{z-index:2100;cursor:pointer}.modal__trigger{position:relative;display:inline-block;padding:1.2rem 2.4rem;color:rgba(0,0,0,0.7);line-height:normal;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);-webkit-transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1)}.modal__trigger--active{z-index:10}.modal__trigger:hover{background:#e5d3d6}#modal__temp{will-change:transform, opacity;position:fixed;background:none;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;z-index:1999}.modal__header{width:100%;background:#fff;position:fixed;top:0px;z-index:3000}.modal__header .modal-close-icon{display:inline-block;font-size:20px;padding:24px;cursor:pointer}.modal__header .modal__title{font-size:20px;padding:24px}.modal__below_header{-webkit-transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1)}.modal-invisible-class{position:absolute;width:100%;min-height:100vh;height:100%;background-color:#b93535;left:0;top:0;opacity:.05}img-crop{width:100%;height:100%;display:block;position:relative;overflow:hidden}img-crop canvas{display:block;position:absolute;top:50%;left:50%;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}img-crop .loading{width:100%;height:100%;font-size:16px;font-weight:bold;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;color:white;background-color:rgba(0,0,0,0.75);position:absolute}.visuallyhidden{visibility:hidden}.time-date{overflow:hidden;border:none;width:46.1rem;font-size:1.2rem}.time-date[theme=bootstrap] .btn{outline:0;line-height:2.4rem;text-transform:uppercase;padding-top:0;padding-bottom:0;font-weight:inherit;font-size:inherit}.time-date[theme=bootstrap]>.control>.slider>.date-control>.days>.day-cell{line-height:2.3rem;border-radius:3px;text-decoration:none}.time-date[theme=bootstrap]>.control>.slider>.date-control>.days>.day-cell:hover{text-decoration:none}.time-date[theme=bootstrap]>.control>.slider>.date-control>.days>.day-cell.today{position:relative}.time-date[theme=bootstrap]>.control>.slider>.date-control>.days>.day-cell.today::after{content:" ";position:absolute;bottom:0.2rem;right:0.2rem;width:0;height:0;border-style:solid;border-width:0 0 0.5rem 0.5rem;border-color:transparent transparent currentColor transparent}.time-date[theme=material] .md-button,.time-date:not([theme]) .md-button{padding:6px;margin:0;min-width:auto;min-width:initial;line-height:inherit;font-size:inherit}.time-date[theme=material]>.control>.slider>.date-control .day-cell,.time-date:not([theme])>.control>.slider>.date-control .day-cell{border-radius:3rem}.time-date>.display{position:relative;width:47%;height:100%;cursor:pointer;-webkit-transition:color 0.6s ease-in-out;transition:color 0.6s ease-in-out}.time-date>.display>.title{background-color:#b93535;color:#e1e1e1;line-height:2.5rem}.time-date>.display>.content{position:absolute;left:0px;right:0px;bottom:0px;top:2.4rem;padding:3.4rem 0;font-size:1.5rem;background-color:#b93535;color:#e1e1e1}.time-date>.display>.content>.super-title{text-transform:uppercase}.time-date>.display>.content>.main-title{font-size:6.1rem;line-height:6.1rem;height:6.1rem}.time-date>.display>.content>.main-title>small{font-size:1.1rem;margin-left:0.3rem}.time-date>.display>.content>.sub-title{color:rgba(255,255,255,0.5)}.time-date>.control{width:53%;overflow-x:hidden;position:relative}.time-date>.control>.full-title{display:none;background-color:#b93535;color:#e1e1e1;line-height:2.4rem}.time-date>.control>.slider{position:absolute !important;width:200%;-webkit-transition:left 0.6s ease-in-out;transition:left 0.6s ease-in-out}.time-date>.control>.slider>.date-control,.time-date>.control>.slider>.time-control,.time-date>.control>.slider>.switch-control{float:left;height:20.9rem}.time-date>.control>.slider>.date-control,.time-date>.control>.slider>.time-control{width:45%;overflow-y:hidden;height:21rem}.time-date>.control>.slider>.switch-control{width:10%;cursor:pointer;padding:0 0.6rem}.time-date>.control>.slider>.switch-control>i.fa:first-child{margin-right:1.4rem}.time-date>.control>.slider>.switch-control>i.fa:last-child{margin-left:1.4rem}.time-date>.control>.slider>.date-control>.title{font-weight:500;line-height:2.4rem}.time-date>.control>.slider>.date-control>.title:after,.time-date>.control>.slider>.date-control>.title:before{display:table;content:" "}.time-date>.control>.slider>.date-control>.title:after{clear:both}.time-date>.control>.slider>.date-control>.title>span.month-part{cursor:pointer;position:relative;margin-right:0.5rem}.time-date>.control>.slider>.date-control>.title>span.month-part:hover{text-decoration:underline}.time-date>.control>.slider>.date-control>.title>span.month-part>select{position:absolute;top:0px;bottom:0px;left:0px;right:0px;opacity:0;width:100%}.time-date>.control>.slider>.date-control>.title>input{border:none;width:4.3rem;outline:none}.time-date>.control>.slider>.date-control>.headers{font-weight:500;font-size:1rem;padding-left:1.5rem;color:#737373;text-align:left}.time-date>.control>.slider>.date-control>.headers>.day-cell{text-align:center;cursor:default;box-sizing:border-box;padding-bottom:0;height:2rem}.time-date>.control>.slider>.date-control .day-cell{float:left;width:2.5rem;height:2.5rem;margin:0.1rem;padding:0;cursor:pointer;font-size:1.3rem}.time-date>.control>.slider>.date-control>.days{font-size:1rem;padding-left:1.5rem;width:20.790000000000003rem}.time-date>.control>.slider>.date-control>.days .day-cell{color:#202020}.time-date>.control>.slider>.date-control>.days .day-cell.today{color:#b93535}.time-date>.control>.slider>.date-control>.days .day-cell.selected{color:#fff;background-color:#b93535}.time-date>.control>.slider>.date-control>.days .day-cell:hover,.time-date>.control>.slider>.date-control>.days .day-cell:active{color:#e6e6e6;background-color:#fdf14f}.time-date>.control>.slider>.date-control>.days .day-cell:disabled{color:#aaa;background-color:none}.time-date>.control>.slider>.time-control{position:relative}.time-date>.control>.slider>.time-control>.time-inputs{bottom:60%;margin-bottom:-4.3rem;text-align:center;position:absolute;left:0;right:0}.time-date>.control>.slider>.time-control>.time-inputs>.hours,.time-date>.control>.slider>.time-control>.time-inputs>.minutes{font-size:3rem;line-height:1rem;width:8.4rem;margin:0 0.8rem;position:absolute;padding-top:0px;padding-bottom:0px}.time-date>.control>.slider>.time-control>.time-inputs>.hours.hours,.time-date>.control>.slider>.time-control>.time-inputs>.minutes.hours{left:1.5rem;right:50%;margin-right:1rem}.time-date>.control>.slider>.time-control>.time-inputs>.hours.minutes,.time-date>.control>.slider>.time-control>.time-inputs>.minutes.minutes{right:0.7rem;left:50%}.time-date>.control>.slider>.time-control>.time-inputs>.hours.up,.time-date>.control>.slider>.time-control>.time-inputs>.minutes.up{top:-2.3rem}.time-date>.control>.slider>.time-control>.time-inputs>.hours.down,.time-date>.control>.slider>.time-control>.time-inputs>.minutes.down{bottom:-3rem}.time-date>.control>.slider>.time-control>.time-inputs>input{border:none;border-bottom:1px solid #000;text-align:center;font-size:6.1rem;line-height:3rem;width:8.4rem;margin:0 0.7rem;outline:none}.time-date>.control>.slider>.time-control>.buttons{position:absolute;bottom:3rem;right:0;width:9.2rem}.time-date.date-mode>.control>.slider{left:0%;height:21rem}.time-date:not(.time-mode-add):not(.time-mode-remove):not(.date-mode-add):not(.date-mode-remove).date-mode>.control>.slider>.time-control>*,.time-date:not(.time-mode-add):not(.time-mode-remove):not(.date-mode-add):not(.date-mode-remove).time-mode>.control>.slider>.date-control>*{display:none}.time-date.time-mode-add>.display,.time-date.time-mode-remove>.display,.time-date.date-mode-add>.display,.time-date.date-mode-remove>.display{color:transparent !important}.time-date.time-mode>.display>.content{padding-top:4.6rem}.time-date.time-mode>.control>.slider{left:-100%}.time-date.date-only>.control>.slider>.switch-control,.time-date.date-only>.control>.slider>.time-control{display:none}.time-date.date-only>.control>.slider>.date-control{width:50%;padding-left:1rem}.time-date.time-only>.display>.title{display:none}.time-date.time-only>.display>.content{top:0px;padding-top:6.3rem}.time-date.time-only>.control>.slider>.switch-control,.time-date.time-only>.control>.slider>.date-control{display:none}.time-date.time-only>.control>.slider>.time-control{width:50%}.time-date>.display,.time-date>.control{height:21rem;float:left;text-align:center}.time-date>.buttons{clear:both;padding:0.7rem;text-align:right}.time-date button,.time-date .button{color:#b93535}.time-date.full-mode>.display{display:none}.time-date.full-mode>.control{width:100%;height:23.4rem}.time-date.full-mode>.control>.full-title{display:block}.time-date.full-mode>.control>.slider{float:none;width:100%}.time-date.full-mode>.control>.slider>.time-control,.time-date.full-mode>.control>.slider>.date-control{width:50%}.time-date.full-mode>.control>.slider>.switch-control{display:none}.time-date.full-mode>.buttons{background-color:#b93535}.time-date.full-mode>.buttons>button{color:#fff !important}.time-date:not(.full-mode).compact{width:22.8rem}.time-date:not(.full-mode).compact>.display{display:none}.time-date:not(.full-mode).compact>.control{width:100%;height:23.4rem}.time-date:not(.full-mode).compact>.control>.full-title{display:block}.time-date.vertical{width:23.1rem}.time-date.vertical>.display{width:100%;height:auto;-webkit-transition:color 0.6s ease-in-out, height 0.6s ease-in-out;transition:color 0.6s ease-in-out, height 0.6s ease-in-out}.time-date.vertical>.display>.content{position:relative;width:100%;top:0px;height:15.5rem}.time-date.vertical>.control{width:100%}.time-date.vertical.time-mode>.display>.content{padding-top:4.6rem}.time-date.vertical.time-only>.display>.content{top:0px;padding-top:0.8rem;height:10rem}.time-date.vertical.full-mode>.display{display:none}.time-date.vertical.full-mode>.control{width:100%;height:44.2rem}.time-date.vertical.full-mode>.control>.full-title{display:block}.time-date.vertical.full-mode>.control>.slider{float:none;width:100%;height:auto;overflow:auto}.time-date.vertical.full-mode>.control>.slider>.time-control,.time-date.vertical.full-mode>.control>.slider>.date-control{width:100%;float:left}@media (max-width: 51rem){.time-date{width:23.1rem}.time-date>.display{width:100%;height:auto;-webkit-transition:color 0.6s ease-in-out, height 0.6s ease-in-out;transition:color 0.6s ease-in-out, height 0.6s ease-in-out}.time-date>.display>.content{position:relative;width:100%;top:0px;height:15.5rem}.time-date>.control{width:100%}.time-date.time-mode>.display>.content{padding-top:4.6rem}.time-date.time-only>.display>.content{top:0px;padding-top:0.8rem;height:10rem}.time-date.full-mode>.display{display:none}.time-date.full-mode>.control{width:100%;height:44.2rem}.time-date.full-mode>.control>.full-title{display:block}.time-date.full-mode>.control>.slider{float:none;width:100%;height:auto;overflow:auto}.time-date.full-mode>.control>.slider>.time-control,.time-date.full-mode>.control>.slider>.date-control{width:100%;float:left}}.compact.time-date.date-only>.control>.slider>.date-control{padding-left:0}@media screen and (max-width: 430px){.adjust-modal-small{padding:0px !important}.time-date{width:22rem}.time-date>.control>.slider>.date-control .day-cell{height:2rem;width:2rem;font-size:1.1rem;line-height:2rem}.time-date>.control>.slider>.date-control>.days{width:17rem}.time-date>.display>.content{padding:0px}}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none !important}input::-ms-clear{display:none}input::placeholder{color:#cccccc;font-weight:300 !important}.main-family,body,input,div,span,label,textarea{font-family:"DroidArabicKufi","Inter","Roboto","Helvetica", "Arial", sans-serif !important}.border-box{box-sizing:border-box;-moz-box-sizing:border-box}.resize-none{resize:none}.mdl-textfield.padding-top-0>.progress-bar-adjust{bottom:-2px}.mdl-tooltip{user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz--select:none;-ms-user-select:none}.selectable{user-select:auto;-webkit-touch-callout:auto;-webkit-user-select:auto;-khtml-user-select:auto;-moz--select:auto;-ms-user-select:auto}.connect-width-adjust{width:95%}.view-status{background-color:rgba(0,0,0,0.2);height:22px;width:44px;min-width:24px;line-height:22px;color:rgba(255,255,255,0.7);margin-top:8px}.view-status:hover{background-color:rgba(0,0,0,0.1)}.padding-zero{padding:0px !important}.margin-zero{margin:0px !important}.camel-case{text-transform:capitalize}.rel-pos{position:relative}@media only screen and (max-width: 480px){.rel-pos-480{position:relative}}@media only screen and (max-width: 720px){.rel-pos-720{position:relative}}.abs-pos{position:absolute}@media only screen and (max-width: 480px){.abs-pos-xs{position:absolute}}.min-width-button{min-width:20px}.min-height-card{min-height:100px}.overflow-hidden{overflow:hidden}@media only screen and (max-width: 480px){.overflow-xs-hidden{overflow:hidden}}@media only screen and (max-width: 720px){.overflow-gt-xs-hidden{overflow:hidden}}.overflow-auto{overflow:auto}@media only screen and (max-width: 480px){.overflow-xs-auto{overflow:auto}}@media only screen and (max-width: 720px){.overflow-gt-xs-auto{overflow:auto}}.overflow-visible{overflow:visible}@media only screen and (max-width: 480px){.overflow-xs-visible{overflow:visible}}@media only screen and (max-width: 720px){.overflow-gt-xs-visible{overflow:visible}}.height-auto{height:auto}.profile-update-icons{font-size:22px;cursor:pointer;outline:none}.logout-without-feedback{float:right}.font-45-toggle{font-size:45px !important}.user-analytics-list{cursor:pointer}.user-analytics-list:hover{background-color:#E0E0E0}.facebook-bg-color{background-color:#1877F2 !important}.facebook-bg-color:hover{background-color:#1877F2}.facebook-text-color{color:#1877F2}.social-buttons-icons{position:relative;top:5px}.social-icons-lg{width:40px;height:40px;min-width:40px;min-height:40px}.social-icons-medium{width:36px;height:36px;min-width:36px;min-height:36px}.social-icons-small{width:32px;height:32px;min-width:32px;min-height:32px}.social-icons-extrasmall{width:24px;height:24px;min-width:24px;min-height:24px}.whatsapp-color{background-color:#25D366 !important}.twitter-color{background-color:#000000 !important}.linkedin-color{background-color:#0077B5 !important}.telegram-color{background-color:#0088cc !important}.gmail-color{background-color:#DB4437 !important}.instagram-color{background-color:#E1306C !important}.share-color{background-color:#686868 !important}.copy-color{background-color:#f5f5f5 !important}.copy-icon-color{color:#686868 !important}.transform-ease_7{transition:transform 0.7s ease !important}.rotate-90deg{transform:rotate(90deg) !important}.forward-color{background-color:#C7BB51 !important}.mdl-color--primary-light{background-color:#fdf14f !important}.mdl-snackbar{z-index:3000}blockquote:after{content:"" !important}blockquote:before{content:"" !important}.active-category{border-left:3px solid #16163f !important}.full-page-loading{position:fixed;top:0px;z-index:10000;background-color:rgba(255,255,255,0.5);height:100vh;width:100%}.top-ui-view.ng-enter{transition:all 0.5s ease;opacity:0}.top-ui-view.ng-enter.ng-enter-active{opacity:1}.top-ui-view.ng-leave{transition:all 0.5s ease;opacity:1}.top-ui-view.ng-leave.ng-leave-active{opacity:0}.ng-invalid{border-color:#d50000 !important;box-shadow:none !important}.ng-invalid+label{color:#d50000 !important;font-size:12px !important}.paginate{margin:10px;position:absolute;top:50%;margin-top:-20px}.paginate.left{left:-100px}.paginate.right{right:-100px}.paginate_small{margin:10px;position:fixed;top:50%;margin-top:-20px;z-index:2501}.paginate_small.left{left:0px}.paginate_small.right{right:0px}.image-caption-container{position:absolute}.image-indexes{margin-bottom:4px}.submit-button-port{float:left;min-width:32px;width:32px;margin-top:12px;margin-left:8px}.submit-icon{position:relative;top:2px;right:6px;color:#16163f;font-size:16px}.adjust-social-icons{position:relative;top:calc(50% - 8px)}.or-section{width:100%;height:8px;border-bottom:1px solid #9E9E9E;margin-top:18px;margin-bottom:20px}.count-container{display:inline-block;border:1px solid;border-radius:2px;padding:2px 8px}.adjust-signup-main{width:90%;margin:auto}.alumni-network-list{position:absolute;top:16px;left:111px}.network-join-icon{font-size:75px}.network-join-logo{width:75px;height:auto}.alumni-network-join{display:inline-block;width:calc(100% - 95px)}.padding-erase{padding:16px}.about-strip{display:block;text-align:justify;padding-bottom:85px;padding-top:60px}.about-strip-change{display:block;text-align:justify;padding-bottom:60px;padding-top:25px}.single-title-strip{display:block;text-align:justify;padding-bottom:72px;padding-top:72px}.about-title{font-size:30px}.adjust-header{padding:0px}@media (max-width: 1279px){.about-size,.change-size,.center-wrap-pp,.adjust-header,.center-wrap{max-width:1168px}}@media (min-width: 1280px) and (max-width: 1365px){.about-size,.change-size,.center-wrap-pp,.adjust-header,.center-wrap{max-width:1234px}}@media (min-width: 1366px) and (max-width: 1535px){.about-size,.change-size,.center-wrap-pp,.adjust-header,.center-wrap{max-width:1288px}}@media (min-width: 1536px){.about-size,.change-size,.center-wrap-pp,.adjust-header,.center-wrap{max-width:1400px}}@media (max-width: 1536px){.change-size-max{max-width:100%}}@media (min-width: 1537px){.change-size-max{max-width:1536px}}@media (max-width: 1536px){.change-size-max .full-page-loading{max-width:100%}}@media (min-width: 1537px){.change-size-max .full-page-loading{max-width:1536px}}.link-detail{text-decoration:none;cursor:pointer;transition:all 0.1s ease-in-out}.link-detail:hover{color:#b93535 !important}.link-detail.link-detail--primary-lite:hover{color:#fdf14f !important}.link-detail.link-detail--accent:hover{color:#16163f !important}.link-detail.link-detail--underline:hover{text-decoration:underline}.link-detail.link-detail--white:hover{color:white !important}.link-detail.link-detail-background--primary:hover{background-color:#b93535 !important}.link-detail.link-detail-background--accent:hover{background-color:#16163f !important}.link-detail.link-detail-background--white:hover{background-color:#fff !important}.link-detail.link-detail-background--white-lite:hover{background-color:rgba(255,255,255,0.1) !important}.link-detail.link-detail-background--dark:hover{background-color:rgba(0,0,0,0.2) !important}.link-detail.link-detail-background--primary-dark:hover{background-color:#b93535 !important}.active-tab{color:#3F51B5 !important}.maximize-width{width:100%}.maximize-height{height:100%}.contact-div{margin-top:-90px;margin-bottom:85px}.contact-div-change{margin-top:-90px;margin-bottom:45px}.contact-card,.event-card{width:100%}.breadcrumb-div{padding:0px 0px 70px}.div-below-header{padding-top:72px}.title-below-header{margin-top:60px}.left-alignment{text-align:left}.center-alignment{text-align:center}.right-alignment{text-align:right}.adjust-right-alignment{text-align:right}.adjust-center-alignment{text-align:center}.adjust-left-alignment{text-align:left}.icon-hover-button{min-width:24px;width:24px;height:24px}.name-chips{border-radius:24px;padding:8px 12px;margin-right:7px;margin-bottom:8px;display:inline-block}.chip-name-adjust{margin-left:28px}.name-chip-cross{cursor:pointer;position:relative;top:1px;border-radius:100%;padding:2px;margin-left:4px;color:#fff}.name-chip-image{position:absolute;width:32px;height:32px;border-radius:100%;margin-left:-12px;margin-top:-6px}.name-chip-image .is-lost{font-size:33px}.lm-doc-display{height:26px;line-height:16px}.lm-max-width{max-width:190px}.select-dropdown{border:none;border-bottom:1px solid #d8d8d8;outline:none;width:100%;height:32px;background:transparent;cursor:pointer}.select-dropdown:focus{border-bottom:2px solid #b93535}.select-dropdown-lightgrey-focus:focus{border-bottom:1px solid #dedede}.error-border-bottom{border-bottom:1px solid #ff4444}.error-class{color:#d50000}.adm-mail-show:hover{cursor:pointer}.adm-mail-show:hover .adm-mail-icon{visibility:visible;color:#b93535}.element-hover-visible-parent .element-hover-visible-child{visibility:hidden}.element-hover-visible-parent:hover .element-hover-visible-child{visibility:visible}.element-hover-visible{visibility:hidden}.element-hover-visible:hover{visibility:visible}.adm-mail-icon{visibility:hidden}.mailing-analytics-div{margin:30px}.disc-follow-adjust{margin-top:-7.5px}.disc-div-adjust{padding:20px 8px}.bb-zero{border-bottom:0px}.album-cover{height:230px;object-fit:cover}.album-photos{object-fit:cover;width:30%;height:150px;margin:0px 4px 4px 0px;width:calc(100% - 4px)}.hide-till-hover{top:8px;right:8px;visibility:hidden}.get-options{width:32%}.get-options:hover .hide-till-hover{visibility:visible}.get-options-no-width{width:32%}.get-options-no-width:hover .hide-till-hover{visibility:visible}.upload-gallery-photo{margin:0px 4px 4px 0px;width:31%;display:inline-block;height:150px;vertical-align:middle;border:2px dashed #BDBDBD;border-radius:5px}.upload-gallery-inner{border:5px solid white;border-radius:10px;background-color:#F5F5F5}.upload-gallery-inner:hover{background-color:white;border:5px solid #F5F5F5;cursor:pointer}.album-share-list{right:-20px;top:-45px}.slider-balls{cursor:pointer;display:inline-block;width:10px;height:10px;border-radius:100%;background-color:transparent;border:1px solid #fff;margin:0px 6px 6px}.active-slider-image{background-color:#fff !important}.progress-bar-adjust{width:100%;position:absolute;bottom:18px}.opaque-image{opacity:0.4}.object_fit_background{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.page-desc{padding:15px;background-color:#fdf14f;color:#b93535}.content_image_width_responsive img{max-width:100%;height:auto}@media screen and (max-width: 1170px){.privacy-policy-main{padding-left:15px}.center-wrap-pp{padding:0px !important}}@media only screen and (max-width: 991px){.full-page-loading{top:0px}.about-strip{padding-left:15px;padding-right:15px}.about-strip-change{padding-left:15px;padding-right:15px}.about-title{font-size:24px}.contact-div{padding-left:15px;padding-right:15px}.contact-div-change{padding-left:15px;padding-right:15px}.privacy-policy-main{padding-top:104px;padding-right:15px}.font-45-toggle{font-size:35px !important}.content_image_width_responsive img{height:auto !important}}.message-blue-color{background:#7982f7}@media only screen and (max-width: 965px) and (min-width: 841px){.connect-width-adjust{width:100%}}@media only screen and (min-width: 480px) and (max-width: 840px){.album-cover{height:120px}.get-options{width:48%}.upload-gallery-photo{width:47%}}@media only screen and (max-width: 645px){.connect-width-adjust{width:100%}}@media only screen and (max-width: 480px){.title-below-header{margin-top:0px}.div-below-header{padding-top:64px}.adjust-right-alignment{text-align:left}.adjust-center-alignment{text-align:left}.adjust-left-alignment{text-align:center}.alumni-network-list{top:8px;left:80px}.new-users-date{margin-top:-8px}.padding-erase{padding:4px 16px 8px}.network-join-logo{width:50px}.about-strip-change{padding-bottom:40px;padding-top:15px}.margin-bottom-zero{margin-bottom:0px}.font-45-toggle{font-size:30px !important}.logout-without-feedback{float:none;margin-top:10px}.lm-doc-display{height:36px;line-height:36px}.lm-max-width{max-width:240px}.mailing-analytics-div{margin:20px 12px}.font-to-14{font-size:14px}.disc-follow-adjust{margin-top:-3.5px}.disc-div-adjust{padding:15px 8px}.get-options{width:91%;padding:0px 22px}.album-photos{height:240px;margin:0px 0px 8px 0px}.hide-till-hover{right:0px}.upload-gallery-photo{width:90%;margin:0px 22px 8px}.album-share-list{right:-35px}}@media (max-width: 839px) and (min-width: 480px){.margin-auto-tablet{margin:auto}}.mdl-progress.mdl-color--primary-dark .progressbar{background-color:#b93535;z-index:1;left:0}.mdl-progress.mdl-color--accent .progressbar{background-color:#16163f;z-index:1;left:0}@media only screen and (max-width: 480px){.footer-small-button{height:30px !important;min-width:20px !important;width:30px !important}.footer-small-button-icon{font-size:20px}.footer-font{font-size:12px !important}.mini-footer-phone{display:block}.mini-footer-poweredby{padding:10px 12px 5px 18px !important}}.contact-detail{font-size:16px}.about-font{font-size:18px}.card-small-detail{font-size:14px}.social-signup{margin-bottom:20px}.mdl-color-text--primary-light{color:#fdf14f}.border-color--primary{border-color:#b93535 !important}.border-color--primary-light{border-color:#fdf14f !important}.border-color--secondary[disabled]{border-color:#16163f !important}.ladda-button-primary[disabled]{background-color:#b93535 !important}.ladda-button-grey[disabled]{background-color:#e0e0e0 !important}.ladda-button-secondary[disabled]{background-color:#16163f !important}.input-div{min-height:55px}#fof{display:block;width:100%;padding:150px 0;line-height:1.6em;text-align:center}#fof .hgroup{margin-bottom:15px}#fof .hgroup h1{margin:0;padding:0;text-transform:uppercase;margin-bottom:15px;font-size:40px}#fof .hgroup span{font-size:20px;display:inline-block;padding:20px 0px;border:solid #CCCCCC;border-width:1px 0}#fof p.fof_para{display:block;margin:15px 0 0 0;padding:0;font-size:16px}#fof p.fof_para::first-child{margin-top:0}.cursor-pointer{cursor:pointer}.video-container{max-height:315px;overflow:hidden}.video-container>div{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container>div>iframe,.video-container>div>object,.video-container>div>embed{position:absolute;top:0;left:0;width:100%;height:100%;max-width:560px;max-height:315px}.secondary_progress.mdl-progress .progressbar{background-color:#16163f}.secondary_progress.mdl-progress .bufferbar{linear-gradient:to right,rgba(255,255,255,0.7),rgba(255,255,255,0.7),linear-gradient(to right, #16163f, #16163f)}.mdl-spinner--single-color.white-spinner .mdl-spinner__layer-1,.mdl-spinner--single-color.white-spinner .mdl-spinner__layer-2,.mdl-spinner--single-color.white-spinner .mdl-spinner__layer-3,.mdl-spinner--single-color.white-spinner .mdl-spinner__layer-4{border-color:white}.border-secondary{border:1px solid #16163f}.border-primary{border:1px solid #b93535}.mdl-button__blue{background:#192890}.border-light-grey{border:1px solid #dedede}.border-light-grey--on-hover-only:hover{border:1px solid #dedede}.border-light-grey--100{border:1px solid #FFFFFF2B}.border-light-grey-300{border:1px solid #E0E0E0 !important}.border-light-grey-600--on-hover-only:hover{border:1px solid #757575}.border-light-grey-600{border:1px solid #757575}.border-light-grey-400{border:1px solid #BDBDBD}.border--enabled-green{border:1px solid #8BC34A80}.font-color--enabled-green{color:#0E700E}.bg-color--enabled-green{background:#8BC34A1A}.border--disabled-red{border:1px solid #CC330080}.font-color--disabled-red{color:#CC3300}.bg-color--disabled-red{background:#CC33001A}.bg-color-hover-grey-300:hover{background-color:#E0E0E0 !important}@media screen and (max-width: 600px){.font-xs-8{font-size:8px !important}}.border-radius-2{border-radius:2px}.border-radius-4{border-radius:4px}.border-radius-6{border-radius:6px}.border-radius-16{border-radius:16px}.border-radius-20{border-radius:20px}@media only screen and (max-width: 480px){.border-radius-4-xs{border-radius:4px}.border-radius-20-xs{border-radius:20px}}.border-radius-8{border-radius:8px}.border-radius-12{border-radius:12px}.border-radius-32{border-radius:32px}.checkedbutton{color:white !important;background-color:#b93535 !important}.nested_grid{padding:0px;margin-left:-8px;margin-right:-8px}.crisp_image{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.slide-in-right-animate.ng-hide-add{-webkit-animation:0.5s slideInRight cubic-bezier(0.69, 0.16, 0.52, 0.88) reverse;animation:0.5s slideInRight cubic-bezier(0.69, 0.16, 0.52, 0.88) reverse}.slide-in-right-animate.ng-hide-remove{-webkit-animation:0.5s slideInRight ease;animation:0.5s slideInRight ease}.scrollbar-thin{scrollbar-color:#b93535 rgba(0,0,0,0.1);scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{background-color:#fff;height:5px;width:5px}.scrollbar-thin::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#b93535;outline:1px solid #fff}.scrollbar-thin-grey-themed-firefox{scrollbar-color:#e0e0e0 rgba(245,245,245,0);scrollbar-width:thin}.scrollbar-thin-grey::-webkit-scrollbar{background-color:#ffffff00;height:5px;width:5px}.scrollbar-thin-grey::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0)}.scrollbar-thin-grey::-webkit-scrollbar-thumb{background-color:#e0e0e0;outline:1px solid #ffffff00}.scrollbar-hide::-webkit-scrollbar{height:0px;width:0px}.scrollbar-hide-firefox{scrollbar-width:none}.scrollbar-thin-grey-firefox{scrollbar-color:#e0e0e0 #ffffff !important;scrollbar-width:thin !important}.alert-info-card{font-size:16px;line-height:20px;border-left:3px solid #03a9f4;padding:15px 10px !important;display:block;color:#03a9f4 !important;background-color:#e1f5fe !important}.right-0{right:0}.custom-opacity-hov-dec .alt-div{transition:all 0.5s ease}.custom-opacity-hov-dec:hover .alt-div{opacity:0.2 !important}.as-mdl-sidetabs__tab:after{height:0 !important}.as-mdl-sidetabs__tab.is-active{border-right:2px solid #b93535 !important;background-color:#f5f5f5 !important}.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active{-webkit-animation:0.5s fadeOut ease reverse;animation:0.5s fadeOut ease reverse}.panel-vertical{display:none}@media only screen and (max-width: 767px){.panel-responsive.panel-horizontal{display:block !important}.panel-responsive.panel-vertical{display:none !important}}@media only screen and (min-width: 768px){.panel-responsive.panel-horizontal{display:none !important}.panel-responsive.panel-vertical{display:block !important}}.width-auto{width:auto}.youtube-embed-wrapper{position:relative}.youtube-embed-wrapper iframe{width:100%;height:100%;position:absolute;top:0;left:0}.childs-all-unset *{all:unset}.responsive_content_image_width img{max-width:100%;height:auto}@media screen and (max-width: 720px){.responsive_content_image_width img{height:auto !important}}.float-left{float:left}@media only screen and (max-width: 480px){.center-alignment-xs{text-align:center}}@media only screen and (max-width: 480px){.alignment-xs-unset{text-align:unset}}@media only screen and (max-width: 480px){.display-xs-unset{display:unset !important}}@media only screen and (max-width: 480px){.display-xs-none{display:none !important}}@media only screen and (max-width: 480px){.display-xs-flex{display:flex !important}}@media only screen and (max-width: 480px){.maximize-width-xs{width:100% !important}.width-xs-92{width:92% !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.maximize-width-md{width:100% !important}.display-md-block{display:block !important}}@media only screen and (max-width: 479px){.social-icons-lg-xs{width:40px;height:40px;min-width:40px;min-height:40px}.social-icons-small-xs{width:32px;height:32px;min-width:32px;min-height:32px}.social-icons-extrasmall-xs{width:24px;height:24px;min-width:24px;min-height:24px}}@media screen and (min-width: 840px){.social-icons-xlg{width:48px;height:48px;min-width:48px;min-height:48px}.margin-left-xs-20-ng{margin-left:-20px !important}.width-md-90{width:90% !important}}@media screen and (min-width: 480px) and (max-width: 839px){.social-icons-lg-md{width:40px;height:40px;min-width:40px;min-height:40px}.social-icons-small-md{width:32px;height:32px;min-width:32px;min-height:32px}.social-icons-extrasmall-md{width:24px;height:24px;min-width:24px;min-height:24px}}@media screen and (min-width: 768px) and (max-width: 1024px){.left-alignment-md{text-align:left !important}.right-alignment-md{text-align:right !important}.center-alignment-md{text-align:center !important}.float-none-md{float:none !important}}@media screen and (max-width: 480px){.left-alignment-xs{text-align:left !important}.right-alignment-xs{text-align:right !important}.center-alignment-xs{text-align:center !important}.float-none-xs{float:none !important}.width-xs-84{width:84% !important}.margin-left-xs-10-ng{margin-left:-10px !important}.width-xs-75{width:75% !important}}@media only screen and (max-width: 480px){.flex-dir-row-xs{flex-direction:row !important}.flex-dir-row-reverse-xs{flex-direction:row-reverse !important}.flex-dir-column-reverse-xs{flex-direction:column-reverse !important}.flex-dir-column-xs{flex-direction:column !important}.justify-content-end-xs{justify-content:flex-end !important}.justify-content-start-xs{justify-content:flex-start !important}.justify-content-center-xs{justify-content:center !important}.justify-content-space-around-xs{justify-content:space-around !important}.justify-content-space-between-xs{justify-content:space-between !important}.align-items-flex-start-xs{align-items:flex-start !important}.align-items-flex-end-xs{align-items:flex-end !important}.align-items-center-xs{align-items:center !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.flex-dir-row-md{flex-direction:row !important}.flex-dir-column-md{flex-direction:column !important}.align-items-flex-start-md{align-items:flex-start !important}.align-items-flex-end-md{align-items:flex-end !important}.align-items-center-md{align-items:center !important}.justify-content-end-md{justify-content:flex-end !important}.justify-content-start-md{justify-content:flex-start !important}.justify-content-center-md{justify-content:center !important}.justify-content-space-between-md{justify-content:space-between !important}}.disabled-action{cursor:auto;pointer-events:none}.sticky-top{overflow:auto;position:-webkit-sticky;position:sticky;top:0}.sticky-bottom{overflow:auto;position:-webkit-sticky;position:sticky;bottom:0}.swal-modal-custom{padding:16px;border-radius:8px}.swal-modal-custom .swal-title{color:#212121;font-size:16px !important;margin:0px}.swal-modal-custom .swal-text{color:#424242;font-size:14px !important;text-align:center}.swal-modal-custom .swal-footer{display:flex;justify-content:center;gap:16px;margin-top:24px;padding:0px}.swal-modal-custom .swal-button-container{margin:0px}.swal-modal-custom .swal-button__loader{display:flex}.swal-title{font-size:24px !important;font-weight:500 !important}.swal-button{font-weight:500 !important;border-radius:2px !important}.swal-text{font-size:16px !important}.aspect-ratio-16-10-parent{position:relative;width:100%;padding-top:calc(100% * 10/16)}.aspect-ratio-16-9-parent{position:relative;width:100%;padding-top:calc(100% * 9/16)}.aspect-ratio-1-1-parent{position:relative;width:100%;padding-top:82%}.aspect_ratio_square_parent{position:relative;width:100%;padding-top:100%}.aspect-ratio-child{position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0}.aspect-ratio-fit-photo{object-fit:cover;object-position:center 0}.overlay-50{position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;z-index:1;opacity:0.5}.overlay-50:hover{opacity:0.75}.show-gallery-on-hover{position:absolute;width:100%;top:0;left:0;bottom:0;right:0;z-index:1;background-color:rgba(0,0,0,0);transition:0.5s}.show-gallery-on-hover:hover{background-color:rgba(0,0,0,0.4)}@media only screen and (min-width: 376px) and (max-width: 480px){.wide-mob-85{width:85%}}.display-none{display:none !important}.ellipsis-2-lines{line-height:1.5;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ellipsis-3-lines{line-height:1.5;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.homepage-shadow-20{box-shadow:0px 5px 20px #0000001A}.homepage-shadow-16{box-shadow:0px 8px 16px #0000000A}.homepage-shadow-12{box-shadow:0px 6px 12px #0000001A}.homepage-shadow-6{box-shadow:0px 3px 6px #0000001A}@media only screen and (min-width: 310px) and (max-width: 480px){.color-white-xs{background-color:#fff}}.hide-homepage-elemnts{display:none}.show-homepage-elemnts{display:block !important}.show-homepage-elemnts-as-flex{display:flex}.mdl-progress--as-success>.progressbar{background-color:#8BC34A}.mdl-progress--as-success>.bufferbar{background-image:linear-gradient(to right, rgba(255,255,255,0.7), rgba(255,255,255,0.7)),linear-gradient(to right, #8BC34A, #8BC34A)}.milestone-reached{color:#8BC34A}.loading-dots:after{display:inline-block;animation:dotty steps(1, end) 1s infinite;content:''}@keyframes dotty{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}100%{content:''}}.mdl-js-rippleeffect{background-position:center;transition:background 0.8s}.mdl-js-rippleeffect:active{opacity:0.8;background-size:100%;transition:background 0s}.icon-thumb_up_alt,.icon-thumb_up_off_alt{position:relative;top:2px}.as-icon-top_spacing{position:relative;top:1px}.noticeboard-icon{height:30px;width:30px}.mdl-typography--font-semibold{font-weight:600 !important}@media only screen and (max-width: 480px){.noticeboard-icon-xs{height:30px;width:30px}}.mdl-snackbar_custom{bottom:16px !important;border-radius:4px !important;box-shadow:0px 1px 3px 0px #0000004D, 0px 4px 8px 3px #00000026 !important}.mdl-snackbar__action_custom{font-size:12px !important;line-height:16px !important}@media only screen and (max-width: 479px){.mdl-snackbar_custom{width:calc(100% - 16px) !important;margin:0px 8px}}@media only screen and (min-width: 480px){.mdl-snackbar_custom{border-radius:4px !important}}.settings-about-strip{background:#376065;min-height:120px}.settings-adjust-card{margin-top:-114px;margin-bottom:114px}@media screen and (max-width: 480px){.settings-about-strip{display:none}.settings-adjust-card{margin-top:0px;margin-bottom:0px}}@media screen and (min-width: 768px) and (max-width: 1023px){.settings-about-strip{display:none}.settings-adjust-card{margin-top:0px;margin-bottom:0px}}.settings__heading-primary{font-size:16px;font-weight:600;color:#242424}.settings__heading-secondary{font-size:14px;font-weight:500;color:#242424}.settings__heading-secondary-2{font-size:14px;font-weight:500;color:#212121}.settings__btn-primary{border-radius:4px;background:#0F6CBD;color:#FFFFFF;font-weight:600;text-transform:none}.settings__btn-primary:hover{background:#115EA3}.settings__btn-primary:disabled{background:#F0F0F0 !important;color:#BDBDBD !important}.settings__btn-secondary{border-radius:4px;border:1px solid #D1D1D1;font-weight:600;color:#242424;background:#FFFFFF;text-transform:none}.settings__btn-secondary:hover{background:linear-gradient(0deg, #D1D1D1, #D1D1D1),linear-gradient(0deg, #f5f5f5, #f5f5f5)}.portal__btn-subtle{font-size:14px;font-weight:600;color:#212121;padding:10px;border:none;cursor:pointer}.portal__btn-subtle:hover{color:#115EA3}.portal__btn-subtle:disabled{color:#BDBDBD;pointer-events:none}.settings__btn-error{border-radius:4px;border:1px solid #D1D1D1;color:#CC3300;font-weight:600;text-transform:none;background:#FFFFFF;text-transform:none}.settings__btn-error:hover{background:linear-gradient(0deg, #D1D1D1, #D1D1D1),linear-gradient(0deg, #f5f5f5, #f5f5f5)}.settings__icon-link-btn{color:#115EA3;font-size:14px;font-weight:400;text-decoration:none;cursor:pointer}.setting_txt-blue{color:#115EA3}.settings__icon-link-text:hover{text-decoration:underline}.settings__icon{color:#000000}.settings__icon:hover{color:#115EA3}.settings__text-primary{font-size:16px;font-weight:500;color:#242424}.settings__text-secondary{font-size:12px;font-weight:400;color:#424242}.settings__chip-content{color:#616161}.settings__text-grey-50{color:#707070;font-size:12px;font-weight:400}.settings__asterisk{color:#CC3300}.settings__share-social{width:24px;min-width:24px;height:24px}.settings__label .mdl-textfield__label,.settings__label .mdl-textfield__input::placeholder{color:#707070;font-weight:400 !important;font-size:14px}.settings__label .mdl-textfield__input,.settings__input .mdl-radio__label{font-size:14px}.settings__label.is-focused .mdl-textfield__label,.settings__label.is-dirty .mdl-textfield__label,.settings__label.has-placeholder .mdl-textfield__label,.settings__label .upper-label,.settings__label .upper-label-new{color:#424242}.settings__input.is-checked .mdl-radio__outer-circle,.settings__input.is-checked .mdl-checkbox__box-outline{border:2px solid #0F6CBD}.settings__input.is-checked .mdl-radio__inner-circle,.settings__input.is-checked .mdl-checkbox__tick-outline,.settings__label .mdl-textfield__label:after,.settings__label .mdl-progress>.progressbar,.settings__color-primary{background-color:#0F6CBD}.settings__label .select-dropdown:focus{border-bottom:2px solid #0F6CBD}.profile__card-data{border:1px solid #E0E0E0}.profile__card-data>*:not(:last-child){border-bottom:1px solid #E0E0E0}.profile__card-data-no-child-border{border:1px solid #E0E0E0}.team-avatar-mini{height:96px;width:96px;object-fit:cover;border-radius:100%}.hover-action-dark{color:#0F6CBD !important}.hover-action-dark:hover{color:#115EA3 !important}.hover_underline:hover{text-decoration:underline}.border_textinput_parent .mdl-textfield__input,.border_textinput_parent dial-codes select{border-radius:4px;padding:6px 12px 6px 12px;font-size:12px;border:1px solid #E0E0E0 !important;box-sizing:border-box}.border_textinput_parent .mdl-textfield.is-focused .mdl-textfield__label::after{visibility:hidden !important}.top-border{border-top:1px solid rgba(0,0,0,0.1)}.bottom-border{border-bottom:1px solid rgba(0,0,0,0.1)}.file_picker_background{background-color:#ffffff;border-radius:5px;cursor:pointer}.file_picker_background:hover{background-color:#fafafa}.swal-button--confirm2{background-color:#CC3300 !important}.swal-button--confirm3{background-color:#CC3300 !important}.auto-resize-textarea{width:100%;box-sizing:border-box;overflow:hidden;resize:none}.animateModal{transform:translateY(100%);transition:0.8s ease-out}.modal--active .animateModal{transform:translateY(0)}.animateModal2{max-height:200px;transition:max-height 0.8s cubic-bezier(0, 1, 0, 1)}.animateModal2.animate{max-height:1000px;transition:max-height 1s ease-in-out}.cc--portal-custom #cc-main .cm__btn,.cc--portal-custom #cc-main .pm__btn{background:#b93535;border:1px solid #b93535}.cc--portal-custom #cc-main .cm__btn--secondary,.cc--portal-custom #cc-main .pm__btn--secondary{border:1px solid #D1D1D1;color:#242424;background:#FFFFFF}.cc--portal-custom #cc-main .cm__btn--secondary:hover,.cc--portal-custom #cc-main .pm__btn--secondary:hover{background:linear-gradient(0deg, #D1D1D1, #D1D1D1),linear-gradient(0deg, #f5f5f5, #f5f5f5)}.cc--portal-custom #cc-main .pm__service-counter{background:#b93535}.cc--portal-custom #cc-main .toggle__icon-on svg{stroke:#b93535}.cc--portal-custom #cc-main .section__toggle:checked ~ .toggle__icon{background:#b93535;box-shadow:0 0 0 1px #b93535}.media-grid-container{display:grid;grid-gap:4px}.media-grid-container.grid-square{grid-template-columns:repeat(2, 1fr)}.media-grid-container.grid-rectangle{grid-template-columns:repeat(3, 1fr)}.media-grid-container.grid-rectangle-small{grid-template-columns:repeat(3, 28%)}.media-grid-container .grid-item:nth-child(1){grid-column:1 / 2;grid-row:1 / 2}.media-grid-container .grid-item:nth-child(2){grid-column:2 / 3;grid-row:1 / 2}.media-grid-container .grid-item:nth-child(3){grid-column:1 / 2;grid-row:2 / 3}.media-grid-container .grid-item:nth-child(4){grid-column:2 / 3;grid-row:2 / 3}.media-grid-container .last-image{position:relative;z-index:0;display:inline-block;background-color:#212121}.media-grid-container .aspect-ratio-square{aspect-ratio:1/1}.media-grid-container .view-more{position:absolute;top:50%;left:50%;text-align:center;display:flex;align-items:center;justify-content:center;transform:translate(-50%, -50%);z-index:3;cursor:pointer;font-size:32px}@media screen and (min-width: 1600px){.media-grid-container .view-more{font-size:40px}}.media-grid-container .single-image{height:280px;width:auto;max-width:100%}@media screen and (max-width: 480px){.media-grid-container .single-image{height:200px}}.ph-item{background-color:#fff;border:1px solid #e6e6e6;border-radius:2px;direction:ltr;display:flex;flex-wrap:wrap;margin-bottom:30px;overflow:hidden;padding:30px 15px 15px;position:relative}.ph-item,.ph-item *,.ph-item :after,.ph-item :before{box-sizing:border-box}.ph-item:before{-webkit-animation:ph-animation .8s linear infinite;animation:ph-animation .8s linear infinite;background:linear-gradient(90deg, rgba(255,255,255,0) 46%, rgba(255,255,255,0.35) 50%, rgba(255,255,255,0) 54%) 50% 50%;bottom:0;content:" ";left:50%;margin-left:-250%;pointer-events:none;position:absolute;right:0;top:0;width:500%;z-index:1}.ph-item>*{display:flex;flex:1 1 auto;flex-flow:column;margin-bottom:15px;padding-left:15px;padding-right:15px}.ph-row{display:flex;flex-wrap:wrap;margin-top:-7.5px}.ph-row div{background-color:#ced4da;height:10px;margin-top:7.5px}.ph-row .big,.ph-row.big div{height:20px}.ph-row .empty{background-color:rgba(255,255,255,0)}.ph-col-2{flex:0 0 16.6666666667%}.ph-col-4{flex:0 0 33.3333333333%}.ph-col-6{flex:0 0 50%}.ph-col-8{flex:0 0 66.6666666667%}.ph-col-10{flex:0 0 83.3333333333%}.ph-col-12{flex:0 0 100%}[class*=ph-col]{direction:ltr}[class*=ph-col]>*+.ph-row{margin-top:0}[class*=ph-col]>*+*{margin-top:7.5px}.ph-avatar{background-color:#ced4da;border-radius:50%;min-width:60px;overflow:hidden;position:relative;width:100%}.ph-avatar:before{content:" ";display:block;padding-top:100%}.ph-picture{background-color:#ced4da;height:120px;width:100%}@-webkit-keyframes ph-animation{0%{transform:translate3d(-30%, 0, 0)}to{transform:translate3d(30%, 0, 0)}}@keyframes ph-animation{0%{transform:translate3d(-30%, 0, 0)}to{transform:translate3d(30%, 0, 0)}}.slider-animate.ng-hide-add{-webkit-animation:0.3s FadeIn ease;animation:0.3s FadeIn ease;position:absolute}.slider-animate.ng-hide-remove{-webkit-animation:0.3s FadeIn ease;animation:0.3s FadeIn ease}.slider-animate1{object-fit:cover;opacity:1;position:absolute;z-index:1}.slider-animate1.ng-hide-add{-webkit-animation:1s fadeOut ease;animation:1s fadeOut ease;position:absolute}.slider-animate1.ng-hide-remove{-webkit-animation:1s FadeIn ease;animation:1s FadeIn ease}.distinguished_alumnus_card{transition:all 0.5s ease;position:relative;left:0}#myPresident ol,#myPresident ul{font-weight:300;font-size:18px}#myPresident b{font-weight:400}#myPresident li{margin-bottom:12px}.switch-logo{width:100px;height:auto;padding:8px 16px}.switch-alias-margin{margin:0px 0px 8px 148px}.photo-margin-adjust{margin:auto}.login-size{max-width:764px}.login-signup-padding{padding:20px 5%}.password-card{max-width:480px}.team-avatar,.login-avatar-returns{height:130px;width:130px;object-fit:cover;border-radius:100%}.team-avatar .is-lost,.login-avatar-returns .is-lost{font-size:135px}.login-avatar{max-height:130px;object-fit:cover;border-radius:100%}.team-card{padding-top:10px;padding-bottom:10px;display:block}.team-detail{display:block;margin:20px 0 0;line-height:1.8em}.team-class{padding-top:10px;padding-bottom:10px}.event-card{padding-bottom:80px}.event-card:hover{box-shadow:0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)}.event-card:hover .event-detail{opacity:1;max-height:266px;overflow-y:hidden}.event-card:hover .event-about{-webkit-transform:translateY(-100%);transform:translateY(-100%);-ms-transform:translateY(-100%)}.card-detail{font-family:Roboto;padding:75px 30px}.adjust-icon{position:relative;margin-right:2px}.president-avatar{width:160px;height:160px;margin-top:60px;border-radius:100%;object-fit:cover}.event-about{position:absolute;top:100%;display:block;width:100%;-webkit-transform:translateY(-80%);transform:translateY(-80%);-ms-transform:translateY(-80%);transition:all 0.3s ease-in-out}.event-detail{font-family:Roboto;opacity:0;transition:all 0.3s ease-in-out;max-height:0px}.campus-title{margin-bottom:20px;font-size:26px;line-height:40px}.stats-div{padding:35px 15px 0 15px;text-transform:uppercase}.stats-title{margin:8px 0 36px 0}.stats-count-size{font-size:56px}.button-text{text-transform:none}.m-b-20{margin-bottom:20px}.social-submit{margin-top:20px}.maximize-width{width:100%}.circular-name{opacity:0.9;transition:all 0.3s ease}.circular-div:hover .circular-name{opacity:1}.button-background{transition:all 0.3s ease-in-out;border:1px solid #9E9E9E}.button-background:hover{background-color:#BDBDBD;border:1px solid #BDBDBD}.button-background:hover .view-button{color:black !important}.outer-header{height:72px;width:100%}.outer-header-properties{display:block;position:fixed;z-index:1000}.header-list{text-transform:uppercase;padding:0px 6px;font-size:16px;display:inline-block}.header-list-outer{padding-right:0px}.header-center{margin:4px auto}.header-logo{height:48px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.header-logo-small{height:24px;width:24px}.header-list-adjust{margin:auto;text-align:right}.login-border{border-left:1px solid #9E9E9E}.login-heading{margin:auto}.connect-div{padding-left:10%}.navigation-button{position:fixed;z-index:20;right:36px;bottom:36px}.header-list-icon{padding-left:30px}@media only screen and (max-width: 991px){.president-avatar{margin-left:-10px}.campus-title{font-size:20px}.header-list{padding:0px 8px;font-size:14px}.header-list-icon{padding-left:16px}}@media screen and (max-width: 479px){.president-avatar{margin-top:0px;margin-bottom:30px}.margin-top-bottom{margin-bottom:31px;margin-top:-6px}.login-signup-padding{padding:20px 0px}}@media only screen and (min-width: 991px) and (max-width: 1200px){.header-list-outer{padding-right:0px}}@media only screen and (max-width: 839px){.login-size{max-width:370px}.login-border{border-left:none;border-top:1px solid #EEEEEE;margin-top:20px !important}.login-avatar{max-height:70px}.login-avatar-returns{height:70px;width:70px}.connect-div{padding:0px}.stats-title{margin:8px 0 16px}.stats-count-size{font-size:48px}}@media only screen and (min-width: 480px) and (max-width: 839px){.login-heading{margin:0px;padding:20px 0px}.login-heading-div{padding:0px;width:100%}.left-adjust{text-align:left}}@media only screen and (max-width: 480px){.title-below-header{margin-top:0px}.div-below-header{padding-top:64px}.outer-header{height:56px}.header-center{margin:8px auto}.header-logo{height:32px;max-width:100px}.header-button{height:28px;line-height:28px}.header-list{padding:0px 4px;font-size:14px}.login-heading{font-size:18px}.subheading-adjust{padding:0px;margin:0px auto}.margin-adjust{margin-top:20px}.photo-margin-adjust{margin:8px}.login-avatar-returns{height:130px;width:130px}.switch-logo{width:50px;padding:8px}.switch-alias-margin{margin:0px 0px 8px 82px}.switch-name-font{font-size:20px}.margin-top-minimize{margin-top:8px}.header-list-adjust{padding:0px 4px 0px 8px}}@media only screen and (max-width: 416px){.connect-div{padding-left:10%}.connect-button{margin-top:20px}}@media only screen and (max-width: 375px){.connect-div{padding-left:5%}}@media only screen and (min-width: 480px) and (max-width: 550px){.small-tablet{width:calc(100% - 16px) !important}.header-list{padding:0px 4px}}@media only screen and (min-width: 420px) and (max-width: 550px){.change-width{max-width:calc(100% - 80px) !important}}.settings-main{padding-top:120px}.center-wrap-settings{max-width:700px}.adjust-settings-cover{padding-top:60px;padding-bottom:100px}.settings-card-adjust{margin-top:-100px;margin-bottom:100px}.settings-icon{position:relative;top:8px;font-size:24px;margin-right:8px}.adjust-sub-heading{margin:12px 0px 0px 27px}.adjust-add-more{margin-top:30px}.fit-icons{width:-webkit-calc(100% - 36px);width:-moz-calc(100% - 36px);width:-o-calc(100% - 36px);width:calc(100% - 36px)}.cross-marks{cursor:pointer;font-size:20px}.fit-cross-marks{width:-webkit-calc(100% - 24px);width:-moz-calc(100% - 24px);width:-o-calc(100% - 24px);width:calc(100% - 24px)}@media screen and (max-width: 991px){.settings-main{padding-top:104px}.settings-card-adjust{margin-top:-148px}}@media screen and (max-width: 480px){.adjust-add-more{margin:16px 0px 20px 26px}.reduce-top-area{margin:-16px 0px 0px 26px}}.vertical-mdl-tabs .mdl-tabs__tab-bar{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:inherit;border-bottom:none}.vertical-mdl-tabs .mdl-tabs__tab{width:100%;height:35px;line-height:35px;box-sizing:border-box;letter-spacing:1px}.vertical-mdl-tabs .mdl-tabs__tab:hover{background:rgba(158,158,158,0.34);color:black;border-right:1px solid rgba(10,11,49,0.2)}.vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active{border-right:3px solid #16163f}.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after{content:inherit;height:0}.vertical-mdl-tabs.mdl-tabs .mdl-tabs__tab{text-align:left}.new-icon-left,.new-icon{position:relative;top:1px;margin-left:12px}.no_pointer{cursor:auto !important}.no_pointer:hover{background-color:#f5f5f5 !important}.new-icon{margin-left:0px !important;margin-right:12px}.info-title,.sub-title1{font-size:18px;text-transform:uppercase;margin-bottom:20px}.page-strip{display:block;padding-top:44px;padding-bottom:44px}.page-strip-change{display:block;padding-top:4px;padding-bottom:44px}.create-event-button{height:48px;font-size:16px}.no-event-display{height:250px}.no-event-overlay{width:80%;position:absolute;top:calc(50% - 72px);left:10%;background-color:rgba(255,255,255,0.5)}.categories-animate.ng-hide-add{-webkit-animation:0.5s slide_down cubic-bezier(0.69, 0.16, 0.52, 0.88) reverse;animation:0.5s slide_down cubic-bezier(0.69, 0.16, 0.52, 0.88) reverse}.categories-animate.ng-hide-remove{-webkit-animation:0.5s slide_down ease;animation:0.5s slide_down ease}.category-list{margin-bottom:8px;border-left:3px solid #E0E0E0}.category-list:active{border-left:3px solid #b93535}.category-list:hover{cursor:pointer;border-left:3px solid #16163f}.hide_menu_bg .mdl-menu__container.is-visible .mdl-menu__outline{transform:scale(0)}.mdl-menu__outline{box-shadow:0px 8px 16px 0px rgba(0,0,0,0.14)}.share-social{width:30px;min-width:30px;height:30px}.category-text{padding:15px 24px;display:inline-block}.category-count{padding:15px 10px;display:inline-block;float:right}.category-adjust{padding-right:1%}.category-list-small:hover{background-color:rgba(158,158,158,0.2)}.attendee-image,.attendee-image-adjust{width:30px;height:30px;border-radius:50%;border:3px solid white;cursor:pointer}.attendee-image-adjust{margin-left:-15px}.attendees-list{float:right}.more-attendees{margin:8px 0px 8px 5px}.form-steps{z-index:100}.end-date-adjust{float:right;display:inline-block;margin-top:26px}.adjust-textfield{width:93%}.adjust-half-textfield{width:43%}.steps-adjust{margin:0px 150px}.city-label-adjust{margin-left:28px}.category-overflow{max-width:55%;overflow:hidden;text-overflow:ellipsis;height:1em;white-space:nowrap}.upload-image{border:2px dashed #BDBDBD;margin:30px 15%;border-radius:5px;height:116px}.inner-upload-image{border:5px solid white;border-radius:10px}.inner-upload-image:hover{background-color:#F5F5F5;cursor:pointer}.event-photo-div{margin:30px 25%;display:inline-block;border:2px dashed #BDBDBD;border-radius:5px}.event-image-set{width:95%;border-radius:10px;border:3px solid white}.share-list:hover{background-color:transparent !important}.share-list-div{position:absolute;top:-45px;right:-45px}.share_icon{height:20px;width:20px;min-width:20px}.logged-out-prompt{width:75%}.event-card-adjust{min-height:150px;margin-bottom:20px;overflow:visible;z-index:0}.asThemeWait{margin:278px auto;width:40px;height:40px;position:relative;text-align:center;-webkit-animation:rotate 2.0s infinite linear;animation:rotate 2.0s infinite linear}.themeDot1,.themeDot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;border-radius:100%;-webkit-animation:bounce 2.0s infinite ease-in-out;animation:bounce 2.0s infinite ease-in-out;background-color:#b93535}.themeDot2{background-color:#16163f;top:auto;bottom:0px;-webkit-animation-delay:-1.0s;animation-delay:-1.0s}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}@media only screen and (max-width: 991px){.end-date-adjust{display:inline-block;float:none;margin-top:0px;padding:15px 0px}.adjust-half-textfield{width:calc(100% - 34px)}.adjust-textfield{width:calc(100% - 34px)}.city-label-adjust{margin-left:32px}.event-photo-div{margin:30px 18%}}@media only screen and (max-width: 850px){.steps-adjust{margin:0px 100px}.category-adjust{padding-right:0px}}@media only screen and (max-width: 840px){.no-event-display{height:280px}.no-event-overlay{top:calc(50% - 82px)}.logged-out-prompt{width:100%}}@media only screen and (max-width: 730px){.steps-adjust{margin:0px 80px}}@media only screen and (max-width: 740px){.no-event-display{height:300px}.no-event-overlay{top:calc(50% - 92px)}}@media only screen and (max-width: 620px){.steps-adjust{margin:0px 60px}.no-event-display{height:320px}.no-event-overlay{top:calc(50% - 102px)}}@media only screen and (max-width: 480px){.page-strip{padding-top:0px}.upload-image{margin:30px 0px}.create-event-button{height:36px;font-size:14px}}@media only screen and (max-width: 385px){.no-event-overlay{top:calc(50% - 105px)}}@media only screen and (min-width: 385px) and (max-width: 415px){.no-event-overlay{top:calc(50% - 95px)}}@media only screen and (max-width: 840px) and (min-width: 480px){.attendees-list{float:none;display:block;margin:8px 0px 0px}}@media only screen and (max-width: 359px){.attendees-list{float:none;display:block;margin:8px 0px 0px}.event-photo-div{margin:30px 15%}.no-event-display{height:340px}.no-event-overlay{top:calc(50% - 115px)}}@media only screen and (max-width: 320px){.adjust-textfield{width:84.47%}}.notransition{-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;transition:none !important}@media only screen and (max-width: 840px){.show-as-drawer{position:fixed;right:-56%;transition:right 0.3s;-webkit-transition:right 0.3s;transition-timing-function:ease;-webkit-transition-timing-function:ease;top:0px;z-index:1500;max-width:80% !important;background-color:#fff;padding:15px;height:100vh;overflow:auto;margin:0px}}@media only screen and (max-width: 480px){.show-as-drawer-left{position:fixed;left:0px;top:0px;z-index:1500;max-width:80% !important;background-color:#fff;padding:15px;height:100vh;overflow:auto;margin:0px}.show-as-drawer-left.ng-hide-add{-webkit-animation:0.5s slideInLeft ease reverse;animation:0.5s slideInLeft ease reverse}.show-as-drawer-left.ng-hide-remove{-webkit-animation:0.5s slideInLeft ease;animation:0.5s slideInLeft ease}}.invisible-div{position:fixed;background-color:rgba(0,0,0,0.5);z-index:1000;width:100%;height:100vh;top:0px}.invisible-div.ng-hide-add{-webkit-animation:0.5s fadeOut ease;animation:0.5s fadeOut ease}.invisible-div.ng-hide-remove{-webkit-animation:0.5s fadeOut ease reverse;animation:0.5s fadeOut ease reverse}.search-icon{background-color:#16163f;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.search-icon:hover{cursor:pointer}.search-input-box{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height:51px;font-style:italic;width:calc(100% - 48px);border:none;padding:0px 24px;box-shadow:none;background-color:#E0E0E0;outline:none;transition:all 0.3s ease-in-out}.search-input-box:focus{background-color:white}.sub-category-adjust{position:relative;left:28px;width:calc(100% - 68px);display:inline-block}.admin-download{float:right;margin-top:-8px}.search-avatar{height:70px;width:70px;border-radius:50%;object-fit:cover}.degree-display-cut{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:200px}.sm-add-filter{height:36px;width:36px;min-width:36px;font-size:20px;line-height:22px}.suggestions-button{cursor:pointer;position:relative;top:3px;font-size:22px}.search-profile-card{min-height:100px;overflow:visible;margin-bottom:12px}.addto-adjust{text-align:right}@media only screen and (max-width: 894px){.admin-download{float:left}.adjust-height{height:108px}}@media only screen and (max-width: 840px){.addto-adjust{text-align:left}}.vote-bar{background:#b93535;height:100%;display:inline-block;transition:all 0.3s ease-in-out}.list-avatar{height:72px;width:72px;border-radius:50%;object-fit:cover}.post-avatar{height:48px;width:48px;border-radius:50%;object-fit:cover}.post-avatar .is-lost{font-size:50px}.has_voted{background-color:#b93535;transition:all 0.3s ease-in-out}.has_voted:hover{background-color:#b93535}.has_voted:focus{background-color:#b93535}.has_voted:active{background-color:#b93535}.has_voted .upvote-count,.has_voted .adjust-upvote{display:none}.not_voted{background-color:#16163f}.not_voted:hover{background-color:#16163f}.not_voted:focus{background-color:#16163f}.not_voted:active{background-color:#16163f}.not_voted .upvote-count--not_voted{display:none}.likers-list-adjust{float:right;display:inline-block;margin-top:5px}.cards-overlap{z-index:0}.image-upload{height:70px;position:relative;width:70px;margin-right:12px;object-fit:cover;border-radius:4px;vertical-align:middle;display:inline-block;overflow:hidden}.image-upload-div{position:relative;display:inline-block;margin-bottom:30px}.image-upload-overlay:after{content:'';background:#fff;opacity:.2;width:100%;height:106px;position:absolute;z-index:1;bottom:0}.image-cancel{position:absolute;top:0px;left:56px;cursor:pointer}.image-load{position:absolute;top:calc(50% - 14px);left:calc(50% - 20px)}.comment-avatar{height:32px;width:32px;border-radius:50%;object-fit:cover}.comment-textfield{margin:-22px 0px;width:95%}.comment-image-adjust{text-align:right}.comment-date-adjust{text-align:right}.comment-author-adjust{padding:4px 0px}.nb-list-setting{max-height:36px;line-height:36px}.nb-menu-setting{position:relative;right:-12px}.nb-single-image{max-width:400px;cursor:pointer;border-radius:4px}.nb-multiple-image{height:185px;width:31.9%;object-fit:cover;margin-right:8px;border-radius:4px}.nb-last-image{position:relative;z-index:0;display:inline-block;background-color:black;width:32%;border-radius:4px}.nb-display-inline{display:inline}.image-view-more{opacity:0.5;cursor:pointer;height:100%;width:100%;object-fit:cover;border-radius:4px}.image-view-more:hover{opacity:0.3}.view-more-div{position:absolute;top:calc(50% - 19px);z-index:3;left:calc(50% - 19px);font-size:36px;cursor:pointer}.nb-cfeed-div{border:1px solid rgba(0,0,0,0.2);padding:10px}.nb-cfeed-image{object-fit:cover;height:250px;margin-bottom:10px}.nb-share-div{position:absolute;top:-50px;right:-25px}.upvote-button{top:-16px;margin-right:12px}.adjust-upvote{position:absolute;top:-3px;right:6px;font-size:28px}.upvote-count{position:relative;top:5px}.poll-text{position:absolute;top:0px;left:0px;z-index:10;padding:8px 10px}.poll-progress{position:absolute;top:0px;left:0px;bottom:0px;right:0px}.poll-result-div{position:relative;min-height:38px;width:75%;display:inline-block}.comment-share{position:absolute;top:25px;right:0px}.post-share-option{float:right;margin-top:-5px}.nb-or-section{padding:10px;border-radius:50%;position:absolute;top:-18.5px;left:calc(50% - 18.5px)}.nb-invite-img{object-fit:cover;width:100%;height:200px}.life-member-overlay{width:80%;position:absolute;top:calc(50% - 68px);left:10%;background-color:rgba(255,255,255,0.5);padding:30px 16px;min-height:100px}.float-right{float:right}.city-update-button{min-width:36px;width:36px}.city-update-overlay{width:80%;position:absolute;top:calc(50% - 68px);left:10%;background-color:rgba(255,255,255,0.5);padding:30px 16px;min-height:100px}@media only screen and (max-width: 840px){.comment-textfield{width:100%}}@media only screen and (max-width: 1000px){.nb-multiple-image{height:135px;width:31.9%}.nb-last-image{height:135px;width:31.9%}.city-update-overlay{top:calc(50% - 78px)}}@media only screen and (max-width: 832px){.nb-multiple-image{width:41%;height:140px}.nb-last-image{width:41%;height:140px}}@media only screen and (max-width: 650px){.city-update-overlay{top:calc(50% - 96px)}}@media only screen and (max-width: 601px){.comment-image-adjust{text-align:center}.nb-single-image{max-width:100%}.nb-cfeed-image{height:180px}}@media screen and (min-width: 480px) and (max-width: 698px){.post-share-option{float:none;margin-top:10px}}@media only screen and (min-width: 580px) and (max-width: 730px){.comment-author-adjust{padding:4px 12px}.nb-single-image{max-width:300px}}@media only screen and (max-width: 480px){.likers-list-adjust{float:none;display:block;margin-left:45px}.list-avatar{height:56px;width:56px}}@media only screen and (min-width: 350px) and (max-width: 440px){.left-adjust-name{margin-left:-12px}}@media only screen and (min-width: 360px) and (max-width: 434px){.post-share-option{float:none;margin-top:10px}}@media only screen and (max-width: 360px){.image-upload{height:48px;width:48px}.image-cancel{position:absolute;top:0px;left:34px;cursor:pointer}.nb-multiple-image{width:45%;height:130px}.nb-last-image{width:45%;height:130px}.post-share-option{float:none}}.profile-cover-image{height:257px;width:100%;object-fit:cover}.profile-page-adjust{margin-top:-111px;margin-bottom:85px}.birthdate-calendar{left:0px;top:44px;position:absolute;background:white;z-index:1;overflow-y:hidden}.block-dropdown-button{min-width:5px;padding:0px 4px;border:1px solid #b93535;border-radius:0px 4px 4px 0px;color:#b93535}.block-dropdown-button:hover{background-color:#fdf14f;color:#b93535}.profile-info{padding:8px 0px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.network-info-div{padding:8px 0px;min-height:48px}.edit-icon-hide{visibility:hidden;position:absolute;right:24px;top:calc(50% - 8px)}.padding-16{padding:16px}.edit-info-div:hover{cursor:pointer;background-color:#EEEEEE;border-radius:4px}.edit-info-div:hover .edit-icon-hide{visibility:visible}.select-dropdown-div{margin:0;padding:20px 0px;position:relative}.upper-label{position:absolute;top:4px;font-size:12px;left:0px}.upper-label-new{position:absolute;top:-12px;font-size:12px}.half-textfield{width:48%;display:inline-block}.textfield-float-toggle{float:right}.three-fourth-textfield{width:75%}.one-fourth-textfield{width:25%;display:inline-block;margin-right:20px}.overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px}.ellipsis-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-border{border-bottom:1px solid rgba(0,0,0,0.1)}.top-border{border-top:1px solid rgba(0,0,0,0.1)}.message-line{height:4px;width:100%;margin-left:75px;border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:5px}.div-on-hover:hover{cursor:pointer;background-color:#f5f5f5}.half-post-avatar{position:relative;display:inline-block;width:48px}.right-post-avatar{position:absolute;left:24px;top:0px;width:24px;height:48px;border-left:2px solid white;object-fit:cover;border-radius:0px 90px 90px 0px}.unread-message-div{display:inline-block;position:absolute;top:calc(50% - 8px);right:0px}.no-message-display{height:280px}.no-message-overlay{width:80%;position:absolute;top:calc(50% - 81px);left:10%;background-color:rgba(255,255,255,0.5)}.expertiseskills{min-width:250px}@media screen and (max-width: 800px){.no-message-overlay{top:calc(50% - 93px)}}@media screen and (max-width: 799px){.no-message-overlay{top:calc(50% - 103px)}}@media screen and (max-width: 440px){.margin-adjust-small{margin-top:-8px}}@media screen and (max-width: 400px){.birthdate-calendar{left:-38px}}@media screen and (max-width: 331px){.no-message-display{height:300px}.no-message-overlay{top:calc(50% - 113px)}}@media screen and (max-width: 331px){.no-message-overlay{top:calc(50% - 103px)}}@media screen and (max-width: 650px){.half-textfield{width:100%}.textfield-float-toggle{float:none}.three-fourth-textfield{width:100%}.one-fourth-textfield{width:48%;margin-right:0px}}.hanging-avatar{position:absolute;right:24px;bottom:-24px}.form-attachment-adjust{float:right;padding:20px 0px}.job-details-padding{padding:0px 15px}.adjust-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:57px;height:15px}.posted-by-div{display:inline-block;margin:8px 0px}.adjust-single-card{margin-top:-114px;margin-bottom:114px}.job-post-avatar{height:55px;width:55px;object-fit:cover;border-radius:50%}.center-section-margin{margin-bottom:37px}.center-section-padding{padding:37px 15px 0px}.uploaded-resume-div{border:2px dashed #BDBDBD;margin:30px 15%;height:116px}.pdf-icon-div{border-right:1px dashed #BDBDBD;height:100%;width:25%;position:relative}.pdf-inside-div{font-size:50px;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}.attached-resume-div{position:absolute;left:25%;top:0px;padding:15px;height:100%;-moz-box-sizing:border-box;box-sizing:border-box;width:75%}.resume-name-div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:30px}.resume-card{min-height:116px;height:116px}.mdl-textfield--floating-label .no-wrap-label{white-space:normal}.mdl-textfield--floating-label.is-dirty .no-wrap-label{top:-12px}.mdl-textfield--floating-label.is-focused .no-wrap-label{top:-12px}.job-view-button{float:right}.job-intern-capsule{padding:3px 12px;margin:8px 0px 0px;border-radius:12px;display:inline-block}@media screen and (max-width: 650px){.form-attachment-adjust{float:none;padding:20px 0px}.radio-option-intern{display:block;margin-left:74px}}@media screen and (max-width: 320px){.job-view-button{float:none}.left-adjust-applicant{margin-left:20px}}@media screen and (min-width: 321px) and (max-width: 410px){.job-view-button{float:none}.left-adjust-applicant{margin-left:12px}}@media screen and (min-width: 480px) and (max-width: 650px){.job-view-button{float:none}}@media screen and (max-width: 441px){.uploaded-resume-div{margin:30px 0px;height:106px}.resume-card{min-height:106px;height:106px}.pdf-inside-div{font-size:40px;top:calc(50% - 20px);left:calc(50% - 20px)}.resume-name-div{margin-bottom:20px}}@media screen and (max-width: 480px){.job-details-padding{padding:0px}}.navigator-res{width:367px !important}.add-job-overlay{position:relative;min-height:122px}.add-job-overlay:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#b93535;opacity:0.8}.add-overlay--primary-lite{position:relative}.add-overlay--primary-lite:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fdf14f;opacity:0.8}.add-overlay--primary{position:relative}.add-overlay--primary:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#b93535;opacity:0.8}.add-overlay--accent{position:relative}.add-overlay--accent:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#16163f;opacity:0.8}.width-res{width:43%}.mar-res-right{margin-right:25px}.triangle-topleft{width:0;height:0;border-top:30px solid #16163f;border-right:30px solid transparent}.triangle-bottomright{width:0;height:0;border-bottom:30px solid #16163f;border-left:30px solid transparent}.space-adjust{border-left:3px solid white;padding-left:32px}.hover_class{background-color:#e0e0e0}.hover_class:hover{background-color:#e0e0e0}.arrow_right{position:relative;z-index:2;transition:none}.arrow_right:after{left:100%;top:90%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;margin-top:-35px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #e0e0e0}.arrow-down{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #f00}.padding-left-20{padding-left:20px}.heading-padding{margin:17px 0px 25px !important}.m-l-0{margin-left:0px !important}.icon-padding{margin-left:50px}.icon-margin{margin-left:124px;margin-right:125px}.align-right{text-align:right}.icon-size{height:30px !important;width:30px !important;min-width:30px !important;font-size:15px !important}.padding-0{padding:0px}.job-dropdown{border:none;border-bottom:1px solid #d8d8d8;outline:none;width:110px;height:32px;background:transparent;cursor:pointer}.mar-res-left{margin-left:365px !important}.max-width-responsive{max-width:335px}.top-res{top:42px}.page-padding-res{margin-top:-115px}.font-24-to-20{font-size:24px}.job_applicant_list{margin-left:14px}.job_actions,.reject_c_div,.resume_application_div{min-height:80px}.job_order_by{position:relative;padding:8px}.job_order_by:after{background-color:#e0e0e0;position:absolute;content:"";right:-8px;width:9px;height:100%;top:0px}.job_m_r_d{position:relative;padding:4px}.job_m_r_d:after{background-color:#e0e0e0;position:absolute;content:"";left:-8px;width:9px;height:100%;top:0px}@media screen and (max-width: 375px){.right-res{right:45px}.padding-res{padding-top:10px}.width-res{width:88.34% !important}}@media screen and (max-width: 1024px){.mar-res-right{margin-right:7px}.navigator-res{width:320px !important}}@media screen and (max-width: 320px){.width-res{width:86.112% !important}}@media screen and (max-width: 768px){.navigator-res{width:270px !important}.mar-res-right{margin-right:7px !important}.width-res{width:40% !important}.max-width-responsive{max-width:390px}.mar-res-left{margin-left:0px !important}.page-padding-res{margin-top:-114px}.reject_c_div{order:3}.job_actions{order:4}.resume_application_div{order:2}.white-bg-mobile{background-color:#fff !important}.job_order_by{padding-left:0px}.job_order_by:after{background-color:#fff;position:absolute;content:""}}@media screen and (max-width: 425px){.font-24-to-20{font-size:20px !important}.width-res{width:89.825% !important}.mar-res-left{margin-left:0px !important}.page-padding-res{margin-top:-69px}.job_applicant_list{margin-left:0px}.job_actions{padding-left:6px;order:2}.reject_c_div{order:3}.resume_application_div{order:2}}.job-upload-resume input[type=file]{top:46px;height:35px}.cf-center-div{padding:0px;margin:0 auto}@media (max-width: 1279px){.cf-center-div{max-width:900px}}@media (min-width: 1280px) and (max-width: 1365px){.cf-center-div{max-width:966px}}@media (min-width: 1366px) and (max-width: 1535px){.cf-center-div{max-width:1020px}}@media (min-width: 1536px){.cf-center-div{max-width:1132px}}.cf-heading-view{color:white;position:absolute;bottom:0px;left:0px;padding:20px;line-height:30px;background-color:rgba(0,0,0,0.5);box-sizing:border-box;-moz-box-sizing:border-box;font-size:30px}.no-feed-display{height:250px}.no-feed-overlay{width:80%;position:absolute;top:calc(50% - 72px);left:10%;background-color:rgba(255,255,255,0.5)}.single-upper-strip{height:160px}.cf-single-card{margin-top:-114px;margin-bottom:114px}.cf-share-adjust{text-align:right}.hovershow{visibility:hidden;opacity:0;width:0px}.cf-cover-upload{border:2px dashed #BDBDBD;border-radius:5px;height:171px}.cf-cover-div{height:246px;padding:0.5%;width:99%}.cf-change-button{right:12px;top:12px}.testhide:hover .hoverhide{transition:all 0.1s ease-in-out}.testhide:hover .hovershow{visibility:visible;transition:all 0.1s ease-in-out;opacity:1;width:12px}@media screen and (max-width: 880px){.no-feed-display{height:300px}.no-feed-overlay{top:calc(50% - 95px)}}@media screen and (max-width: 840px){.cf-heading-view{padding:15px;line-height:24px;font-size:24px}.single-upper-strip{display:none}.cf-single-card{margin-top:-44px;margin-bottom:44px}.no-feed-display{height:320px}.no-feed-overlay{top:calc(50% - 105px)}}@media only screen and (max-width: 600px){.no-feed-display{height:350px}.no-feed-overlay{top:calc(50% - 127px)}}@media only screen and (max-width: 480px){.cf-heading-view{padding:15px;line-height:20px;font-size:20px;letter-spacing:0.8px}.cf-single-card{margin-top:-1px;margin-bottom:0px}.cf-share-adjust{text-align:left}.no-feed-display{height:300px}.no-feed-overlay{top:calc(50% - 105px)}}@media only screen and (min-width: 415px) and (max-width: 436px){.no-feed-overlay{top:calc(50% - 95px)}}@media only screen and (max-width: 385px){.no-feed-display{height:350px}.no-feed-overlay{top:calc(50% - 105px)}}@media only screen and (max-width: 375px){.no-feed-overlay{top:calc(50% - 105px)}}@media screen and (max-width: 360px){.no-feed-overlay{top:calc(50% - 117px)}}@media screen and (max-width: 320px){.no-feed-overlay{top:calc(50% - 127px)}}.blur-background-3{filter:blur(3px);-webkit-filter:blur(3px);-moz-filter:blur(3px);-ms-filter:blur(3px);background-color:#ffffff;background-blend-mode:multiply;background-size:cover}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes excited{0%{transform:translate(0, 0)}50%{transform:translate(0, -10px)}100%{transform:translate(0, 0)}}.excited-theme-1{-moz-animation:excited normal 1s infinite cubic-bezier(0.86, 0, 0.07, 1);-webkit-animation:excited normal 1s infinite cubic-bezier(0.86, 0, 0.07, 1);-ms-animation:excited normal 1s infinite cubic-bezier(0.86, 0, 0.07, 1);animation:excited normal 1s infinite cubic-bezier(0.86, 0, 0.07, 1)}.tippy-tooltip.excited-theme{-moz-animation:excited normal 1.5s infinite ease-in-out;-webkit-animation:excited normal 1.5s infinite ease-in-out;-ms-animation:excited normal 1.5s infinite ease-in-out;animation:excited normal 1.5s infinite ease-in-out}.blink{-moz-animation:blink normal 1.5s infinite ease-in-out;-webkit-animation:blink normal 1.5s infinite ease-in-out;-ms-animation:blink normal 1.5s infinite ease-in-out;animation:blink normal 1.5s infinite ease-in-out}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slide_up{0%{max-height:700px}100%{max-height:0px}}@keyframes slide_up{0%{max-height:700px}100%{max-height:0px}}@-webkit-keyframes slide_down{0%{max-height:0px}100%{max-height:700px}}@keyframes slide_down{0%{max-height:0px}100%{max-height:700px}}.animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.slide_anim{overflow:hidden;transition:0.3s;height:30px}.slide_anim.ng-enter{height:0}.slide_anim.ng-enter.ng-enter-active{height:30px}.as-backdrop{min-height:100%;transition:0.3s ease-out;position:fixed;z-index:1000;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.6)}.as-spinner{position:relative;top:calc(50vh - 16px);left:calc(50% - 16px);height:30px;width:30px;animation:asrotate 0.8s infinite linear;border:4px solid #888;border-right-color:transparent;border-radius:50%}.as-backdrop-rel{min-height:100%;transition:0.3s ease-out;position:absolute;z-index:100;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.6)}.as-spinner-rel{position:relative;top:calc(50% - 18px);margin:auto;height:30px;width:30px;animation:asrotate 0.8s infinite linear;border:3px solid #888;border-right-color:transparent;border-radius:50%}@keyframes asrotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.FadeIn{-webkit-animation-name:FadeIn;animation-name:FadeIn}@keyframes FadeIn{0%{opacity:0}100%{opacity:1}}.circle-loader{border:2px solid rgba(0,0,0,0.2);border-left-color:#5cb85c;animation-name:loader-spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;position:relative;display:inline-block;vertical-align:top}.circle-loader,.circle-loader:after{border-radius:50%;width:6em;height:6em}.load-complete{-webkit-animation:none;animation:none;border-color:#5cb85c;transition:border 500ms ease-out}.checkmark.draw:after{animation-duration:800ms;animation-timing-function:ease;animation-name:checkmark;transform:scaleX(-1) rotate(135deg)}.checkmark:after{opacity:1;height:3em;width:1.5em;transform-origin:left top;border-right:2px solid #5cb85c;border-top:2px solid #5cb85c;content:'';left:1.5em;top:3em;position:absolute}@keyframes loader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:1.5em;opacity:1}40%{height:3em;width:1.5em;opacity:1}100%{height:3em;width:1.5em;opacity:1}}.fade-element-in.ng-enter{transition:0.4s linear all;opacity:0}.fade-element-in-init .fade-element-in.ng-enter{opacity:1}.fade-element-in.ng-enter.ng-enter-active{opacity:1}.fade-element-in.ng-leave{transition:0s linear all;opacity:1}.fade-element-in.ng-leave.ng-leave-active{opacity:0}.angular-ui-tree-placeholder{background:#f0f9ff;border:1px dashed #bed2db;width:98%;display:inline-block}.angular-ui-tree-hidden{display:inline-block;width:0px;height:0px}.angular-ui-tree-empty{display:none}.angular-ui-tree-drag>.get-options{width:100%}.angular-ui-tree-nodes{position:relative;margin:0;padding:0;list-style:none}.angular-ui-tree-nodes .angular-ui-tree-nodes{padding-left:20px}.angular-ui-tree-node,.angular-ui-tree-placeholder{position:relative;margin:0;padding:0;min-height:20px;line-height:20px}.angular-ui-tree-hidden{display:none}.angular-ui-tree-placeholder{margin:10px;padding:0;min-height:30px;max-width:170px}.angular-ui-tree-handle{cursor:move;text-decoration:none;font-weight:700;box-sizing:border-box;min-height:20px;line-height:20px}.angular-ui-tree-drag{position:absolute;pointer-events:none;z-index:999;opacity:.8}.angular-ui-tree-drag .tree-node-content{margin-top:0;max-width:20px}.swiper-pagination-bullet-active{background:#b93535 !important}.flip-container{perspective:1000px}.flip-inner{position:relative;transition:transform 0.6s;transform-style:preserve-3d}.flip-container.closed .flip-inner{transform:rotateX(180deg)}.flip-front,.flip-back{backface-visibility:hidden;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.flip-front{z-index:2}.flip-back{transform:rotateX(180deg)}.needhelp1{position:fixed;bottom:0px;right:4.3%;width:150px;z-index:111;background-color:#e0e0e0;cursor:pointer}.needhelp2{padding:5px;padding-left:15px !important}.needhelphr{border-top:5px solid #b93535;margin:0px}.needhelphr2{border-top:5px solid #00c1ff;margin:0px}.needhelpicon{height:25px;width:25px;min-width:25px;font-size:17px;color:white;border-radius:50%;text-align:center;position:absolute;bottom:25px;right:10px;background-color:#b93535}.helpicon{background-color:#b93535}.helpicon2{background-color:#00c1ff}@media screen and (max-width: 1024px){.needhelp1{right:16px}}.image_heading_main .image_heading_main_img{object-fit:cover;min-height:240px;max-height:400px}.image_heading_text{line-height:60px;background-color:rgba(0,0,0,0.5)}.image_heading_tabs{bottom:0px;background-color:rgba(0,0,0,0.5);list-style:none;width:100vw;box-sizing:border-box}.image_heading_tabs li{display:block;color:white;font-weight:400;cursor:pointer;padding:16px 20px;font-size:16px}.image_heading_tabs li:hover{color:#16163f}.image_heading_tabs li:active{color:#16163f}.image_heading_tabs li.tab_active{color:#16163f}.variable-height-slider{height:360px}@media screen and (max-width: 480px){.variable-height-slider{height:240px}}.small_accent_line{width:50px;height:3px;background:#16163f}.add-dark-overlay{position:relative}.add-dark-overlay:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:black;opacity:0.7}.add-white-overlay{position:relative}.add-white-overlay:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:white;opacity:0.9}.add-overlay--white-lite{position:relative}.add-overlay--white-lite:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:white;opacity:0.2}.add-dark-overlay-light-1{position:relative}.add-dark-overlay-light-1:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:black;opacity:0.5}.bot-division{width:300px;z-index:999;cursor:initial;position:fixed;bottom:0px;right:1%}.bot-app{mask-image:linear-gradient(#000, #000 74.0614%, rgba(0,0,0,0.8) 96.587%);scrollbar-width:thin}.botui-actions-buttons{text-align:right}.botui-container{font-size:14px;font-family:"Open Sans",sans-serif}.botui-messages-container{padding:10px 20px}.botui-actions-container{padding:10px 20px}.botui-message{min-height:30px}.botui-message-content{padding:7px 13px;border-radius:5px;color:black;background-color:white;box-shadow:0px 0px 10px 5px rgba(0,0,0,0.1);max-width:none !important;width:100%}.botui-message-content.human{color:white;background-color:grey}.botui-message-content.text{line-height:1.3}.botui-message-content.loading{background-color:rgba(206,206,206,0.5);line-height:1.3;text-align:center}.botui-message-content.embed{padding:5px;border-radius:5px}.botui-message-content-link{color:#b93535}.botui-actions-text-input{border:0;outline:none;border-radius:0;padding:5px 7px;font-family:"Open Sans",sans-serif;background-color:transparent;color:#222c62;border-bottom:1px solid #b93535}.botui-actions-text-submit{color:#fff;width:30px;padding:5px;height:30px;line-height:1;border-radius:50%;border:1px solid #b93535;background:#32408f}.botui-actions-buttons-button{border:0;color:#b93535;line-height:1;cursor:pointer;font-size:14px;font-weight:500;padding:7px 15px;border:1px solid #b93535;border-radius:4px;font-family:"Open Sans",sans-serif;background:white;box-shadow:2px 3px 4px 0 rgba(0,0,0,0.25);margin-top:5px !important;margin-bottom:0px !important;margin-right:10px !important}.botui-actions-buttons-button:hover{background:#b93535;color:white}.botui-actions-text-select{border:0;outline:0;border-radius:0;padding:5px 7px;font-family:"Open Sans",sans-serif;background-color:transparent;color:#595a5a;border-bottom:1px solid #919292}.botui-actions-text-searchselect{border:0;outline:0;border-radius:0;padding:5px 7px;font-family:"Open Sans",sans-serif;background-color:transparent;color:#595a5a;border-bottom:1px solid #919292}.botui-actions-text-searchselect .dropdown-toggle{border:none !important}.botui-actions-text-searchselect .selected-tag{background-color:transparent !important;border:0 !important}.slide-fade-enter-active{transition:all .3s ease}.slide-fade-enter,.slide-fade-leave-to{opacity:0;transform:translateX(-10px)}.dot{width:.5rem;height:.5rem;border-radius:.5rem;display:inline-block;background-color:#b93535}.dot:nth-last-child(1){margin-left:.3rem;animation:loading .6s .3s linear infinite}.dot:nth-last-child(2){margin-left:.3rem;animation:loading .6s .2s linear infinite}.dot:nth-last-child(3){animation:loading .6s .1s linear infinite}@keyframes loading{0%{transform:translate(0, 0);background-color:#606fc7}25%{transform:translate(0, -3px)}50%{transform:translate(0, 0px);background-color:#606fc7}75%{transform:translate(0, 3px)}100%{transform:translate(0, 0px)}}.padding-auto{padding:auto !important}.padding-top-auto{padding-top:auto !important}.padding-bottom-auto{padding-bottom:auto !important}.padding-left-auto{padding-left:auto !important}.padding-right-auto{padding-right:auto !important}.padding-lr-auto{padding-left:auto !important;padding-right:auto !important}.padding-tb-auto{padding-top:auto !important;padding-bottom:auto !important}.margin-auto{margin:auto !important}.margin-top-auto{margin-top:auto !important}.margin-bottom-auto{margin-bottom:auto !important}.margin-left-auto{margin-left:auto !important}.margin-right-auto{margin-right:auto !important}.margin-lr-auto{margin-left:auto !important;margin-right:auto !important}.margin-tb-auto{margin-top:auto !important;margin-bottom:auto !important}.flex-gap-auto{gap:auto}.flex-gap-row-auto{row-gap:auto}.flex-gap-column-auto{column-gap:auto}.padding-0{padding:0px !important}.padding-top-0{padding-top:0px !important}.padding-bottom-0{padding-bottom:0px !important}.padding-left-0{padding-left:0px !important}.padding-right-0{padding-right:0px !important}.padding-lr-0{padding-left:0px !important;padding-right:0px !important}.padding-tb-0{padding-top:0px !important;padding-bottom:0px !important}.margin-0{margin:0px !important}.margin-top-0{margin-top:0px !important}.margin-bottom-0{margin-bottom:0px !important}.margin-left-0{margin-left:0px !important}.margin-right-0{margin-right:0px !important}.margin-lr-0{margin-left:0px !important;margin-right:0px !important}.margin-tb-0{margin-top:0px !important;margin-bottom:0px !important}.flex-gap-0{gap:0px}.flex-gap-row-0{row-gap:0px}.flex-gap-column-0{column-gap:0px}.padding-2{padding:2px !important}.padding-top-2{padding-top:2px !important}.padding-bottom-2{padding-bottom:2px !important}.padding-left-2{padding-left:2px !important}.padding-right-2{padding-right:2px !important}.padding-lr-2{padding-left:2px !important;padding-right:2px !important}.padding-tb-2{padding-top:2px !important;padding-bottom:2px !important}.margin-2{margin:2px !important}.margin-top-2{margin-top:2px !important}.margin-bottom-2{margin-bottom:2px !important}.margin-left-2{margin-left:2px !important}.margin-right-2{margin-right:2px !important}.margin-lr-2{margin-left:2px !important;margin-right:2px !important}.margin-tb-2{margin-top:2px !important;margin-bottom:2px !important}.flex-gap-2{gap:2px}.flex-gap-row-2{row-gap:2px}.flex-gap-column-2{column-gap:2px}.padding-3{padding:3px !important}.padding-top-3{padding-top:3px !important}.padding-bottom-3{padding-bottom:3px !important}.padding-left-3{padding-left:3px !important}.padding-right-3{padding-right:3px !important}.padding-lr-3{padding-left:3px !important;padding-right:3px !important}.padding-tb-3{padding-top:3px !important;padding-bottom:3px !important}.margin-3{margin:3px !important}.margin-top-3{margin-top:3px !important}.margin-bottom-3{margin-bottom:3px !important}.margin-left-3{margin-left:3px !important}.margin-right-3{margin-right:3px !important}.margin-lr-3{margin-left:3px !important;margin-right:3px !important}.margin-tb-3{margin-top:3px !important;margin-bottom:3px !important}.flex-gap-3{gap:3px}.flex-gap-row-3{row-gap:3px}.flex-gap-column-3{column-gap:3px}.padding-4{padding:4px !important}.padding-top-4{padding-top:4px !important}.padding-bottom-4{padding-bottom:4px !important}.padding-left-4{padding-left:4px !important}.padding-right-4{padding-right:4px !important}.padding-lr-4{padding-left:4px !important;padding-right:4px !important}.padding-tb-4{padding-top:4px !important;padding-bottom:4px !important}.margin-4{margin:4px !important}.margin-top-4{margin-top:4px !important}.margin-bottom-4{margin-bottom:4px !important}.margin-left-4{margin-left:4px !important}.margin-right-4{margin-right:4px !important}.margin-lr-4{margin-left:4px !important;margin-right:4px !important}.margin-tb-4{margin-top:4px !important;margin-bottom:4px !important}.flex-gap-4{gap:4px}.flex-gap-row-4{row-gap:4px}.flex-gap-column-4{column-gap:4px}.padding-5{padding:5px !important}.padding-top-5{padding-top:5px !important}.padding-bottom-5{padding-bottom:5px !important}.padding-left-5{padding-left:5px !important}.padding-right-5{padding-right:5px !important}.padding-lr-5{padding-left:5px !important;padding-right:5px !important}.padding-tb-5{padding-top:5px !important;padding-bottom:5px !important}.margin-5{margin:5px !important}.margin-top-5{margin-top:5px !important}.margin-bottom-5{margin-bottom:5px !important}.margin-left-5{margin-left:5px !important}.margin-right-5{margin-right:5px !important}.margin-lr-5{margin-left:5px !important;margin-right:5px !important}.margin-tb-5{margin-top:5px !important;margin-bottom:5px !important}.flex-gap-5{gap:5px}.flex-gap-row-5{row-gap:5px}.flex-gap-column-5{column-gap:5px}.padding-6{padding:6px !important}.padding-top-6{padding-top:6px !important}.padding-bottom-6{padding-bottom:6px !important}.padding-left-6{padding-left:6px !important}.padding-right-6{padding-right:6px !important}.padding-lr-6{padding-left:6px !important;padding-right:6px !important}.padding-tb-6{padding-top:6px !important;padding-bottom:6px !important}.margin-6{margin:6px !important}.margin-top-6{margin-top:6px !important}.margin-bottom-6{margin-bottom:6px !important}.margin-left-6{margin-left:6px !important}.margin-right-6{margin-right:6px !important}.margin-lr-6{margin-left:6px !important;margin-right:6px !important}.margin-tb-6{margin-top:6px !important;margin-bottom:6px !important}.flex-gap-6{gap:6px}.flex-gap-row-6{row-gap:6px}.flex-gap-column-6{column-gap:6px}.padding-8{padding:8px !important}.padding-top-8{padding-top:8px !important}.padding-bottom-8{padding-bottom:8px !important}.padding-left-8{padding-left:8px !important}.padding-right-8{padding-right:8px !important}.padding-lr-8{padding-left:8px !important;padding-right:8px !important}.padding-tb-8{padding-top:8px !important;padding-bottom:8px !important}.margin-8{margin:8px !important}.margin-top-8{margin-top:8px !important}.margin-bottom-8{margin-bottom:8px !important}.margin-left-8{margin-left:8px !important}.margin-right-8{margin-right:8px !important}.margin-lr-8{margin-left:8px !important;margin-right:8px !important}.margin-tb-8{margin-top:8px !important;margin-bottom:8px !important}.flex-gap-8{gap:8px}.flex-gap-row-8{row-gap:8px}.flex-gap-column-8{column-gap:8px}.padding-10{padding:10px !important}.padding-top-10{padding-top:10px !important}.padding-bottom-10{padding-bottom:10px !important}.padding-left-10{padding-left:10px !important}.padding-right-10{padding-right:10px !important}.padding-lr-10{padding-left:10px !important;padding-right:10px !important}.padding-tb-10{padding-top:10px !important;padding-bottom:10px !important}.margin-10{margin:10px !important}.margin-top-10{margin-top:10px !important}.margin-bottom-10{margin-bottom:10px !important}.margin-left-10{margin-left:10px !important}.margin-right-10{margin-right:10px !important}.margin-lr-10{margin-left:10px !important;margin-right:10px !important}.margin-tb-10{margin-top:10px !important;margin-bottom:10px !important}.flex-gap-10{gap:10px}.flex-gap-row-10{row-gap:10px}.flex-gap-column-10{column-gap:10px}.padding-11{padding:11px !important}.padding-top-11{padding-top:11px !important}.padding-bottom-11{padding-bottom:11px !important}.padding-left-11{padding-left:11px !important}.padding-right-11{padding-right:11px !important}.padding-lr-11{padding-left:11px !important;padding-right:11px !important}.padding-tb-11{padding-top:11px !important;padding-bottom:11px !important}.margin-11{margin:11px !important}.margin-top-11{margin-top:11px !important}.margin-bottom-11{margin-bottom:11px !important}.margin-left-11{margin-left:11px !important}.margin-right-11{margin-right:11px !important}.margin-lr-11{margin-left:11px !important;margin-right:11px !important}.margin-tb-11{margin-top:11px !important;margin-bottom:11px !important}.flex-gap-11{gap:11px}.flex-gap-row-11{row-gap:11px}.flex-gap-column-11{column-gap:11px}.padding-12{padding:12px !important}.padding-top-12{padding-top:12px !important}.padding-bottom-12{padding-bottom:12px !important}.padding-left-12{padding-left:12px !important}.padding-right-12{padding-right:12px !important}.padding-lr-12{padding-left:12px !important;padding-right:12px !important}.padding-tb-12{padding-top:12px !important;padding-bottom:12px !important}.margin-12{margin:12px !important}.margin-top-12{margin-top:12px !important}.margin-bottom-12{margin-bottom:12px !important}.margin-left-12{margin-left:12px !important}.margin-right-12{margin-right:12px !important}.margin-lr-12{margin-left:12px !important;margin-right:12px !important}.margin-tb-12{margin-top:12px !important;margin-bottom:12px !important}.flex-gap-12{gap:12px}.flex-gap-row-12{row-gap:12px}.flex-gap-column-12{column-gap:12px}.padding-13{padding:13px !important}.padding-top-13{padding-top:13px !important}.padding-bottom-13{padding-bottom:13px !important}.padding-left-13{padding-left:13px !important}.padding-right-13{padding-right:13px !important}.padding-lr-13{padding-left:13px !important;padding-right:13px !important}.padding-tb-13{padding-top:13px !important;padding-bottom:13px !important}.margin-13{margin:13px !important}.margin-top-13{margin-top:13px !important}.margin-bottom-13{margin-bottom:13px !important}.margin-left-13{margin-left:13px !important}.margin-right-13{margin-right:13px !important}.margin-lr-13{margin-left:13px !important;margin-right:13px !important}.margin-tb-13{margin-top:13px !important;margin-bottom:13px !important}.flex-gap-13{gap:13px}.flex-gap-row-13{row-gap:13px}.flex-gap-column-13{column-gap:13px}.padding-14{padding:14px !important}.padding-top-14{padding-top:14px !important}.padding-bottom-14{padding-bottom:14px !important}.padding-left-14{padding-left:14px !important}.padding-right-14{padding-right:14px !important}.padding-lr-14{padding-left:14px !important;padding-right:14px !important}.padding-tb-14{padding-top:14px !important;padding-bottom:14px !important}.margin-14{margin:14px !important}.margin-top-14{margin-top:14px !important}.margin-bottom-14{margin-bottom:14px !important}.margin-left-14{margin-left:14px !important}.margin-right-14{margin-right:14px !important}.margin-lr-14{margin-left:14px !important;margin-right:14px !important}.margin-tb-14{margin-top:14px !important;margin-bottom:14px !important}.flex-gap-14{gap:14px}.flex-gap-row-14{row-gap:14px}.flex-gap-column-14{column-gap:14px}.padding-15{padding:15px !important}.padding-top-15{padding-top:15px !important}.padding-bottom-15{padding-bottom:15px !important}.padding-left-15{padding-left:15px !important}.padding-right-15{padding-right:15px !important}.padding-lr-15{padding-left:15px !important;padding-right:15px !important}.padding-tb-15{padding-top:15px !important;padding-bottom:15px !important}.margin-15{margin:15px !important}.margin-top-15{margin-top:15px !important}.margin-bottom-15{margin-bottom:15px !important}.margin-left-15{margin-left:15px !important}.margin-right-15{margin-right:15px !important}.margin-lr-15{margin-left:15px !important;margin-right:15px !important}.margin-tb-15{margin-top:15px !important;margin-bottom:15px !important}.flex-gap-15{gap:15px}.flex-gap-row-15{row-gap:15px}.flex-gap-column-15{column-gap:15px}.padding-16{padding:16px !important}.padding-top-16{padding-top:16px !important}.padding-bottom-16{padding-bottom:16px !important}.padding-left-16{padding-left:16px !important}.padding-right-16{padding-right:16px !important}.padding-lr-16{padding-left:16px !important;padding-right:16px !important}.padding-tb-16{padding-top:16px !important;padding-bottom:16px !important}.margin-16{margin:16px !important}.margin-top-16{margin-top:16px !important}.margin-bottom-16{margin-bottom:16px !important}.margin-left-16{margin-left:16px !important}.margin-right-16{margin-right:16px !important}.margin-lr-16{margin-left:16px !important;margin-right:16px !important}.margin-tb-16{margin-top:16px !important;margin-bottom:16px !important}.flex-gap-16{gap:16px}.flex-gap-row-16{row-gap:16px}.flex-gap-column-16{column-gap:16px}.padding-17{padding:17px !important}.padding-top-17{padding-top:17px !important}.padding-bottom-17{padding-bottom:17px !important}.padding-left-17{padding-left:17px !important}.padding-right-17{padding-right:17px !important}.padding-lr-17{padding-left:17px !important;padding-right:17px !important}.padding-tb-17{padding-top:17px !important;padding-bottom:17px !important}.margin-17{margin:17px !important}.margin-top-17{margin-top:17px !important}.margin-bottom-17{margin-bottom:17px !important}.margin-left-17{margin-left:17px !important}.margin-right-17{margin-right:17px !important}.margin-lr-17{margin-left:17px !important;margin-right:17px !important}.margin-tb-17{margin-top:17px !important;margin-bottom:17px !important}.flex-gap-17{gap:17px}.flex-gap-row-17{row-gap:17px}.flex-gap-column-17{column-gap:17px}.padding-18{padding:18px !important}.padding-top-18{padding-top:18px !important}.padding-bottom-18{padding-bottom:18px !important}.padding-left-18{padding-left:18px !important}.padding-right-18{padding-right:18px !important}.padding-lr-18{padding-left:18px !important;padding-right:18px !important}.padding-tb-18{padding-top:18px !important;padding-bottom:18px !important}.margin-18{margin:18px !important}.margin-top-18{margin-top:18px !important}.margin-bottom-18{margin-bottom:18px !important}.margin-left-18{margin-left:18px !important}.margin-right-18{margin-right:18px !important}.margin-lr-18{margin-left:18px !important;margin-right:18px !important}.margin-tb-18{margin-top:18px !important;margin-bottom:18px !important}.flex-gap-18{gap:18px}.flex-gap-row-18{row-gap:18px}.flex-gap-column-18{column-gap:18px}.padding-20{padding:20px !important}.padding-top-20{padding-top:20px !important}.padding-bottom-20{padding-bottom:20px !important}.padding-left-20{padding-left:20px !important}.padding-right-20{padding-right:20px !important}.padding-lr-20{padding-left:20px !important;padding-right:20px !important}.padding-tb-20{padding-top:20px !important;padding-bottom:20px !important}.margin-20{margin:20px !important}.margin-top-20{margin-top:20px !important}.margin-bottom-20{margin-bottom:20px !important}.margin-left-20{margin-left:20px !important}.margin-right-20{margin-right:20px !important}.margin-lr-20{margin-left:20px !important;margin-right:20px !important}.margin-tb-20{margin-top:20px !important;margin-bottom:20px !important}.flex-gap-20{gap:20px}.flex-gap-row-20{row-gap:20px}.flex-gap-column-20{column-gap:20px}.padding-24{padding:24px !important}.padding-top-24{padding-top:24px !important}.padding-bottom-24{padding-bottom:24px !important}.padding-left-24{padding-left:24px !important}.padding-right-24{padding-right:24px !important}.padding-lr-24{padding-left:24px !important;padding-right:24px !important}.padding-tb-24{padding-top:24px !important;padding-bottom:24px !important}.margin-24{margin:24px !important}.margin-top-24{margin-top:24px !important}.margin-bottom-24{margin-bottom:24px !important}.margin-left-24{margin-left:24px !important}.margin-right-24{margin-right:24px !important}.margin-lr-24{margin-left:24px !important;margin-right:24px !important}.margin-tb-24{margin-top:24px !important;margin-bottom:24px !important}.flex-gap-24{gap:24px}.flex-gap-row-24{row-gap:24px}.flex-gap-column-24{column-gap:24px}.padding-28{padding:28px !important}.padding-top-28{padding-top:28px !important}.padding-bottom-28{padding-bottom:28px !important}.padding-left-28{padding-left:28px !important}.padding-right-28{padding-right:28px !important}.padding-lr-28{padding-left:28px !important;padding-right:28px !important}.padding-tb-28{padding-top:28px !important;padding-bottom:28px !important}.margin-28{margin:28px !important}.margin-top-28{margin-top:28px !important}.margin-bottom-28{margin-bottom:28px !important}.margin-left-28{margin-left:28px !important}.margin-right-28{margin-right:28px !important}.margin-lr-28{margin-left:28px !important;margin-right:28px !important}.margin-tb-28{margin-top:28px !important;margin-bottom:28px !important}.flex-gap-28{gap:28px}.flex-gap-row-28{row-gap:28px}.flex-gap-column-28{column-gap:28px}.padding-30{padding:30px !important}.padding-top-30{padding-top:30px !important}.padding-bottom-30{padding-bottom:30px !important}.padding-left-30{padding-left:30px !important}.padding-right-30{padding-right:30px !important}.padding-lr-30{padding-left:30px !important;padding-right:30px !important}.padding-tb-30{padding-top:30px !important;padding-bottom:30px !important}.margin-30{margin:30px !important}.margin-top-30{margin-top:30px !important}.margin-bottom-30{margin-bottom:30px !important}.margin-left-30{margin-left:30px !important}.margin-right-30{margin-right:30px !important}.margin-lr-30{margin-left:30px !important;margin-right:30px !important}.margin-tb-30{margin-top:30px !important;margin-bottom:30px !important}.flex-gap-30{gap:30px}.flex-gap-row-30{row-gap:30px}.flex-gap-column-30{column-gap:30px}.padding-32{padding:32px !important}.padding-top-32{padding-top:32px !important}.padding-bottom-32{padding-bottom:32px !important}.padding-left-32{padding-left:32px !important}.padding-right-32{padding-right:32px !important}.padding-lr-32{padding-left:32px !important;padding-right:32px !important}.padding-tb-32{padding-top:32px !important;padding-bottom:32px !important}.margin-32{margin:32px !important}.margin-top-32{margin-top:32px !important}.margin-bottom-32{margin-bottom:32px !important}.margin-left-32{margin-left:32px !important}.margin-right-32{margin-right:32px !important}.margin-lr-32{margin-left:32px !important;margin-right:32px !important}.margin-tb-32{margin-top:32px !important;margin-bottom:32px !important}.flex-gap-32{gap:32px}.flex-gap-row-32{row-gap:32px}.flex-gap-column-32{column-gap:32px}.padding-35{padding:35px !important}.padding-top-35{padding-top:35px !important}.padding-bottom-35{padding-bottom:35px !important}.padding-left-35{padding-left:35px !important}.padding-right-35{padding-right:35px !important}.padding-lr-35{padding-left:35px !important;padding-right:35px !important}.padding-tb-35{padding-top:35px !important;padding-bottom:35px !important}.margin-35{margin:35px !important}.margin-top-35{margin-top:35px !important}.margin-bottom-35{margin-bottom:35px !important}.margin-left-35{margin-left:35px !important}.margin-right-35{margin-right:35px !important}.margin-lr-35{margin-left:35px !important;margin-right:35px !important}.margin-tb-35{margin-top:35px !important;margin-bottom:35px !important}.flex-gap-35{gap:35px}.flex-gap-row-35{row-gap:35px}.flex-gap-column-35{column-gap:35px}.padding-36{padding:36px !important}.padding-top-36{padding-top:36px !important}.padding-bottom-36{padding-bottom:36px !important}.padding-left-36{padding-left:36px !important}.padding-right-36{padding-right:36px !important}.padding-lr-36{padding-left:36px !important;padding-right:36px !important}.padding-tb-36{padding-top:36px !important;padding-bottom:36px !important}.margin-36{margin:36px !important}.margin-top-36{margin-top:36px !important}.margin-bottom-36{margin-bottom:36px !important}.margin-left-36{margin-left:36px !important}.margin-right-36{margin-right:36px !important}.margin-lr-36{margin-left:36px !important;margin-right:36px !important}.margin-tb-36{margin-top:36px !important;margin-bottom:36px !important}.flex-gap-36{gap:36px}.flex-gap-row-36{row-gap:36px}.flex-gap-column-36{column-gap:36px}.padding-40{padding:40px !important}.padding-top-40{padding-top:40px !important}.padding-bottom-40{padding-bottom:40px !important}.padding-left-40{padding-left:40px !important}.padding-right-40{padding-right:40px !important}.padding-lr-40{padding-left:40px !important;padding-right:40px !important}.padding-tb-40{padding-top:40px !important;padding-bottom:40px !important}.margin-40{margin:40px !important}.margin-top-40{margin-top:40px !important}.margin-bottom-40{margin-bottom:40px !important}.margin-left-40{margin-left:40px !important}.margin-right-40{margin-right:40px !important}.margin-lr-40{margin-left:40px !important;margin-right:40px !important}.margin-tb-40{margin-top:40px !important;margin-bottom:40px !important}.flex-gap-40{gap:40px}.flex-gap-row-40{row-gap:40px}.flex-gap-column-40{column-gap:40px}.padding-45{padding:45px !important}.padding-top-45{padding-top:45px !important}.padding-bottom-45{padding-bottom:45px !important}.padding-left-45{padding-left:45px !important}.padding-right-45{padding-right:45px !important}.padding-lr-45{padding-left:45px !important;padding-right:45px !important}.padding-tb-45{padding-top:45px !important;padding-bottom:45px !important}.margin-45{margin:45px !important}.margin-top-45{margin-top:45px !important}.margin-bottom-45{margin-bottom:45px !important}.margin-left-45{margin-left:45px !important}.margin-right-45{margin-right:45px !important}.margin-lr-45{margin-left:45px !important;margin-right:45px !important}.margin-tb-45{margin-top:45px !important;margin-bottom:45px !important}.flex-gap-45{gap:45px}.flex-gap-row-45{row-gap:45px}.flex-gap-column-45{column-gap:45px}.padding-48{padding:48px !important}.padding-top-48{padding-top:48px !important}.padding-bottom-48{padding-bottom:48px !important}.padding-left-48{padding-left:48px !important}.padding-right-48{padding-right:48px !important}.padding-lr-48{padding-left:48px !important;padding-right:48px !important}.padding-tb-48{padding-top:48px !important;padding-bottom:48px !important}.margin-48{margin:48px !important}.margin-top-48{margin-top:48px !important}.margin-bottom-48{margin-bottom:48px !important}.margin-left-48{margin-left:48px !important}.margin-right-48{margin-right:48px !important}.margin-lr-48{margin-left:48px !important;margin-right:48px !important}.margin-tb-48{margin-top:48px !important;margin-bottom:48px !important}.flex-gap-48{gap:48px}.flex-gap-row-48{row-gap:48px}.flex-gap-column-48{column-gap:48px}.padding-50{padding:50px !important}.padding-top-50{padding-top:50px !important}.padding-bottom-50{padding-bottom:50px !important}.padding-left-50{padding-left:50px !important}.padding-right-50{padding-right:50px !important}.padding-lr-50{padding-left:50px !important;padding-right:50px !important}.padding-tb-50{padding-top:50px !important;padding-bottom:50px !important}.margin-50{margin:50px !important}.margin-top-50{margin-top:50px !important}.margin-bottom-50{margin-bottom:50px !important}.margin-left-50{margin-left:50px !important}.margin-right-50{margin-right:50px !important}.margin-lr-50{margin-left:50px !important;margin-right:50px !important}.margin-tb-50{margin-top:50px !important;margin-bottom:50px !important}.flex-gap-50{gap:50px}.flex-gap-row-50{row-gap:50px}.flex-gap-column-50{column-gap:50px}.padding-56{padding:56px !important}.padding-top-56{padding-top:56px !important}.padding-bottom-56{padding-bottom:56px !important}.padding-left-56{padding-left:56px !important}.padding-right-56{padding-right:56px !important}.padding-lr-56{padding-left:56px !important;padding-right:56px !important}.padding-tb-56{padding-top:56px !important;padding-bottom:56px !important}.margin-56{margin:56px !important}.margin-top-56{margin-top:56px !important}.margin-bottom-56{margin-bottom:56px !important}.margin-left-56{margin-left:56px !important}.margin-right-56{margin-right:56px !important}.margin-lr-56{margin-left:56px !important;margin-right:56px !important}.margin-tb-56{margin-top:56px !important;margin-bottom:56px !important}.flex-gap-56{gap:56px}.flex-gap-row-56{row-gap:56px}.flex-gap-column-56{column-gap:56px}.padding-60{padding:60px !important}.padding-top-60{padding-top:60px !important}.padding-bottom-60{padding-bottom:60px !important}.padding-left-60{padding-left:60px !important}.padding-right-60{padding-right:60px !important}.padding-lr-60{padding-left:60px !important;padding-right:60px !important}.padding-tb-60{padding-top:60px !important;padding-bottom:60px !important}.margin-60{margin:60px !important}.margin-top-60{margin-top:60px !important}.margin-bottom-60{margin-bottom:60px !important}.margin-left-60{margin-left:60px !important}.margin-right-60{margin-right:60px !important}.margin-lr-60{margin-left:60px !important;margin-right:60px !important}.margin-tb-60{margin-top:60px !important;margin-bottom:60px !important}.flex-gap-60{gap:60px}.flex-gap-row-60{row-gap:60px}.flex-gap-column-60{column-gap:60px}.padding-72{padding:72px !important}.padding-top-72{padding-top:72px !important}.padding-bottom-72{padding-bottom:72px !important}.padding-left-72{padding-left:72px !important}.padding-right-72{padding-right:72px !important}.padding-lr-72{padding-left:72px !important;padding-right:72px !important}.padding-tb-72{padding-top:72px !important;padding-bottom:72px !important}.margin-72{margin:72px !important}.margin-top-72{margin-top:72px !important}.margin-bottom-72{margin-bottom:72px !important}.margin-left-72{margin-left:72px !important}.margin-right-72{margin-right:72px !important}.margin-lr-72{margin-left:72px !important;margin-right:72px !important}.margin-tb-72{margin-top:72px !important;margin-bottom:72px !important}.flex-gap-72{gap:72px}.flex-gap-row-72{row-gap:72px}.flex-gap-column-72{column-gap:72px}.padding-78{padding:78px !important}.padding-top-78{padding-top:78px !important}.padding-bottom-78{padding-bottom:78px !important}.padding-left-78{padding-left:78px !important}.padding-right-78{padding-right:78px !important}.padding-lr-78{padding-left:78px !important;padding-right:78px !important}.padding-tb-78{padding-top:78px !important;padding-bottom:78px !important}.margin-78{margin:78px !important}.margin-top-78{margin-top:78px !important}.margin-bottom-78{margin-bottom:78px !important}.margin-left-78{margin-left:78px !important}.margin-right-78{margin-right:78px !important}.margin-lr-78{margin-left:78px !important;margin-right:78px !important}.margin-tb-78{margin-top:78px !important;margin-bottom:78px !important}.flex-gap-78{gap:78px}.flex-gap-row-78{row-gap:78px}.flex-gap-column-78{column-gap:78px}@media screen and (min-width: 600px){.padding-gt-xs-auto{padding:auto !important}.padding-top-gt-xs-auto{padding-top:auto !important}.padding-bottom-gt-xs-auto{padding-bottom:auto !important}.padding-left-gt-xs-auto{padding-left:auto !important}.padding-right-gt-xs-auto{padding-right:auto !important}.padding-lr-gt-xs-auto{padding-left:auto !important;padding-right:auto !important}.padding-tb-gt-xs-auto{padding-top:auto !important;padding-bottom:auto !important}.margin-gt-xs-auto{margin:auto !important}.margin-top-gt-xs-auto{margin-top:auto !important}.margin-bottom-gt-xs-auto{margin-bottom:auto !important}.margin-left-gt-xs-auto{margin-left:auto !important}.margin-right-gt-xs-auto{margin-right:auto !important}.margin-lr-gt-xs-auto{margin-left:auto !important;margin-right:auto !important}.margin-tb-gt-xs-auto{margin-top:auto !important;margin-bottom:auto !important}.flex-gap-gt-xs-auto{gap:auto}.flex-gap-row-gt-xs-auto{row-gap:auto}.flex-gap-column-gt-xs-auto{column-gap:auto}}@media screen and (min-width: 600px){.padding-gt-xs-0{padding:0px !important}.padding-top-gt-xs-0{padding-top:0px !important}.padding-bottom-gt-xs-0{padding-bottom:0px !important}.padding-left-gt-xs-0{padding-left:0px !important}.padding-right-gt-xs-0{padding-right:0px !important}.padding-lr-gt-xs-0{padding-left:0px !important;padding-right:0px !important}.padding-tb-gt-xs-0{padding-top:0px !important;padding-bottom:0px !important}.margin-gt-xs-0{margin:0px !important}.margin-top-gt-xs-0{margin-top:0px !important}.margin-bottom-gt-xs-0{margin-bottom:0px !important}.margin-left-gt-xs-0{margin-left:0px !important}.margin-right-gt-xs-0{margin-right:0px !important}.margin-lr-gt-xs-0{margin-left:0px !important;margin-right:0px !important}.margin-tb-gt-xs-0{margin-top:0px !important;margin-bottom:0px !important}.flex-gap-gt-xs-0{gap:0px}.flex-gap-row-gt-xs-0{row-gap:0px}.flex-gap-column-gt-xs-0{column-gap:0px}}@media screen and (min-width: 600px){.padding-gt-xs-2{padding:2px !important}.padding-top-gt-xs-2{padding-top:2px !important}.padding-bottom-gt-xs-2{padding-bottom:2px !important}.padding-left-gt-xs-2{padding-left:2px !important}.padding-right-gt-xs-2{padding-right:2px !important}.padding-lr-gt-xs-2{padding-left:2px !important;padding-right:2px !important}.padding-tb-gt-xs-2{padding-top:2px !important;padding-bottom:2px !important}.margin-gt-xs-2{margin:2px !important}.margin-top-gt-xs-2{margin-top:2px !important}.margin-bottom-gt-xs-2{margin-bottom:2px !important}.margin-left-gt-xs-2{margin-left:2px !important}.margin-right-gt-xs-2{margin-right:2px !important}.margin-lr-gt-xs-2{margin-left:2px !important;margin-right:2px !important}.margin-tb-gt-xs-2{margin-top:2px !important;margin-bottom:2px !important}.flex-gap-gt-xs-2{gap:2px}.flex-gap-row-gt-xs-2{row-gap:2px}.flex-gap-column-gt-xs-2{column-gap:2px}}@media screen and (min-width: 600px){.padding-gt-xs-3{padding:3px !important}.padding-top-gt-xs-3{padding-top:3px !important}.padding-bottom-gt-xs-3{padding-bottom:3px !important}.padding-left-gt-xs-3{padding-left:3px !important}.padding-right-gt-xs-3{padding-right:3px !important}.padding-lr-gt-xs-3{padding-left:3px !important;padding-right:3px !important}.padding-tb-gt-xs-3{padding-top:3px !important;padding-bottom:3px !important}.margin-gt-xs-3{margin:3px !important}.margin-top-gt-xs-3{margin-top:3px !important}.margin-bottom-gt-xs-3{margin-bottom:3px !important}.margin-left-gt-xs-3{margin-left:3px !important}.margin-right-gt-xs-3{margin-right:3px !important}.margin-lr-gt-xs-3{margin-left:3px !important;margin-right:3px !important}.margin-tb-gt-xs-3{margin-top:3px !important;margin-bottom:3px !important}.flex-gap-gt-xs-3{gap:3px}.flex-gap-row-gt-xs-3{row-gap:3px}.flex-gap-column-gt-xs-3{column-gap:3px}}@media screen and (min-width: 600px){.padding-gt-xs-4{padding:4px !important}.padding-top-gt-xs-4{padding-top:4px !important}.padding-bottom-gt-xs-4{padding-bottom:4px !important}.padding-left-gt-xs-4{padding-left:4px !important}.padding-right-gt-xs-4{padding-right:4px !important}.padding-lr-gt-xs-4{padding-left:4px !important;padding-right:4px !important}.padding-tb-gt-xs-4{padding-top:4px !important;padding-bottom:4px !important}.margin-gt-xs-4{margin:4px !important}.margin-top-gt-xs-4{margin-top:4px !important}.margin-bottom-gt-xs-4{margin-bottom:4px !important}.margin-left-gt-xs-4{margin-left:4px !important}.margin-right-gt-xs-4{margin-right:4px !important}.margin-lr-gt-xs-4{margin-left:4px !important;margin-right:4px !important}.margin-tb-gt-xs-4{margin-top:4px !important;margin-bottom:4px !important}.flex-gap-gt-xs-4{gap:4px}.flex-gap-row-gt-xs-4{row-gap:4px}.flex-gap-column-gt-xs-4{column-gap:4px}}@media screen and (min-width: 600px){.padding-gt-xs-5{padding:5px !important}.padding-top-gt-xs-5{padding-top:5px !important}.padding-bottom-gt-xs-5{padding-bottom:5px !important}.padding-left-gt-xs-5{padding-left:5px !important}.padding-right-gt-xs-5{padding-right:5px !important}.padding-lr-gt-xs-5{padding-left:5px !important;padding-right:5px !important}.padding-tb-gt-xs-5{padding-top:5px !important;padding-bottom:5px !important}.margin-gt-xs-5{margin:5px !important}.margin-top-gt-xs-5{margin-top:5px !important}.margin-bottom-gt-xs-5{margin-bottom:5px !important}.margin-left-gt-xs-5{margin-left:5px !important}.margin-right-gt-xs-5{margin-right:5px !important}.margin-lr-gt-xs-5{margin-left:5px !important;margin-right:5px !important}.margin-tb-gt-xs-5{margin-top:5px !important;margin-bottom:5px !important}.flex-gap-gt-xs-5{gap:5px}.flex-gap-row-gt-xs-5{row-gap:5px}.flex-gap-column-gt-xs-5{column-gap:5px}}@media screen and (min-width: 600px){.padding-gt-xs-6{padding:6px !important}.padding-top-gt-xs-6{padding-top:6px !important}.padding-bottom-gt-xs-6{padding-bottom:6px !important}.padding-left-gt-xs-6{padding-left:6px !important}.padding-right-gt-xs-6{padding-right:6px !important}.padding-lr-gt-xs-6{padding-left:6px !important;padding-right:6px !important}.padding-tb-gt-xs-6{padding-top:6px !important;padding-bottom:6px !important}.margin-gt-xs-6{margin:6px !important}.margin-top-gt-xs-6{margin-top:6px !important}.margin-bottom-gt-xs-6{margin-bottom:6px !important}.margin-left-gt-xs-6{margin-left:6px !important}.margin-right-gt-xs-6{margin-right:6px !important}.margin-lr-gt-xs-6{margin-left:6px !important;margin-right:6px !important}.margin-tb-gt-xs-6{margin-top:6px !important;margin-bottom:6px !important}.flex-gap-gt-xs-6{gap:6px}.flex-gap-row-gt-xs-6{row-gap:6px}.flex-gap-column-gt-xs-6{column-gap:6px}}@media screen and (min-width: 600px){.padding-gt-xs-8{padding:8px !important}.padding-top-gt-xs-8{padding-top:8px !important}.padding-bottom-gt-xs-8{padding-bottom:8px !important}.padding-left-gt-xs-8{padding-left:8px !important}.padding-right-gt-xs-8{padding-right:8px !important}.padding-lr-gt-xs-8{padding-left:8px !important;padding-right:8px !important}.padding-tb-gt-xs-8{padding-top:8px !important;padding-bottom:8px !important}.margin-gt-xs-8{margin:8px !important}.margin-top-gt-xs-8{margin-top:8px !important}.margin-bottom-gt-xs-8{margin-bottom:8px !important}.margin-left-gt-xs-8{margin-left:8px !important}.margin-right-gt-xs-8{margin-right:8px !important}.margin-lr-gt-xs-8{margin-left:8px !important;margin-right:8px !important}.margin-tb-gt-xs-8{margin-top:8px !important;margin-bottom:8px !important}.flex-gap-gt-xs-8{gap:8px}.flex-gap-row-gt-xs-8{row-gap:8px}.flex-gap-column-gt-xs-8{column-gap:8px}}@media screen and (min-width: 600px){.padding-gt-xs-10{padding:10px !important}.padding-top-gt-xs-10{padding-top:10px !important}.padding-bottom-gt-xs-10{padding-bottom:10px !important}.padding-left-gt-xs-10{padding-left:10px !important}.padding-right-gt-xs-10{padding-right:10px !important}.padding-lr-gt-xs-10{padding-left:10px !important;padding-right:10px !important}.padding-tb-gt-xs-10{padding-top:10px !important;padding-bottom:10px !important}.margin-gt-xs-10{margin:10px !important}.margin-top-gt-xs-10{margin-top:10px !important}.margin-bottom-gt-xs-10{margin-bottom:10px !important}.margin-left-gt-xs-10{margin-left:10px !important}.margin-right-gt-xs-10{margin-right:10px !important}.margin-lr-gt-xs-10{margin-left:10px !important;margin-right:10px !important}.margin-tb-gt-xs-10{margin-top:10px !important;margin-bottom:10px !important}.flex-gap-gt-xs-10{gap:10px}.flex-gap-row-gt-xs-10{row-gap:10px}.flex-gap-column-gt-xs-10{column-gap:10px}}@media screen and (min-width: 600px){.padding-gt-xs-11{padding:11px !important}.padding-top-gt-xs-11{padding-top:11px !important}.padding-bottom-gt-xs-11{padding-bottom:11px !important}.padding-left-gt-xs-11{padding-left:11px !important}.padding-right-gt-xs-11{padding-right:11px !important}.padding-lr-gt-xs-11{padding-left:11px !important;padding-right:11px !important}.padding-tb-gt-xs-11{padding-top:11px !important;padding-bottom:11px !important}.margin-gt-xs-11{margin:11px !important}.margin-top-gt-xs-11{margin-top:11px !important}.margin-bottom-gt-xs-11{margin-bottom:11px !important}.margin-left-gt-xs-11{margin-left:11px !important}.margin-right-gt-xs-11{margin-right:11px !important}.margin-lr-gt-xs-11{margin-left:11px !important;margin-right:11px !important}.margin-tb-gt-xs-11{margin-top:11px !important;margin-bottom:11px !important}.flex-gap-gt-xs-11{gap:11px}.flex-gap-row-gt-xs-11{row-gap:11px}.flex-gap-column-gt-xs-11{column-gap:11px}}@media screen and (min-width: 600px){.padding-gt-xs-12{padding:12px !important}.padding-top-gt-xs-12{padding-top:12px !important}.padding-bottom-gt-xs-12{padding-bottom:12px !important}.padding-left-gt-xs-12{padding-left:12px !important}.padding-right-gt-xs-12{padding-right:12px !important}.padding-lr-gt-xs-12{padding-left:12px !important;padding-right:12px !important}.padding-tb-gt-xs-12{padding-top:12px !important;padding-bottom:12px !important}.margin-gt-xs-12{margin:12px !important}.margin-top-gt-xs-12{margin-top:12px !important}.margin-bottom-gt-xs-12{margin-bottom:12px !important}.margin-left-gt-xs-12{margin-left:12px !important}.margin-right-gt-xs-12{margin-right:12px !important}.margin-lr-gt-xs-12{margin-left:12px !important;margin-right:12px !important}.margin-tb-gt-xs-12{margin-top:12px !important;margin-bottom:12px !important}.flex-gap-gt-xs-12{gap:12px}.flex-gap-row-gt-xs-12{row-gap:12px}.flex-gap-column-gt-xs-12{column-gap:12px}}@media screen and (min-width: 600px){.padding-gt-xs-13{padding:13px !important}.padding-top-gt-xs-13{padding-top:13px !important}.padding-bottom-gt-xs-13{padding-bottom:13px !important}.padding-left-gt-xs-13{padding-left:13px !important}.padding-right-gt-xs-13{padding-right:13px !important}.padding-lr-gt-xs-13{padding-left:13px !important;padding-right:13px !important}.padding-tb-gt-xs-13{padding-top:13px !important;padding-bottom:13px !important}.margin-gt-xs-13{margin:13px !important}.margin-top-gt-xs-13{margin-top:13px !important}.margin-bottom-gt-xs-13{margin-bottom:13px !important}.margin-left-gt-xs-13{margin-left:13px !important}.margin-right-gt-xs-13{margin-right:13px !important}.margin-lr-gt-xs-13{margin-left:13px !important;margin-right:13px !important}.margin-tb-gt-xs-13{margin-top:13px !important;margin-bottom:13px !important}.flex-gap-gt-xs-13{gap:13px}.flex-gap-row-gt-xs-13{row-gap:13px}.flex-gap-column-gt-xs-13{column-gap:13px}}@media screen and (min-width: 600px){.padding-gt-xs-14{padding:14px !important}.padding-top-gt-xs-14{padding-top:14px !important}.padding-bottom-gt-xs-14{padding-bottom:14px !important}.padding-left-gt-xs-14{padding-left:14px !important}.padding-right-gt-xs-14{padding-right:14px !important}.padding-lr-gt-xs-14{padding-left:14px !important;padding-right:14px !important}.padding-tb-gt-xs-14{padding-top:14px !important;padding-bottom:14px !important}.margin-gt-xs-14{margin:14px !important}.margin-top-gt-xs-14{margin-top:14px !important}.margin-bottom-gt-xs-14{margin-bottom:14px !important}.margin-left-gt-xs-14{margin-left:14px !important}.margin-right-gt-xs-14{margin-right:14px !important}.margin-lr-gt-xs-14{margin-left:14px !important;margin-right:14px !important}.margin-tb-gt-xs-14{margin-top:14px !important;margin-bottom:14px !important}.flex-gap-gt-xs-14{gap:14px}.flex-gap-row-gt-xs-14{row-gap:14px}.flex-gap-column-gt-xs-14{column-gap:14px}}@media screen and (min-width: 600px){.padding-gt-xs-15{padding:15px !important}.padding-top-gt-xs-15{padding-top:15px !important}.padding-bottom-gt-xs-15{padding-bottom:15px !important}.padding-left-gt-xs-15{padding-left:15px !important}.padding-right-gt-xs-15{padding-right:15px !important}.padding-lr-gt-xs-15{padding-left:15px !important;padding-right:15px !important}.padding-tb-gt-xs-15{padding-top:15px !important;padding-bottom:15px !important}.margin-gt-xs-15{margin:15px !important}.margin-top-gt-xs-15{margin-top:15px !important}.margin-bottom-gt-xs-15{margin-bottom:15px !important}.margin-left-gt-xs-15{margin-left:15px !important}.margin-right-gt-xs-15{margin-right:15px !important}.margin-lr-gt-xs-15{margin-left:15px !important;margin-right:15px !important}.margin-tb-gt-xs-15{margin-top:15px !important;margin-bottom:15px !important}.flex-gap-gt-xs-15{gap:15px}.flex-gap-row-gt-xs-15{row-gap:15px}.flex-gap-column-gt-xs-15{column-gap:15px}}@media screen and (min-width: 600px){.padding-gt-xs-16{padding:16px !important}.padding-top-gt-xs-16{padding-top:16px !important}.padding-bottom-gt-xs-16{padding-bottom:16px !important}.padding-left-gt-xs-16{padding-left:16px !important}.padding-right-gt-xs-16{padding-right:16px !important}.padding-lr-gt-xs-16{padding-left:16px !important;padding-right:16px !important}.padding-tb-gt-xs-16{padding-top:16px !important;padding-bottom:16px !important}.margin-gt-xs-16{margin:16px !important}.margin-top-gt-xs-16{margin-top:16px !important}.margin-bottom-gt-xs-16{margin-bottom:16px !important}.margin-left-gt-xs-16{margin-left:16px !important}.margin-right-gt-xs-16{margin-right:16px !important}.margin-lr-gt-xs-16{margin-left:16px !important;margin-right:16px !important}.margin-tb-gt-xs-16{margin-top:16px !important;margin-bottom:16px !important}.flex-gap-gt-xs-16{gap:16px}.flex-gap-row-gt-xs-16{row-gap:16px}.flex-gap-column-gt-xs-16{column-gap:16px}}@media screen and (min-width: 600px){.padding-gt-xs-17{padding:17px !important}.padding-top-gt-xs-17{padding-top:17px !important}.padding-bottom-gt-xs-17{padding-bottom:17px !important}.padding-left-gt-xs-17{padding-left:17px !important}.padding-right-gt-xs-17{padding-right:17px !important}.padding-lr-gt-xs-17{padding-left:17px !important;padding-right:17px !important}.padding-tb-gt-xs-17{padding-top:17px !important;padding-bottom:17px !important}.margin-gt-xs-17{margin:17px !important}.margin-top-gt-xs-17{margin-top:17px !important}.margin-bottom-gt-xs-17{margin-bottom:17px !important}.margin-left-gt-xs-17{margin-left:17px !important}.margin-right-gt-xs-17{margin-right:17px !important}.margin-lr-gt-xs-17{margin-left:17px !important;margin-right:17px !important}.margin-tb-gt-xs-17{margin-top:17px !important;margin-bottom:17px !important}.flex-gap-gt-xs-17{gap:17px}.flex-gap-row-gt-xs-17{row-gap:17px}.flex-gap-column-gt-xs-17{column-gap:17px}}@media screen and (min-width: 600px){.padding-gt-xs-18{padding:18px !important}.padding-top-gt-xs-18{padding-top:18px !important}.padding-bottom-gt-xs-18{padding-bottom:18px !important}.padding-left-gt-xs-18{padding-left:18px !important}.padding-right-gt-xs-18{padding-right:18px !important}.padding-lr-gt-xs-18{padding-left:18px !important;padding-right:18px !important}.padding-tb-gt-xs-18{padding-top:18px !important;padding-bottom:18px !important}.margin-gt-xs-18{margin:18px !important}.margin-top-gt-xs-18{margin-top:18px !important}.margin-bottom-gt-xs-18{margin-bottom:18px !important}.margin-left-gt-xs-18{margin-left:18px !important}.margin-right-gt-xs-18{margin-right:18px !important}.margin-lr-gt-xs-18{margin-left:18px !important;margin-right:18px !important}.margin-tb-gt-xs-18{margin-top:18px !important;margin-bottom:18px !important}.flex-gap-gt-xs-18{gap:18px}.flex-gap-row-gt-xs-18{row-gap:18px}.flex-gap-column-gt-xs-18{column-gap:18px}}@media screen and (min-width: 600px){.padding-gt-xs-20{padding:20px !important}.padding-top-gt-xs-20{padding-top:20px !important}.padding-bottom-gt-xs-20{padding-bottom:20px !important}.padding-left-gt-xs-20{padding-left:20px !important}.padding-right-gt-xs-20{padding-right:20px !important}.padding-lr-gt-xs-20{padding-left:20px !important;padding-right:20px !important}.padding-tb-gt-xs-20{padding-top:20px !important;padding-bottom:20px !important}.margin-gt-xs-20{margin:20px !important}.margin-top-gt-xs-20{margin-top:20px !important}.margin-bottom-gt-xs-20{margin-bottom:20px !important}.margin-left-gt-xs-20{margin-left:20px !important}.margin-right-gt-xs-20{margin-right:20px !important}.margin-lr-gt-xs-20{margin-left:20px !important;margin-right:20px !important}.margin-tb-gt-xs-20{margin-top:20px !important;margin-bottom:20px !important}.flex-gap-gt-xs-20{gap:20px}.flex-gap-row-gt-xs-20{row-gap:20px}.flex-gap-column-gt-xs-20{column-gap:20px}}@media screen and (min-width: 600px){.padding-gt-xs-24{padding:24px !important}.padding-top-gt-xs-24{padding-top:24px !important}.padding-bottom-gt-xs-24{padding-bottom:24px !important}.padding-left-gt-xs-24{padding-left:24px !important}.padding-right-gt-xs-24{padding-right:24px !important}.padding-lr-gt-xs-24{padding-left:24px !important;padding-right:24px !important}.padding-tb-gt-xs-24{padding-top:24px !important;padding-bottom:24px !important}.margin-gt-xs-24{margin:24px !important}.margin-top-gt-xs-24{margin-top:24px !important}.margin-bottom-gt-xs-24{margin-bottom:24px !important}.margin-left-gt-xs-24{margin-left:24px !important}.margin-right-gt-xs-24{margin-right:24px !important}.margin-lr-gt-xs-24{margin-left:24px !important;margin-right:24px !important}.margin-tb-gt-xs-24{margin-top:24px !important;margin-bottom:24px !important}.flex-gap-gt-xs-24{gap:24px}.flex-gap-row-gt-xs-24{row-gap:24px}.flex-gap-column-gt-xs-24{column-gap:24px}}@media screen and (min-width: 600px){.padding-gt-xs-28{padding:28px !important}.padding-top-gt-xs-28{padding-top:28px !important}.padding-bottom-gt-xs-28{padding-bottom:28px !important}.padding-left-gt-xs-28{padding-left:28px !important}.padding-right-gt-xs-28{padding-right:28px !important}.padding-lr-gt-xs-28{padding-left:28px !important;padding-right:28px !important}.padding-tb-gt-xs-28{padding-top:28px !important;padding-bottom:28px !important}.margin-gt-xs-28{margin:28px !important}.margin-top-gt-xs-28{margin-top:28px !important}.margin-bottom-gt-xs-28{margin-bottom:28px !important}.margin-left-gt-xs-28{margin-left:28px !important}.margin-right-gt-xs-28{margin-right:28px !important}.margin-lr-gt-xs-28{margin-left:28px !important;margin-right:28px !important}.margin-tb-gt-xs-28{margin-top:28px !important;margin-bottom:28px !important}.flex-gap-gt-xs-28{gap:28px}.flex-gap-row-gt-xs-28{row-gap:28px}.flex-gap-column-gt-xs-28{column-gap:28px}}@media screen and (min-width: 600px){.padding-gt-xs-30{padding:30px !important}.padding-top-gt-xs-30{padding-top:30px !important}.padding-bottom-gt-xs-30{padding-bottom:30px !important}.padding-left-gt-xs-30{padding-left:30px !important}.padding-right-gt-xs-30{padding-right:30px !important}.padding-lr-gt-xs-30{padding-left:30px !important;padding-right:30px !important}.padding-tb-gt-xs-30{padding-top:30px !important;padding-bottom:30px !important}.margin-gt-xs-30{margin:30px !important}.margin-top-gt-xs-30{margin-top:30px !important}.margin-bottom-gt-xs-30{margin-bottom:30px !important}.margin-left-gt-xs-30{margin-left:30px !important}.margin-right-gt-xs-30{margin-right:30px !important}.margin-lr-gt-xs-30{margin-left:30px !important;margin-right:30px !important}.margin-tb-gt-xs-30{margin-top:30px !important;margin-bottom:30px !important}.flex-gap-gt-xs-30{gap:30px}.flex-gap-row-gt-xs-30{row-gap:30px}.flex-gap-column-gt-xs-30{column-gap:30px}}@media screen and (min-width: 600px){.padding-gt-xs-32{padding:32px !important}.padding-top-gt-xs-32{padding-top:32px !important}.padding-bottom-gt-xs-32{padding-bottom:32px !important}.padding-left-gt-xs-32{padding-left:32px !important}.padding-right-gt-xs-32{padding-right:32px !important}.padding-lr-gt-xs-32{padding-left:32px !important;padding-right:32px !important}.padding-tb-gt-xs-32{padding-top:32px !important;padding-bottom:32px !important}.margin-gt-xs-32{margin:32px !important}.margin-top-gt-xs-32{margin-top:32px !important}.margin-bottom-gt-xs-32{margin-bottom:32px !important}.margin-left-gt-xs-32{margin-left:32px !important}.margin-right-gt-xs-32{margin-right:32px !important}.margin-lr-gt-xs-32{margin-left:32px !important;margin-right:32px !important}.margin-tb-gt-xs-32{margin-top:32px !important;margin-bottom:32px !important}.flex-gap-gt-xs-32{gap:32px}.flex-gap-row-gt-xs-32{row-gap:32px}.flex-gap-column-gt-xs-32{column-gap:32px}}@media screen and (min-width: 600px){.padding-gt-xs-35{padding:35px !important}.padding-top-gt-xs-35{padding-top:35px !important}.padding-bottom-gt-xs-35{padding-bottom:35px !important}.padding-left-gt-xs-35{padding-left:35px !important}.padding-right-gt-xs-35{padding-right:35px !important}.padding-lr-gt-xs-35{padding-left:35px !important;padding-right:35px !important}.padding-tb-gt-xs-35{padding-top:35px !important;padding-bottom:35px !important}.margin-gt-xs-35{margin:35px !important}.margin-top-gt-xs-35{margin-top:35px !important}.margin-bottom-gt-xs-35{margin-bottom:35px !important}.margin-left-gt-xs-35{margin-left:35px !important}.margin-right-gt-xs-35{margin-right:35px !important}.margin-lr-gt-xs-35{margin-left:35px !important;margin-right:35px !important}.margin-tb-gt-xs-35{margin-top:35px !important;margin-bottom:35px !important}.flex-gap-gt-xs-35{gap:35px}.flex-gap-row-gt-xs-35{row-gap:35px}.flex-gap-column-gt-xs-35{column-gap:35px}}@media screen and (min-width: 600px){.padding-gt-xs-36{padding:36px !important}.padding-top-gt-xs-36{padding-top:36px !important}.padding-bottom-gt-xs-36{padding-bottom:36px !important}.padding-left-gt-xs-36{padding-left:36px !important}.padding-right-gt-xs-36{padding-right:36px !important}.padding-lr-gt-xs-36{padding-left:36px !important;padding-right:36px !important}.padding-tb-gt-xs-36{padding-top:36px !important;padding-bottom:36px !important}.margin-gt-xs-36{margin:36px !important}.margin-top-gt-xs-36{margin-top:36px !important}.margin-bottom-gt-xs-36{margin-bottom:36px !important}.margin-left-gt-xs-36{margin-left:36px !important}.margin-right-gt-xs-36{margin-right:36px !important}.margin-lr-gt-xs-36{margin-left:36px !important;margin-right:36px !important}.margin-tb-gt-xs-36{margin-top:36px !important;margin-bottom:36px !important}.flex-gap-gt-xs-36{gap:36px}.flex-gap-row-gt-xs-36{row-gap:36px}.flex-gap-column-gt-xs-36{column-gap:36px}}@media screen and (min-width: 600px){.padding-gt-xs-40{padding:40px !important}.padding-top-gt-xs-40{padding-top:40px !important}.padding-bottom-gt-xs-40{padding-bottom:40px !important}.padding-left-gt-xs-40{padding-left:40px !important}.padding-right-gt-xs-40{padding-right:40px !important}.padding-lr-gt-xs-40{padding-left:40px !important;padding-right:40px !important}.padding-tb-gt-xs-40{padding-top:40px !important;padding-bottom:40px !important}.margin-gt-xs-40{margin:40px !important}.margin-top-gt-xs-40{margin-top:40px !important}.margin-bottom-gt-xs-40{margin-bottom:40px !important}.margin-left-gt-xs-40{margin-left:40px !important}.margin-right-gt-xs-40{margin-right:40px !important}.margin-lr-gt-xs-40{margin-left:40px !important;margin-right:40px !important}.margin-tb-gt-xs-40{margin-top:40px !important;margin-bottom:40px !important}.flex-gap-gt-xs-40{gap:40px}.flex-gap-row-gt-xs-40{row-gap:40px}.flex-gap-column-gt-xs-40{column-gap:40px}}@media screen and (min-width: 600px){.padding-gt-xs-45{padding:45px !important}.padding-top-gt-xs-45{padding-top:45px !important}.padding-bottom-gt-xs-45{padding-bottom:45px !important}.padding-left-gt-xs-45{padding-left:45px !important}.padding-right-gt-xs-45{padding-right:45px !important}.padding-lr-gt-xs-45{padding-left:45px !important;padding-right:45px !important}.padding-tb-gt-xs-45{padding-top:45px !important;padding-bottom:45px !important}.margin-gt-xs-45{margin:45px !important}.margin-top-gt-xs-45{margin-top:45px !important}.margin-bottom-gt-xs-45{margin-bottom:45px !important}.margin-left-gt-xs-45{margin-left:45px !important}.margin-right-gt-xs-45{margin-right:45px !important}.margin-lr-gt-xs-45{margin-left:45px !important;margin-right:45px !important}.margin-tb-gt-xs-45{margin-top:45px !important;margin-bottom:45px !important}.flex-gap-gt-xs-45{gap:45px}.flex-gap-row-gt-xs-45{row-gap:45px}.flex-gap-column-gt-xs-45{column-gap:45px}}@media screen and (min-width: 600px){.padding-gt-xs-48{padding:48px !important}.padding-top-gt-xs-48{padding-top:48px !important}.padding-bottom-gt-xs-48{padding-bottom:48px !important}.padding-left-gt-xs-48{padding-left:48px !important}.padding-right-gt-xs-48{padding-right:48px !important}.padding-lr-gt-xs-48{padding-left:48px !important;padding-right:48px !important}.padding-tb-gt-xs-48{padding-top:48px !important;padding-bottom:48px !important}.margin-gt-xs-48{margin:48px !important}.margin-top-gt-xs-48{margin-top:48px !important}.margin-bottom-gt-xs-48{margin-bottom:48px !important}.margin-left-gt-xs-48{margin-left:48px !important}.margin-right-gt-xs-48{margin-right:48px !important}.margin-lr-gt-xs-48{margin-left:48px !important;margin-right:48px !important}.margin-tb-gt-xs-48{margin-top:48px !important;margin-bottom:48px !important}.flex-gap-gt-xs-48{gap:48px}.flex-gap-row-gt-xs-48{row-gap:48px}.flex-gap-column-gt-xs-48{column-gap:48px}}@media screen and (min-width: 600px){.padding-gt-xs-50{padding:50px !important}.padding-top-gt-xs-50{padding-top:50px !important}.padding-bottom-gt-xs-50{padding-bottom:50px !important}.padding-left-gt-xs-50{padding-left:50px !important}.padding-right-gt-xs-50{padding-right:50px !important}.padding-lr-gt-xs-50{padding-left:50px !important;padding-right:50px !important}.padding-tb-gt-xs-50{padding-top:50px !important;padding-bottom:50px !important}.margin-gt-xs-50{margin:50px !important}.margin-top-gt-xs-50{margin-top:50px !important}.margin-bottom-gt-xs-50{margin-bottom:50px !important}.margin-left-gt-xs-50{margin-left:50px !important}.margin-right-gt-xs-50{margin-right:50px !important}.margin-lr-gt-xs-50{margin-left:50px !important;margin-right:50px !important}.margin-tb-gt-xs-50{margin-top:50px !important;margin-bottom:50px !important}.flex-gap-gt-xs-50{gap:50px}.flex-gap-row-gt-xs-50{row-gap:50px}.flex-gap-column-gt-xs-50{column-gap:50px}}@media screen and (min-width: 600px){.padding-gt-xs-56{padding:56px !important}.padding-top-gt-xs-56{padding-top:56px !important}.padding-bottom-gt-xs-56{padding-bottom:56px !important}.padding-left-gt-xs-56{padding-left:56px !important}.padding-right-gt-xs-56{padding-right:56px !important}.padding-lr-gt-xs-56{padding-left:56px !important;padding-right:56px !important}.padding-tb-gt-xs-56{padding-top:56px !important;padding-bottom:56px !important}.margin-gt-xs-56{margin:56px !important}.margin-top-gt-xs-56{margin-top:56px !important}.margin-bottom-gt-xs-56{margin-bottom:56px !important}.margin-left-gt-xs-56{margin-left:56px !important}.margin-right-gt-xs-56{margin-right:56px !important}.margin-lr-gt-xs-56{margin-left:56px !important;margin-right:56px !important}.margin-tb-gt-xs-56{margin-top:56px !important;margin-bottom:56px !important}.flex-gap-gt-xs-56{gap:56px}.flex-gap-row-gt-xs-56{row-gap:56px}.flex-gap-column-gt-xs-56{column-gap:56px}}@media screen and (min-width: 600px){.padding-gt-xs-60{padding:60px !important}.padding-top-gt-xs-60{padding-top:60px !important}.padding-bottom-gt-xs-60{padding-bottom:60px !important}.padding-left-gt-xs-60{padding-left:60px !important}.padding-right-gt-xs-60{padding-right:60px !important}.padding-lr-gt-xs-60{padding-left:60px !important;padding-right:60px !important}.padding-tb-gt-xs-60{padding-top:60px !important;padding-bottom:60px !important}.margin-gt-xs-60{margin:60px !important}.margin-top-gt-xs-60{margin-top:60px !important}.margin-bottom-gt-xs-60{margin-bottom:60px !important}.margin-left-gt-xs-60{margin-left:60px !important}.margin-right-gt-xs-60{margin-right:60px !important}.margin-lr-gt-xs-60{margin-left:60px !important;margin-right:60px !important}.margin-tb-gt-xs-60{margin-top:60px !important;margin-bottom:60px !important}.flex-gap-gt-xs-60{gap:60px}.flex-gap-row-gt-xs-60{row-gap:60px}.flex-gap-column-gt-xs-60{column-gap:60px}}@media screen and (min-width: 600px){.padding-gt-xs-72{padding:72px !important}.padding-top-gt-xs-72{padding-top:72px !important}.padding-bottom-gt-xs-72{padding-bottom:72px !important}.padding-left-gt-xs-72{padding-left:72px !important}.padding-right-gt-xs-72{padding-right:72px !important}.padding-lr-gt-xs-72{padding-left:72px !important;padding-right:72px !important}.padding-tb-gt-xs-72{padding-top:72px !important;padding-bottom:72px !important}.margin-gt-xs-72{margin:72px !important}.margin-top-gt-xs-72{margin-top:72px !important}.margin-bottom-gt-xs-72{margin-bottom:72px !important}.margin-left-gt-xs-72{margin-left:72px !important}.margin-right-gt-xs-72{margin-right:72px !important}.margin-lr-gt-xs-72{margin-left:72px !important;margin-right:72px !important}.margin-tb-gt-xs-72{margin-top:72px !important;margin-bottom:72px !important}.flex-gap-gt-xs-72{gap:72px}.flex-gap-row-gt-xs-72{row-gap:72px}.flex-gap-column-gt-xs-72{column-gap:72px}}@media screen and (min-width: 600px){.padding-gt-xs-78{padding:78px !important}.padding-top-gt-xs-78{padding-top:78px !important}.padding-bottom-gt-xs-78{padding-bottom:78px !important}.padding-left-gt-xs-78{padding-left:78px !important}.padding-right-gt-xs-78{padding-right:78px !important}.padding-lr-gt-xs-78{padding-left:78px !important;padding-right:78px !important}.padding-tb-gt-xs-78{padding-top:78px !important;padding-bottom:78px !important}.margin-gt-xs-78{margin:78px !important}.margin-top-gt-xs-78{margin-top:78px !important}.margin-bottom-gt-xs-78{margin-bottom:78px !important}.margin-left-gt-xs-78{margin-left:78px !important}.margin-right-gt-xs-78{margin-right:78px !important}.margin-lr-gt-xs-78{margin-left:78px !important;margin-right:78px !important}.margin-tb-gt-xs-78{margin-top:78px !important;margin-bottom:78px !important}.flex-gap-gt-xs-78{gap:78px}.flex-gap-row-gt-xs-78{row-gap:78px}.flex-gap-column-gt-xs-78{column-gap:78px}}@media screen and (max-width: 600px){.padding-xs-auto{padding:auto !important}.padding-top-xs-auto{padding-top:auto !important}.padding-bottom-xs-auto{padding-bottom:auto !important}.padding-left-xs-auto{padding-left:auto !important}.padding-right-xs-auto{padding-right:auto !important}.padding-lr-xs-auto{padding-left:auto !important;padding-right:auto !important}.padding-tb-xs-auto{padding-top:auto !important;padding-bottom:auto !important}.margin-xs-auto{margin:auto !important}.margin-top-xs-auto{margin-top:auto !important}.margin-bottom-xs-auto{margin-bottom:auto !important}.margin-left-xs-auto{margin-left:auto !important}.margin-right-xs-auto{margin-right:auto !important}.margin-lr-xs-auto{margin-left:auto !important;margin-right:auto !important}.margin-tb-xs-auto{margin-top:auto !important;margin-bottom:auto !important}.flex-gap-xs-auto{gap:auto}.flex-gap-row-xs-auto{row-gap:auto}.flex-gap-column-xs-auto{column-gap:auto}}@media screen and (max-width: 600px){.padding-xs-0{padding:0px !important}.padding-top-xs-0{padding-top:0px !important}.padding-bottom-xs-0{padding-bottom:0px !important}.padding-left-xs-0{padding-left:0px !important}.padding-right-xs-0{padding-right:0px !important}.padding-lr-xs-0{padding-left:0px !important;padding-right:0px !important}.padding-tb-xs-0{padding-top:0px !important;padding-bottom:0px !important}.margin-xs-0{margin:0px !important}.margin-top-xs-0{margin-top:0px !important}.margin-bottom-xs-0{margin-bottom:0px !important}.margin-left-xs-0{margin-left:0px !important}.margin-right-xs-0{margin-right:0px !important}.margin-lr-xs-0{margin-left:0px !important;margin-right:0px !important}.margin-tb-xs-0{margin-top:0px !important;margin-bottom:0px !important}.flex-gap-xs-0{gap:0px}.flex-gap-row-xs-0{row-gap:0px}.flex-gap-column-xs-0{column-gap:0px}}@media screen and (max-width: 600px){.padding-xs-2{padding:2px !important}.padding-top-xs-2{padding-top:2px !important}.padding-bottom-xs-2{padding-bottom:2px !important}.padding-left-xs-2{padding-left:2px !important}.padding-right-xs-2{padding-right:2px !important}.padding-lr-xs-2{padding-left:2px !important;padding-right:2px !important}.padding-tb-xs-2{padding-top:2px !important;padding-bottom:2px !important}.margin-xs-2{margin:2px !important}.margin-top-xs-2{margin-top:2px !important}.margin-bottom-xs-2{margin-bottom:2px !important}.margin-left-xs-2{margin-left:2px !important}.margin-right-xs-2{margin-right:2px !important}.margin-lr-xs-2{margin-left:2px !important;margin-right:2px !important}.margin-tb-xs-2{margin-top:2px !important;margin-bottom:2px !important}.flex-gap-xs-2{gap:2px}.flex-gap-row-xs-2{row-gap:2px}.flex-gap-column-xs-2{column-gap:2px}}@media screen and (max-width: 600px){.padding-xs-3{padding:3px !important}.padding-top-xs-3{padding-top:3px !important}.padding-bottom-xs-3{padding-bottom:3px !important}.padding-left-xs-3{padding-left:3px !important}.padding-right-xs-3{padding-right:3px !important}.padding-lr-xs-3{padding-left:3px !important;padding-right:3px !important}.padding-tb-xs-3{padding-top:3px !important;padding-bottom:3px !important}.margin-xs-3{margin:3px !important}.margin-top-xs-3{margin-top:3px !important}.margin-bottom-xs-3{margin-bottom:3px !important}.margin-left-xs-3{margin-left:3px !important}.margin-right-xs-3{margin-right:3px !important}.margin-lr-xs-3{margin-left:3px !important;margin-right:3px !important}.margin-tb-xs-3{margin-top:3px !important;margin-bottom:3px !important}.flex-gap-xs-3{gap:3px}.flex-gap-row-xs-3{row-gap:3px}.flex-gap-column-xs-3{column-gap:3px}}@media screen and (max-width: 600px){.padding-xs-4{padding:4px !important}.padding-top-xs-4{padding-top:4px !important}.padding-bottom-xs-4{padding-bottom:4px !important}.padding-left-xs-4{padding-left:4px !important}.padding-right-xs-4{padding-right:4px !important}.padding-lr-xs-4{padding-left:4px !important;padding-right:4px !important}.padding-tb-xs-4{padding-top:4px !important;padding-bottom:4px !important}.margin-xs-4{margin:4px !important}.margin-top-xs-4{margin-top:4px !important}.margin-bottom-xs-4{margin-bottom:4px !important}.margin-left-xs-4{margin-left:4px !important}.margin-right-xs-4{margin-right:4px !important}.margin-lr-xs-4{margin-left:4px !important;margin-right:4px !important}.margin-tb-xs-4{margin-top:4px !important;margin-bottom:4px !important}.flex-gap-xs-4{gap:4px}.flex-gap-row-xs-4{row-gap:4px}.flex-gap-column-xs-4{column-gap:4px}}@media screen and (max-width: 600px){.padding-xs-5{padding:5px !important}.padding-top-xs-5{padding-top:5px !important}.padding-bottom-xs-5{padding-bottom:5px !important}.padding-left-xs-5{padding-left:5px !important}.padding-right-xs-5{padding-right:5px !important}.padding-lr-xs-5{padding-left:5px !important;padding-right:5px !important}.padding-tb-xs-5{padding-top:5px !important;padding-bottom:5px !important}.margin-xs-5{margin:5px !important}.margin-top-xs-5{margin-top:5px !important}.margin-bottom-xs-5{margin-bottom:5px !important}.margin-left-xs-5{margin-left:5px !important}.margin-right-xs-5{margin-right:5px !important}.margin-lr-xs-5{margin-left:5px !important;margin-right:5px !important}.margin-tb-xs-5{margin-top:5px !important;margin-bottom:5px !important}.flex-gap-xs-5{gap:5px}.flex-gap-row-xs-5{row-gap:5px}.flex-gap-column-xs-5{column-gap:5px}}@media screen and (max-width: 600px){.padding-xs-6{padding:6px !important}.padding-top-xs-6{padding-top:6px !important}.padding-bottom-xs-6{padding-bottom:6px !important}.padding-left-xs-6{padding-left:6px !important}.padding-right-xs-6{padding-right:6px !important}.padding-lr-xs-6{padding-left:6px !important;padding-right:6px !important}.padding-tb-xs-6{padding-top:6px !important;padding-bottom:6px !important}.margin-xs-6{margin:6px !important}.margin-top-xs-6{margin-top:6px !important}.margin-bottom-xs-6{margin-bottom:6px !important}.margin-left-xs-6{margin-left:6px !important}.margin-right-xs-6{margin-right:6px !important}.margin-lr-xs-6{margin-left:6px !important;margin-right:6px !important}.margin-tb-xs-6{margin-top:6px !important;margin-bottom:6px !important}.flex-gap-xs-6{gap:6px}.flex-gap-row-xs-6{row-gap:6px}.flex-gap-column-xs-6{column-gap:6px}}@media screen and (max-width: 600px){.padding-xs-8{padding:8px !important}.padding-top-xs-8{padding-top:8px !important}.padding-bottom-xs-8{padding-bottom:8px !important}.padding-left-xs-8{padding-left:8px !important}.padding-right-xs-8{padding-right:8px !important}.padding-lr-xs-8{padding-left:8px !important;padding-right:8px !important}.padding-tb-xs-8{padding-top:8px !important;padding-bottom:8px !important}.margin-xs-8{margin:8px !important}.margin-top-xs-8{margin-top:8px !important}.margin-bottom-xs-8{margin-bottom:8px !important}.margin-left-xs-8{margin-left:8px !important}.margin-right-xs-8{margin-right:8px !important}.margin-lr-xs-8{margin-left:8px !important;margin-right:8px !important}.margin-tb-xs-8{margin-top:8px !important;margin-bottom:8px !important}.flex-gap-xs-8{gap:8px}.flex-gap-row-xs-8{row-gap:8px}.flex-gap-column-xs-8{column-gap:8px}}@media screen and (max-width: 600px){.padding-xs-10{padding:10px !important}.padding-top-xs-10{padding-top:10px !important}.padding-bottom-xs-10{padding-bottom:10px !important}.padding-left-xs-10{padding-left:10px !important}.padding-right-xs-10{padding-right:10px !important}.padding-lr-xs-10{padding-left:10px !important;padding-right:10px !important}.padding-tb-xs-10{padding-top:10px !important;padding-bottom:10px !important}.margin-xs-10{margin:10px !important}.margin-top-xs-10{margin-top:10px !important}.margin-bottom-xs-10{margin-bottom:10px !important}.margin-left-xs-10{margin-left:10px !important}.margin-right-xs-10{margin-right:10px !important}.margin-lr-xs-10{margin-left:10px !important;margin-right:10px !important}.margin-tb-xs-10{margin-top:10px !important;margin-bottom:10px !important}.flex-gap-xs-10{gap:10px}.flex-gap-row-xs-10{row-gap:10px}.flex-gap-column-xs-10{column-gap:10px}}@media screen and (max-width: 600px){.padding-xs-11{padding:11px !important}.padding-top-xs-11{padding-top:11px !important}.padding-bottom-xs-11{padding-bottom:11px !important}.padding-left-xs-11{padding-left:11px !important}.padding-right-xs-11{padding-right:11px !important}.padding-lr-xs-11{padding-left:11px !important;padding-right:11px !important}.padding-tb-xs-11{padding-top:11px !important;padding-bottom:11px !important}.margin-xs-11{margin:11px !important}.margin-top-xs-11{margin-top:11px !important}.margin-bottom-xs-11{margin-bottom:11px !important}.margin-left-xs-11{margin-left:11px !important}.margin-right-xs-11{margin-right:11px !important}.margin-lr-xs-11{margin-left:11px !important;margin-right:11px !important}.margin-tb-xs-11{margin-top:11px !important;margin-bottom:11px !important}.flex-gap-xs-11{gap:11px}.flex-gap-row-xs-11{row-gap:11px}.flex-gap-column-xs-11{column-gap:11px}}@media screen and (max-width: 600px){.padding-xs-12{padding:12px !important}.padding-top-xs-12{padding-top:12px !important}.padding-bottom-xs-12{padding-bottom:12px !important}.padding-left-xs-12{padding-left:12px !important}.padding-right-xs-12{padding-right:12px !important}.padding-lr-xs-12{padding-left:12px !important;padding-right:12px !important}.padding-tb-xs-12{padding-top:12px !important;padding-bottom:12px !important}.margin-xs-12{margin:12px !important}.margin-top-xs-12{margin-top:12px !important}.margin-bottom-xs-12{margin-bottom:12px !important}.margin-left-xs-12{margin-left:12px !important}.margin-right-xs-12{margin-right:12px !important}.margin-lr-xs-12{margin-left:12px !important;margin-right:12px !important}.margin-tb-xs-12{margin-top:12px !important;margin-bottom:12px !important}.flex-gap-xs-12{gap:12px}.flex-gap-row-xs-12{row-gap:12px}.flex-gap-column-xs-12{column-gap:12px}}@media screen and (max-width: 600px){.padding-xs-13{padding:13px !important}.padding-top-xs-13{padding-top:13px !important}.padding-bottom-xs-13{padding-bottom:13px !important}.padding-left-xs-13{padding-left:13px !important}.padding-right-xs-13{padding-right:13px !important}.padding-lr-xs-13{padding-left:13px !important;padding-right:13px !important}.padding-tb-xs-13{padding-top:13px !important;padding-bottom:13px !important}.margin-xs-13{margin:13px !important}.margin-top-xs-13{margin-top:13px !important}.margin-bottom-xs-13{margin-bottom:13px !important}.margin-left-xs-13{margin-left:13px !important}.margin-right-xs-13{margin-right:13px !important}.margin-lr-xs-13{margin-left:13px !important;margin-right:13px !important}.margin-tb-xs-13{margin-top:13px !important;margin-bottom:13px !important}.flex-gap-xs-13{gap:13px}.flex-gap-row-xs-13{row-gap:13px}.flex-gap-column-xs-13{column-gap:13px}}@media screen and (max-width: 600px){.padding-xs-14{padding:14px !important}.padding-top-xs-14{padding-top:14px !important}.padding-bottom-xs-14{padding-bottom:14px !important}.padding-left-xs-14{padding-left:14px !important}.padding-right-xs-14{padding-right:14px !important}.padding-lr-xs-14{padding-left:14px !important;padding-right:14px !important}.padding-tb-xs-14{padding-top:14px !important;padding-bottom:14px !important}.margin-xs-14{margin:14px !important}.margin-top-xs-14{margin-top:14px !important}.margin-bottom-xs-14{margin-bottom:14px !important}.margin-left-xs-14{margin-left:14px !important}.margin-right-xs-14{margin-right:14px !important}.margin-lr-xs-14{margin-left:14px !important;margin-right:14px !important}.margin-tb-xs-14{margin-top:14px !important;margin-bottom:14px !important}.flex-gap-xs-14{gap:14px}.flex-gap-row-xs-14{row-gap:14px}.flex-gap-column-xs-14{column-gap:14px}}@media screen and (max-width: 600px){.padding-xs-15{padding:15px !important}.padding-top-xs-15{padding-top:15px !important}.padding-bottom-xs-15{padding-bottom:15px !important}.padding-left-xs-15{padding-left:15px !important}.padding-right-xs-15{padding-right:15px !important}.padding-lr-xs-15{padding-left:15px !important;padding-right:15px !important}.padding-tb-xs-15{padding-top:15px !important;padding-bottom:15px !important}.margin-xs-15{margin:15px !important}.margin-top-xs-15{margin-top:15px !important}.margin-bottom-xs-15{margin-bottom:15px !important}.margin-left-xs-15{margin-left:15px !important}.margin-right-xs-15{margin-right:15px !important}.margin-lr-xs-15{margin-left:15px !important;margin-right:15px !important}.margin-tb-xs-15{margin-top:15px !important;margin-bottom:15px !important}.flex-gap-xs-15{gap:15px}.flex-gap-row-xs-15{row-gap:15px}.flex-gap-column-xs-15{column-gap:15px}}@media screen and (max-width: 600px){.padding-xs-16{padding:16px !important}.padding-top-xs-16{padding-top:16px !important}.padding-bottom-xs-16{padding-bottom:16px !important}.padding-left-xs-16{padding-left:16px !important}.padding-right-xs-16{padding-right:16px !important}.padding-lr-xs-16{padding-left:16px !important;padding-right:16px !important}.padding-tb-xs-16{padding-top:16px !important;padding-bottom:16px !important}.margin-xs-16{margin:16px !important}.margin-top-xs-16{margin-top:16px !important}.margin-bottom-xs-16{margin-bottom:16px !important}.margin-left-xs-16{margin-left:16px !important}.margin-right-xs-16{margin-right:16px !important}.margin-lr-xs-16{margin-left:16px !important;margin-right:16px !important}.margin-tb-xs-16{margin-top:16px !important;margin-bottom:16px !important}.flex-gap-xs-16{gap:16px}.flex-gap-row-xs-16{row-gap:16px}.flex-gap-column-xs-16{column-gap:16px}}@media screen and (max-width: 600px){.padding-xs-17{padding:17px !important}.padding-top-xs-17{padding-top:17px !important}.padding-bottom-xs-17{padding-bottom:17px !important}.padding-left-xs-17{padding-left:17px !important}.padding-right-xs-17{padding-right:17px !important}.padding-lr-xs-17{padding-left:17px !important;padding-right:17px !important}.padding-tb-xs-17{padding-top:17px !important;padding-bottom:17px !important}.margin-xs-17{margin:17px !important}.margin-top-xs-17{margin-top:17px !important}.margin-bottom-xs-17{margin-bottom:17px !important}.margin-left-xs-17{margin-left:17px !important}.margin-right-xs-17{margin-right:17px !important}.margin-lr-xs-17{margin-left:17px !important;margin-right:17px !important}.margin-tb-xs-17{margin-top:17px !important;margin-bottom:17px !important}.flex-gap-xs-17{gap:17px}.flex-gap-row-xs-17{row-gap:17px}.flex-gap-column-xs-17{column-gap:17px}}@media screen and (max-width: 600px){.padding-xs-18{padding:18px !important}.padding-top-xs-18{padding-top:18px !important}.padding-bottom-xs-18{padding-bottom:18px !important}.padding-left-xs-18{padding-left:18px !important}.padding-right-xs-18{padding-right:18px !important}.padding-lr-xs-18{padding-left:18px !important;padding-right:18px !important}.padding-tb-xs-18{padding-top:18px !important;padding-bottom:18px !important}.margin-xs-18{margin:18px !important}.margin-top-xs-18{margin-top:18px !important}.margin-bottom-xs-18{margin-bottom:18px !important}.margin-left-xs-18{margin-left:18px !important}.margin-right-xs-18{margin-right:18px !important}.margin-lr-xs-18{margin-left:18px !important;margin-right:18px !important}.margin-tb-xs-18{margin-top:18px !important;margin-bottom:18px !important}.flex-gap-xs-18{gap:18px}.flex-gap-row-xs-18{row-gap:18px}.flex-gap-column-xs-18{column-gap:18px}}@media screen and (max-width: 600px){.padding-xs-20{padding:20px !important}.padding-top-xs-20{padding-top:20px !important}.padding-bottom-xs-20{padding-bottom:20px !important}.padding-left-xs-20{padding-left:20px !important}.padding-right-xs-20{padding-right:20px !important}.padding-lr-xs-20{padding-left:20px !important;padding-right:20px !important}.padding-tb-xs-20{padding-top:20px !important;padding-bottom:20px !important}.margin-xs-20{margin:20px !important}.margin-top-xs-20{margin-top:20px !important}.margin-bottom-xs-20{margin-bottom:20px !important}.margin-left-xs-20{margin-left:20px !important}.margin-right-xs-20{margin-right:20px !important}.margin-lr-xs-20{margin-left:20px !important;margin-right:20px !important}.margin-tb-xs-20{margin-top:20px !important;margin-bottom:20px !important}.flex-gap-xs-20{gap:20px}.flex-gap-row-xs-20{row-gap:20px}.flex-gap-column-xs-20{column-gap:20px}}@media screen and (max-width: 600px){.padding-xs-24{padding:24px !important}.padding-top-xs-24{padding-top:24px !important}.padding-bottom-xs-24{padding-bottom:24px !important}.padding-left-xs-24{padding-left:24px !important}.padding-right-xs-24{padding-right:24px !important}.padding-lr-xs-24{padding-left:24px !important;padding-right:24px !important}.padding-tb-xs-24{padding-top:24px !important;padding-bottom:24px !important}.margin-xs-24{margin:24px !important}.margin-top-xs-24{margin-top:24px !important}.margin-bottom-xs-24{margin-bottom:24px !important}.margin-left-xs-24{margin-left:24px !important}.margin-right-xs-24{margin-right:24px !important}.margin-lr-xs-24{margin-left:24px !important;margin-right:24px !important}.margin-tb-xs-24{margin-top:24px !important;margin-bottom:24px !important}.flex-gap-xs-24{gap:24px}.flex-gap-row-xs-24{row-gap:24px}.flex-gap-column-xs-24{column-gap:24px}}@media screen and (max-width: 600px){.padding-xs-28{padding:28px !important}.padding-top-xs-28{padding-top:28px !important}.padding-bottom-xs-28{padding-bottom:28px !important}.padding-left-xs-28{padding-left:28px !important}.padding-right-xs-28{padding-right:28px !important}.padding-lr-xs-28{padding-left:28px !important;padding-right:28px !important}.padding-tb-xs-28{padding-top:28px !important;padding-bottom:28px !important}.margin-xs-28{margin:28px !important}.margin-top-xs-28{margin-top:28px !important}.margin-bottom-xs-28{margin-bottom:28px !important}.margin-left-xs-28{margin-left:28px !important}.margin-right-xs-28{margin-right:28px !important}.margin-lr-xs-28{margin-left:28px !important;margin-right:28px !important}.margin-tb-xs-28{margin-top:28px !important;margin-bottom:28px !important}.flex-gap-xs-28{gap:28px}.flex-gap-row-xs-28{row-gap:28px}.flex-gap-column-xs-28{column-gap:28px}}@media screen and (max-width: 600px){.padding-xs-30{padding:30px !important}.padding-top-xs-30{padding-top:30px !important}.padding-bottom-xs-30{padding-bottom:30px !important}.padding-left-xs-30{padding-left:30px !important}.padding-right-xs-30{padding-right:30px !important}.padding-lr-xs-30{padding-left:30px !important;padding-right:30px !important}.padding-tb-xs-30{padding-top:30px !important;padding-bottom:30px !important}.margin-xs-30{margin:30px !important}.margin-top-xs-30{margin-top:30px !important}.margin-bottom-xs-30{margin-bottom:30px !important}.margin-left-xs-30{margin-left:30px !important}.margin-right-xs-30{margin-right:30px !important}.margin-lr-xs-30{margin-left:30px !important;margin-right:30px !important}.margin-tb-xs-30{margin-top:30px !important;margin-bottom:30px !important}.flex-gap-xs-30{gap:30px}.flex-gap-row-xs-30{row-gap:30px}.flex-gap-column-xs-30{column-gap:30px}}@media screen and (max-width: 600px){.padding-xs-32{padding:32px !important}.padding-top-xs-32{padding-top:32px !important}.padding-bottom-xs-32{padding-bottom:32px !important}.padding-left-xs-32{padding-left:32px !important}.padding-right-xs-32{padding-right:32px !important}.padding-lr-xs-32{padding-left:32px !important;padding-right:32px !important}.padding-tb-xs-32{padding-top:32px !important;padding-bottom:32px !important}.margin-xs-32{margin:32px !important}.margin-top-xs-32{margin-top:32px !important}.margin-bottom-xs-32{margin-bottom:32px !important}.margin-left-xs-32{margin-left:32px !important}.margin-right-xs-32{margin-right:32px !important}.margin-lr-xs-32{margin-left:32px !important;margin-right:32px !important}.margin-tb-xs-32{margin-top:32px !important;margin-bottom:32px !important}.flex-gap-xs-32{gap:32px}.flex-gap-row-xs-32{row-gap:32px}.flex-gap-column-xs-32{column-gap:32px}}@media screen and (max-width: 600px){.padding-xs-35{padding:35px !important}.padding-top-xs-35{padding-top:35px !important}.padding-bottom-xs-35{padding-bottom:35px !important}.padding-left-xs-35{padding-left:35px !important}.padding-right-xs-35{padding-right:35px !important}.padding-lr-xs-35{padding-left:35px !important;padding-right:35px !important}.padding-tb-xs-35{padding-top:35px !important;padding-bottom:35px !important}.margin-xs-35{margin:35px !important}.margin-top-xs-35{margin-top:35px !important}.margin-bottom-xs-35{margin-bottom:35px !important}.margin-left-xs-35{margin-left:35px !important}.margin-right-xs-35{margin-right:35px !important}.margin-lr-xs-35{margin-left:35px !important;margin-right:35px !important}.margin-tb-xs-35{margin-top:35px !important;margin-bottom:35px !important}.flex-gap-xs-35{gap:35px}.flex-gap-row-xs-35{row-gap:35px}.flex-gap-column-xs-35{column-gap:35px}}@media screen and (max-width: 600px){.padding-xs-36{padding:36px !important}.padding-top-xs-36{padding-top:36px !important}.padding-bottom-xs-36{padding-bottom:36px !important}.padding-left-xs-36{padding-left:36px !important}.padding-right-xs-36{padding-right:36px !important}.padding-lr-xs-36{padding-left:36px !important;padding-right:36px !important}.padding-tb-xs-36{padding-top:36px !important;padding-bottom:36px !important}.margin-xs-36{margin:36px !important}.margin-top-xs-36{margin-top:36px !important}.margin-bottom-xs-36{margin-bottom:36px !important}.margin-left-xs-36{margin-left:36px !important}.margin-right-xs-36{margin-right:36px !important}.margin-lr-xs-36{margin-left:36px !important;margin-right:36px !important}.margin-tb-xs-36{margin-top:36px !important;margin-bottom:36px !important}.flex-gap-xs-36{gap:36px}.flex-gap-row-xs-36{row-gap:36px}.flex-gap-column-xs-36{column-gap:36px}}@media screen and (max-width: 600px){.padding-xs-40{padding:40px !important}.padding-top-xs-40{padding-top:40px !important}.padding-bottom-xs-40{padding-bottom:40px !important}.padding-left-xs-40{padding-left:40px !important}.padding-right-xs-40{padding-right:40px !important}.padding-lr-xs-40{padding-left:40px !important;padding-right:40px !important}.padding-tb-xs-40{padding-top:40px !important;padding-bottom:40px !important}.margin-xs-40{margin:40px !important}.margin-top-xs-40{margin-top:40px !important}.margin-bottom-xs-40{margin-bottom:40px !important}.margin-left-xs-40{margin-left:40px !important}.margin-right-xs-40{margin-right:40px !important}.margin-lr-xs-40{margin-left:40px !important;margin-right:40px !important}.margin-tb-xs-40{margin-top:40px !important;margin-bottom:40px !important}.flex-gap-xs-40{gap:40px}.flex-gap-row-xs-40{row-gap:40px}.flex-gap-column-xs-40{column-gap:40px}}@media screen and (max-width: 600px){.padding-xs-45{padding:45px !important}.padding-top-xs-45{padding-top:45px !important}.padding-bottom-xs-45{padding-bottom:45px !important}.padding-left-xs-45{padding-left:45px !important}.padding-right-xs-45{padding-right:45px !important}.padding-lr-xs-45{padding-left:45px !important;padding-right:45px !important}.padding-tb-xs-45{padding-top:45px !important;padding-bottom:45px !important}.margin-xs-45{margin:45px !important}.margin-top-xs-45{margin-top:45px !important}.margin-bottom-xs-45{margin-bottom:45px !important}.margin-left-xs-45{margin-left:45px !important}.margin-right-xs-45{margin-right:45px !important}.margin-lr-xs-45{margin-left:45px !important;margin-right:45px !important}.margin-tb-xs-45{margin-top:45px !important;margin-bottom:45px !important}.flex-gap-xs-45{gap:45px}.flex-gap-row-xs-45{row-gap:45px}.flex-gap-column-xs-45{column-gap:45px}}@media screen and (max-width: 600px){.padding-xs-48{padding:48px !important}.padding-top-xs-48{padding-top:48px !important}.padding-bottom-xs-48{padding-bottom:48px !important}.padding-left-xs-48{padding-left:48px !important}.padding-right-xs-48{padding-right:48px !important}.padding-lr-xs-48{padding-left:48px !important;padding-right:48px !important}.padding-tb-xs-48{padding-top:48px !important;padding-bottom:48px !important}.margin-xs-48{margin:48px !important}.margin-top-xs-48{margin-top:48px !important}.margin-bottom-xs-48{margin-bottom:48px !important}.margin-left-xs-48{margin-left:48px !important}.margin-right-xs-48{margin-right:48px !important}.margin-lr-xs-48{margin-left:48px !important;margin-right:48px !important}.margin-tb-xs-48{margin-top:48px !important;margin-bottom:48px !important}.flex-gap-xs-48{gap:48px}.flex-gap-row-xs-48{row-gap:48px}.flex-gap-column-xs-48{column-gap:48px}}@media screen and (max-width: 600px){.padding-xs-50{padding:50px !important}.padding-top-xs-50{padding-top:50px !important}.padding-bottom-xs-50{padding-bottom:50px !important}.padding-left-xs-50{padding-left:50px !important}.padding-right-xs-50{padding-right:50px !important}.padding-lr-xs-50{padding-left:50px !important;padding-right:50px !important}.padding-tb-xs-50{padding-top:50px !important;padding-bottom:50px !important}.margin-xs-50{margin:50px !important}.margin-top-xs-50{margin-top:50px !important}.margin-bottom-xs-50{margin-bottom:50px !important}.margin-left-xs-50{margin-left:50px !important}.margin-right-xs-50{margin-right:50px !important}.margin-lr-xs-50{margin-left:50px !important;margin-right:50px !important}.margin-tb-xs-50{margin-top:50px !important;margin-bottom:50px !important}.flex-gap-xs-50{gap:50px}.flex-gap-row-xs-50{row-gap:50px}.flex-gap-column-xs-50{column-gap:50px}}@media screen and (max-width: 600px){.padding-xs-56{padding:56px !important}.padding-top-xs-56{padding-top:56px !important}.padding-bottom-xs-56{padding-bottom:56px !important}.padding-left-xs-56{padding-left:56px !important}.padding-right-xs-56{padding-right:56px !important}.padding-lr-xs-56{padding-left:56px !important;padding-right:56px !important}.padding-tb-xs-56{padding-top:56px !important;padding-bottom:56px !important}.margin-xs-56{margin:56px !important}.margin-top-xs-56{margin-top:56px !important}.margin-bottom-xs-56{margin-bottom:56px !important}.margin-left-xs-56{margin-left:56px !important}.margin-right-xs-56{margin-right:56px !important}.margin-lr-xs-56{margin-left:56px !important;margin-right:56px !important}.margin-tb-xs-56{margin-top:56px !important;margin-bottom:56px !important}.flex-gap-xs-56{gap:56px}.flex-gap-row-xs-56{row-gap:56px}.flex-gap-column-xs-56{column-gap:56px}}@media screen and (max-width: 600px){.padding-xs-60{padding:60px !important}.padding-top-xs-60{padding-top:60px !important}.padding-bottom-xs-60{padding-bottom:60px !important}.padding-left-xs-60{padding-left:60px !important}.padding-right-xs-60{padding-right:60px !important}.padding-lr-xs-60{padding-left:60px !important;padding-right:60px !important}.padding-tb-xs-60{padding-top:60px !important;padding-bottom:60px !important}.margin-xs-60{margin:60px !important}.margin-top-xs-60{margin-top:60px !important}.margin-bottom-xs-60{margin-bottom:60px !important}.margin-left-xs-60{margin-left:60px !important}.margin-right-xs-60{margin-right:60px !important}.margin-lr-xs-60{margin-left:60px !important;margin-right:60px !important}.margin-tb-xs-60{margin-top:60px !important;margin-bottom:60px !important}.flex-gap-xs-60{gap:60px}.flex-gap-row-xs-60{row-gap:60px}.flex-gap-column-xs-60{column-gap:60px}}@media screen and (max-width: 600px){.padding-xs-72{padding:72px !important}.padding-top-xs-72{padding-top:72px !important}.padding-bottom-xs-72{padding-bottom:72px !important}.padding-left-xs-72{padding-left:72px !important}.padding-right-xs-72{padding-right:72px !important}.padding-lr-xs-72{padding-left:72px !important;padding-right:72px !important}.padding-tb-xs-72{padding-top:72px !important;padding-bottom:72px !important}.margin-xs-72{margin:72px !important}.margin-top-xs-72{margin-top:72px !important}.margin-bottom-xs-72{margin-bottom:72px !important}.margin-left-xs-72{margin-left:72px !important}.margin-right-xs-72{margin-right:72px !important}.margin-lr-xs-72{margin-left:72px !important;margin-right:72px !important}.margin-tb-xs-72{margin-top:72px !important;margin-bottom:72px !important}.flex-gap-xs-72{gap:72px}.flex-gap-row-xs-72{row-gap:72px}.flex-gap-column-xs-72{column-gap:72px}}@media screen and (max-width: 600px){.padding-xs-78{padding:78px !important}.padding-top-xs-78{padding-top:78px !important}.padding-bottom-xs-78{padding-bottom:78px !important}.padding-left-xs-78{padding-left:78px !important}.padding-right-xs-78{padding-right:78px !important}.padding-lr-xs-78{padding-left:78px !important;padding-right:78px !important}.padding-tb-xs-78{padding-top:78px !important;padding-bottom:78px !important}.margin-xs-78{margin:78px !important}.margin-top-xs-78{margin-top:78px !important}.margin-bottom-xs-78{margin-bottom:78px !important}.margin-left-xs-78{margin-left:78px !important}.margin-right-xs-78{margin-right:78px !important}.margin-lr-xs-78{margin-left:78px !important;margin-right:78px !important}.margin-tb-xs-78{margin-top:78px !important;margin-bottom:78px !important}.flex-gap-xs-78{gap:78px}.flex-gap-row-xs-78{row-gap:78px}.flex-gap-column-xs-78{column-gap:78px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-auto{padding:auto !important}.padding-top-md-auto{padding-top:auto !important}.padding-bottom-md-auto{padding-bottom:auto !important}.padding-left-md-auto{padding-left:auto !important}.padding-right-md-auto{padding-right:auto !important}.padding-lr-md-auto{padding-left:auto !important;padding-right:auto !important}.padding-tb-md-auto{padding-top:auto !important;padding-bottom:auto !important}.margin-md-auto{margin:auto !important}.margin-top-md-auto{margin-top:auto !important}.margin-bottom-md-auto{margin-bottom:auto !important}.margin-left-md-auto{margin-left:auto !important}.margin-right-md-auto{margin-right:auto !important}.margin-lr-md-auto{margin-left:auto !important;margin-right:auto !important}.margin-tb-md-auto{margin-top:auto !important;margin-bottom:auto !important}.flex-gap-md-auto{gap:auto}.flex-gap-row-md-auto{row-gap:auto}.flex-gap-column-md-auto{column-gap:auto}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-0{padding:0px !important}.padding-top-md-0{padding-top:0px !important}.padding-bottom-md-0{padding-bottom:0px !important}.padding-left-md-0{padding-left:0px !important}.padding-right-md-0{padding-right:0px !important}.padding-lr-md-0{padding-left:0px !important;padding-right:0px !important}.padding-tb-md-0{padding-top:0px !important;padding-bottom:0px !important}.margin-md-0{margin:0px !important}.margin-top-md-0{margin-top:0px !important}.margin-bottom-md-0{margin-bottom:0px !important}.margin-left-md-0{margin-left:0px !important}.margin-right-md-0{margin-right:0px !important}.margin-lr-md-0{margin-left:0px !important;margin-right:0px !important}.margin-tb-md-0{margin-top:0px !important;margin-bottom:0px !important}.flex-gap-md-0{gap:0px}.flex-gap-row-md-0{row-gap:0px}.flex-gap-column-md-0{column-gap:0px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-2{padding:2px !important}.padding-top-md-2{padding-top:2px !important}.padding-bottom-md-2{padding-bottom:2px !important}.padding-left-md-2{padding-left:2px !important}.padding-right-md-2{padding-right:2px !important}.padding-lr-md-2{padding-left:2px !important;padding-right:2px !important}.padding-tb-md-2{padding-top:2px !important;padding-bottom:2px !important}.margin-md-2{margin:2px !important}.margin-top-md-2{margin-top:2px !important}.margin-bottom-md-2{margin-bottom:2px !important}.margin-left-md-2{margin-left:2px !important}.margin-right-md-2{margin-right:2px !important}.margin-lr-md-2{margin-left:2px !important;margin-right:2px !important}.margin-tb-md-2{margin-top:2px !important;margin-bottom:2px !important}.flex-gap-md-2{gap:2px}.flex-gap-row-md-2{row-gap:2px}.flex-gap-column-md-2{column-gap:2px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-3{padding:3px !important}.padding-top-md-3{padding-top:3px !important}.padding-bottom-md-3{padding-bottom:3px !important}.padding-left-md-3{padding-left:3px !important}.padding-right-md-3{padding-right:3px !important}.padding-lr-md-3{padding-left:3px !important;padding-right:3px !important}.padding-tb-md-3{padding-top:3px !important;padding-bottom:3px !important}.margin-md-3{margin:3px !important}.margin-top-md-3{margin-top:3px !important}.margin-bottom-md-3{margin-bottom:3px !important}.margin-left-md-3{margin-left:3px !important}.margin-right-md-3{margin-right:3px !important}.margin-lr-md-3{margin-left:3px !important;margin-right:3px !important}.margin-tb-md-3{margin-top:3px !important;margin-bottom:3px !important}.flex-gap-md-3{gap:3px}.flex-gap-row-md-3{row-gap:3px}.flex-gap-column-md-3{column-gap:3px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-4{padding:4px !important}.padding-top-md-4{padding-top:4px !important}.padding-bottom-md-4{padding-bottom:4px !important}.padding-left-md-4{padding-left:4px !important}.padding-right-md-4{padding-right:4px !important}.padding-lr-md-4{padding-left:4px !important;padding-right:4px !important}.padding-tb-md-4{padding-top:4px !important;padding-bottom:4px !important}.margin-md-4{margin:4px !important}.margin-top-md-4{margin-top:4px !important}.margin-bottom-md-4{margin-bottom:4px !important}.margin-left-md-4{margin-left:4px !important}.margin-right-md-4{margin-right:4px !important}.margin-lr-md-4{margin-left:4px !important;margin-right:4px !important}.margin-tb-md-4{margin-top:4px !important;margin-bottom:4px !important}.flex-gap-md-4{gap:4px}.flex-gap-row-md-4{row-gap:4px}.flex-gap-column-md-4{column-gap:4px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-5{padding:5px !important}.padding-top-md-5{padding-top:5px !important}.padding-bottom-md-5{padding-bottom:5px !important}.padding-left-md-5{padding-left:5px !important}.padding-right-md-5{padding-right:5px !important}.padding-lr-md-5{padding-left:5px !important;padding-right:5px !important}.padding-tb-md-5{padding-top:5px !important;padding-bottom:5px !important}.margin-md-5{margin:5px !important}.margin-top-md-5{margin-top:5px !important}.margin-bottom-md-5{margin-bottom:5px !important}.margin-left-md-5{margin-left:5px !important}.margin-right-md-5{margin-right:5px !important}.margin-lr-md-5{margin-left:5px !important;margin-right:5px !important}.margin-tb-md-5{margin-top:5px !important;margin-bottom:5px !important}.flex-gap-md-5{gap:5px}.flex-gap-row-md-5{row-gap:5px}.flex-gap-column-md-5{column-gap:5px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-6{padding:6px !important}.padding-top-md-6{padding-top:6px !important}.padding-bottom-md-6{padding-bottom:6px !important}.padding-left-md-6{padding-left:6px !important}.padding-right-md-6{padding-right:6px !important}.padding-lr-md-6{padding-left:6px !important;padding-right:6px !important}.padding-tb-md-6{padding-top:6px !important;padding-bottom:6px !important}.margin-md-6{margin:6px !important}.margin-top-md-6{margin-top:6px !important}.margin-bottom-md-6{margin-bottom:6px !important}.margin-left-md-6{margin-left:6px !important}.margin-right-md-6{margin-right:6px !important}.margin-lr-md-6{margin-left:6px !important;margin-right:6px !important}.margin-tb-md-6{margin-top:6px !important;margin-bottom:6px !important}.flex-gap-md-6{gap:6px}.flex-gap-row-md-6{row-gap:6px}.flex-gap-column-md-6{column-gap:6px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-8{padding:8px !important}.padding-top-md-8{padding-top:8px !important}.padding-bottom-md-8{padding-bottom:8px !important}.padding-left-md-8{padding-left:8px !important}.padding-right-md-8{padding-right:8px !important}.padding-lr-md-8{padding-left:8px !important;padding-right:8px !important}.padding-tb-md-8{padding-top:8px !important;padding-bottom:8px !important}.margin-md-8{margin:8px !important}.margin-top-md-8{margin-top:8px !important}.margin-bottom-md-8{margin-bottom:8px !important}.margin-left-md-8{margin-left:8px !important}.margin-right-md-8{margin-right:8px !important}.margin-lr-md-8{margin-left:8px !important;margin-right:8px !important}.margin-tb-md-8{margin-top:8px !important;margin-bottom:8px !important}.flex-gap-md-8{gap:8px}.flex-gap-row-md-8{row-gap:8px}.flex-gap-column-md-8{column-gap:8px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-10{padding:10px !important}.padding-top-md-10{padding-top:10px !important}.padding-bottom-md-10{padding-bottom:10px !important}.padding-left-md-10{padding-left:10px !important}.padding-right-md-10{padding-right:10px !important}.padding-lr-md-10{padding-left:10px !important;padding-right:10px !important}.padding-tb-md-10{padding-top:10px !important;padding-bottom:10px !important}.margin-md-10{margin:10px !important}.margin-top-md-10{margin-top:10px !important}.margin-bottom-md-10{margin-bottom:10px !important}.margin-left-md-10{margin-left:10px !important}.margin-right-md-10{margin-right:10px !important}.margin-lr-md-10{margin-left:10px !important;margin-right:10px !important}.margin-tb-md-10{margin-top:10px !important;margin-bottom:10px !important}.flex-gap-md-10{gap:10px}.flex-gap-row-md-10{row-gap:10px}.flex-gap-column-md-10{column-gap:10px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-11{padding:11px !important}.padding-top-md-11{padding-top:11px !important}.padding-bottom-md-11{padding-bottom:11px !important}.padding-left-md-11{padding-left:11px !important}.padding-right-md-11{padding-right:11px !important}.padding-lr-md-11{padding-left:11px !important;padding-right:11px !important}.padding-tb-md-11{padding-top:11px !important;padding-bottom:11px !important}.margin-md-11{margin:11px !important}.margin-top-md-11{margin-top:11px !important}.margin-bottom-md-11{margin-bottom:11px !important}.margin-left-md-11{margin-left:11px !important}.margin-right-md-11{margin-right:11px !important}.margin-lr-md-11{margin-left:11px !important;margin-right:11px !important}.margin-tb-md-11{margin-top:11px !important;margin-bottom:11px !important}.flex-gap-md-11{gap:11px}.flex-gap-row-md-11{row-gap:11px}.flex-gap-column-md-11{column-gap:11px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-12{padding:12px !important}.padding-top-md-12{padding-top:12px !important}.padding-bottom-md-12{padding-bottom:12px !important}.padding-left-md-12{padding-left:12px !important}.padding-right-md-12{padding-right:12px !important}.padding-lr-md-12{padding-left:12px !important;padding-right:12px !important}.padding-tb-md-12{padding-top:12px !important;padding-bottom:12px !important}.margin-md-12{margin:12px !important}.margin-top-md-12{margin-top:12px !important}.margin-bottom-md-12{margin-bottom:12px !important}.margin-left-md-12{margin-left:12px !important}.margin-right-md-12{margin-right:12px !important}.margin-lr-md-12{margin-left:12px !important;margin-right:12px !important}.margin-tb-md-12{margin-top:12px !important;margin-bottom:12px !important}.flex-gap-md-12{gap:12px}.flex-gap-row-md-12{row-gap:12px}.flex-gap-column-md-12{column-gap:12px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-13{padding:13px !important}.padding-top-md-13{padding-top:13px !important}.padding-bottom-md-13{padding-bottom:13px !important}.padding-left-md-13{padding-left:13px !important}.padding-right-md-13{padding-right:13px !important}.padding-lr-md-13{padding-left:13px !important;padding-right:13px !important}.padding-tb-md-13{padding-top:13px !important;padding-bottom:13px !important}.margin-md-13{margin:13px !important}.margin-top-md-13{margin-top:13px !important}.margin-bottom-md-13{margin-bottom:13px !important}.margin-left-md-13{margin-left:13px !important}.margin-right-md-13{margin-right:13px !important}.margin-lr-md-13{margin-left:13px !important;margin-right:13px !important}.margin-tb-md-13{margin-top:13px !important;margin-bottom:13px !important}.flex-gap-md-13{gap:13px}.flex-gap-row-md-13{row-gap:13px}.flex-gap-column-md-13{column-gap:13px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-14{padding:14px !important}.padding-top-md-14{padding-top:14px !important}.padding-bottom-md-14{padding-bottom:14px !important}.padding-left-md-14{padding-left:14px !important}.padding-right-md-14{padding-right:14px !important}.padding-lr-md-14{padding-left:14px !important;padding-right:14px !important}.padding-tb-md-14{padding-top:14px !important;padding-bottom:14px !important}.margin-md-14{margin:14px !important}.margin-top-md-14{margin-top:14px !important}.margin-bottom-md-14{margin-bottom:14px !important}.margin-left-md-14{margin-left:14px !important}.margin-right-md-14{margin-right:14px !important}.margin-lr-md-14{margin-left:14px !important;margin-right:14px !important}.margin-tb-md-14{margin-top:14px !important;margin-bottom:14px !important}.flex-gap-md-14{gap:14px}.flex-gap-row-md-14{row-gap:14px}.flex-gap-column-md-14{column-gap:14px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-15{padding:15px !important}.padding-top-md-15{padding-top:15px !important}.padding-bottom-md-15{padding-bottom:15px !important}.padding-left-md-15{padding-left:15px !important}.padding-right-md-15{padding-right:15px !important}.padding-lr-md-15{padding-left:15px !important;padding-right:15px !important}.padding-tb-md-15{padding-top:15px !important;padding-bottom:15px !important}.margin-md-15{margin:15px !important}.margin-top-md-15{margin-top:15px !important}.margin-bottom-md-15{margin-bottom:15px !important}.margin-left-md-15{margin-left:15px !important}.margin-right-md-15{margin-right:15px !important}.margin-lr-md-15{margin-left:15px !important;margin-right:15px !important}.margin-tb-md-15{margin-top:15px !important;margin-bottom:15px !important}.flex-gap-md-15{gap:15px}.flex-gap-row-md-15{row-gap:15px}.flex-gap-column-md-15{column-gap:15px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-16{padding:16px !important}.padding-top-md-16{padding-top:16px !important}.padding-bottom-md-16{padding-bottom:16px !important}.padding-left-md-16{padding-left:16px !important}.padding-right-md-16{padding-right:16px !important}.padding-lr-md-16{padding-left:16px !important;padding-right:16px !important}.padding-tb-md-16{padding-top:16px !important;padding-bottom:16px !important}.margin-md-16{margin:16px !important}.margin-top-md-16{margin-top:16px !important}.margin-bottom-md-16{margin-bottom:16px !important}.margin-left-md-16{margin-left:16px !important}.margin-right-md-16{margin-right:16px !important}.margin-lr-md-16{margin-left:16px !important;margin-right:16px !important}.margin-tb-md-16{margin-top:16px !important;margin-bottom:16px !important}.flex-gap-md-16{gap:16px}.flex-gap-row-md-16{row-gap:16px}.flex-gap-column-md-16{column-gap:16px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-17{padding:17px !important}.padding-top-md-17{padding-top:17px !important}.padding-bottom-md-17{padding-bottom:17px !important}.padding-left-md-17{padding-left:17px !important}.padding-right-md-17{padding-right:17px !important}.padding-lr-md-17{padding-left:17px !important;padding-right:17px !important}.padding-tb-md-17{padding-top:17px !important;padding-bottom:17px !important}.margin-md-17{margin:17px !important}.margin-top-md-17{margin-top:17px !important}.margin-bottom-md-17{margin-bottom:17px !important}.margin-left-md-17{margin-left:17px !important}.margin-right-md-17{margin-right:17px !important}.margin-lr-md-17{margin-left:17px !important;margin-right:17px !important}.margin-tb-md-17{margin-top:17px !important;margin-bottom:17px !important}.flex-gap-md-17{gap:17px}.flex-gap-row-md-17{row-gap:17px}.flex-gap-column-md-17{column-gap:17px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-18{padding:18px !important}.padding-top-md-18{padding-top:18px !important}.padding-bottom-md-18{padding-bottom:18px !important}.padding-left-md-18{padding-left:18px !important}.padding-right-md-18{padding-right:18px !important}.padding-lr-md-18{padding-left:18px !important;padding-right:18px !important}.padding-tb-md-18{padding-top:18px !important;padding-bottom:18px !important}.margin-md-18{margin:18px !important}.margin-top-md-18{margin-top:18px !important}.margin-bottom-md-18{margin-bottom:18px !important}.margin-left-md-18{margin-left:18px !important}.margin-right-md-18{margin-right:18px !important}.margin-lr-md-18{margin-left:18px !important;margin-right:18px !important}.margin-tb-md-18{margin-top:18px !important;margin-bottom:18px !important}.flex-gap-md-18{gap:18px}.flex-gap-row-md-18{row-gap:18px}.flex-gap-column-md-18{column-gap:18px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-20{padding:20px !important}.padding-top-md-20{padding-top:20px !important}.padding-bottom-md-20{padding-bottom:20px !important}.padding-left-md-20{padding-left:20px !important}.padding-right-md-20{padding-right:20px !important}.padding-lr-md-20{padding-left:20px !important;padding-right:20px !important}.padding-tb-md-20{padding-top:20px !important;padding-bottom:20px !important}.margin-md-20{margin:20px !important}.margin-top-md-20{margin-top:20px !important}.margin-bottom-md-20{margin-bottom:20px !important}.margin-left-md-20{margin-left:20px !important}.margin-right-md-20{margin-right:20px !important}.margin-lr-md-20{margin-left:20px !important;margin-right:20px !important}.margin-tb-md-20{margin-top:20px !important;margin-bottom:20px !important}.flex-gap-md-20{gap:20px}.flex-gap-row-md-20{row-gap:20px}.flex-gap-column-md-20{column-gap:20px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-24{padding:24px !important}.padding-top-md-24{padding-top:24px !important}.padding-bottom-md-24{padding-bottom:24px !important}.padding-left-md-24{padding-left:24px !important}.padding-right-md-24{padding-right:24px !important}.padding-lr-md-24{padding-left:24px !important;padding-right:24px !important}.padding-tb-md-24{padding-top:24px !important;padding-bottom:24px !important}.margin-md-24{margin:24px !important}.margin-top-md-24{margin-top:24px !important}.margin-bottom-md-24{margin-bottom:24px !important}.margin-left-md-24{margin-left:24px !important}.margin-right-md-24{margin-right:24px !important}.margin-lr-md-24{margin-left:24px !important;margin-right:24px !important}.margin-tb-md-24{margin-top:24px !important;margin-bottom:24px !important}.flex-gap-md-24{gap:24px}.flex-gap-row-md-24{row-gap:24px}.flex-gap-column-md-24{column-gap:24px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-28{padding:28px !important}.padding-top-md-28{padding-top:28px !important}.padding-bottom-md-28{padding-bottom:28px !important}.padding-left-md-28{padding-left:28px !important}.padding-right-md-28{padding-right:28px !important}.padding-lr-md-28{padding-left:28px !important;padding-right:28px !important}.padding-tb-md-28{padding-top:28px !important;padding-bottom:28px !important}.margin-md-28{margin:28px !important}.margin-top-md-28{margin-top:28px !important}.margin-bottom-md-28{margin-bottom:28px !important}.margin-left-md-28{margin-left:28px !important}.margin-right-md-28{margin-right:28px !important}.margin-lr-md-28{margin-left:28px !important;margin-right:28px !important}.margin-tb-md-28{margin-top:28px !important;margin-bottom:28px !important}.flex-gap-md-28{gap:28px}.flex-gap-row-md-28{row-gap:28px}.flex-gap-column-md-28{column-gap:28px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-30{padding:30px !important}.padding-top-md-30{padding-top:30px !important}.padding-bottom-md-30{padding-bottom:30px !important}.padding-left-md-30{padding-left:30px !important}.padding-right-md-30{padding-right:30px !important}.padding-lr-md-30{padding-left:30px !important;padding-right:30px !important}.padding-tb-md-30{padding-top:30px !important;padding-bottom:30px !important}.margin-md-30{margin:30px !important}.margin-top-md-30{margin-top:30px !important}.margin-bottom-md-30{margin-bottom:30px !important}.margin-left-md-30{margin-left:30px !important}.margin-right-md-30{margin-right:30px !important}.margin-lr-md-30{margin-left:30px !important;margin-right:30px !important}.margin-tb-md-30{margin-top:30px !important;margin-bottom:30px !important}.flex-gap-md-30{gap:30px}.flex-gap-row-md-30{row-gap:30px}.flex-gap-column-md-30{column-gap:30px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-32{padding:32px !important}.padding-top-md-32{padding-top:32px !important}.padding-bottom-md-32{padding-bottom:32px !important}.padding-left-md-32{padding-left:32px !important}.padding-right-md-32{padding-right:32px !important}.padding-lr-md-32{padding-left:32px !important;padding-right:32px !important}.padding-tb-md-32{padding-top:32px !important;padding-bottom:32px !important}.margin-md-32{margin:32px !important}.margin-top-md-32{margin-top:32px !important}.margin-bottom-md-32{margin-bottom:32px !important}.margin-left-md-32{margin-left:32px !important}.margin-right-md-32{margin-right:32px !important}.margin-lr-md-32{margin-left:32px !important;margin-right:32px !important}.margin-tb-md-32{margin-top:32px !important;margin-bottom:32px !important}.flex-gap-md-32{gap:32px}.flex-gap-row-md-32{row-gap:32px}.flex-gap-column-md-32{column-gap:32px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-35{padding:35px !important}.padding-top-md-35{padding-top:35px !important}.padding-bottom-md-35{padding-bottom:35px !important}.padding-left-md-35{padding-left:35px !important}.padding-right-md-35{padding-right:35px !important}.padding-lr-md-35{padding-left:35px !important;padding-right:35px !important}.padding-tb-md-35{padding-top:35px !important;padding-bottom:35px !important}.margin-md-35{margin:35px !important}.margin-top-md-35{margin-top:35px !important}.margin-bottom-md-35{margin-bottom:35px !important}.margin-left-md-35{margin-left:35px !important}.margin-right-md-35{margin-right:35px !important}.margin-lr-md-35{margin-left:35px !important;margin-right:35px !important}.margin-tb-md-35{margin-top:35px !important;margin-bottom:35px !important}.flex-gap-md-35{gap:35px}.flex-gap-row-md-35{row-gap:35px}.flex-gap-column-md-35{column-gap:35px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-36{padding:36px !important}.padding-top-md-36{padding-top:36px !important}.padding-bottom-md-36{padding-bottom:36px !important}.padding-left-md-36{padding-left:36px !important}.padding-right-md-36{padding-right:36px !important}.padding-lr-md-36{padding-left:36px !important;padding-right:36px !important}.padding-tb-md-36{padding-top:36px !important;padding-bottom:36px !important}.margin-md-36{margin:36px !important}.margin-top-md-36{margin-top:36px !important}.margin-bottom-md-36{margin-bottom:36px !important}.margin-left-md-36{margin-left:36px !important}.margin-right-md-36{margin-right:36px !important}.margin-lr-md-36{margin-left:36px !important;margin-right:36px !important}.margin-tb-md-36{margin-top:36px !important;margin-bottom:36px !important}.flex-gap-md-36{gap:36px}.flex-gap-row-md-36{row-gap:36px}.flex-gap-column-md-36{column-gap:36px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-40{padding:40px !important}.padding-top-md-40{padding-top:40px !important}.padding-bottom-md-40{padding-bottom:40px !important}.padding-left-md-40{padding-left:40px !important}.padding-right-md-40{padding-right:40px !important}.padding-lr-md-40{padding-left:40px !important;padding-right:40px !important}.padding-tb-md-40{padding-top:40px !important;padding-bottom:40px !important}.margin-md-40{margin:40px !important}.margin-top-md-40{margin-top:40px !important}.margin-bottom-md-40{margin-bottom:40px !important}.margin-left-md-40{margin-left:40px !important}.margin-right-md-40{margin-right:40px !important}.margin-lr-md-40{margin-left:40px !important;margin-right:40px !important}.margin-tb-md-40{margin-top:40px !important;margin-bottom:40px !important}.flex-gap-md-40{gap:40px}.flex-gap-row-md-40{row-gap:40px}.flex-gap-column-md-40{column-gap:40px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-45{padding:45px !important}.padding-top-md-45{padding-top:45px !important}.padding-bottom-md-45{padding-bottom:45px !important}.padding-left-md-45{padding-left:45px !important}.padding-right-md-45{padding-right:45px !important}.padding-lr-md-45{padding-left:45px !important;padding-right:45px !important}.padding-tb-md-45{padding-top:45px !important;padding-bottom:45px !important}.margin-md-45{margin:45px !important}.margin-top-md-45{margin-top:45px !important}.margin-bottom-md-45{margin-bottom:45px !important}.margin-left-md-45{margin-left:45px !important}.margin-right-md-45{margin-right:45px !important}.margin-lr-md-45{margin-left:45px !important;margin-right:45px !important}.margin-tb-md-45{margin-top:45px !important;margin-bottom:45px !important}.flex-gap-md-45{gap:45px}.flex-gap-row-md-45{row-gap:45px}.flex-gap-column-md-45{column-gap:45px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-48{padding:48px !important}.padding-top-md-48{padding-top:48px !important}.padding-bottom-md-48{padding-bottom:48px !important}.padding-left-md-48{padding-left:48px !important}.padding-right-md-48{padding-right:48px !important}.padding-lr-md-48{padding-left:48px !important;padding-right:48px !important}.padding-tb-md-48{padding-top:48px !important;padding-bottom:48px !important}.margin-md-48{margin:48px !important}.margin-top-md-48{margin-top:48px !important}.margin-bottom-md-48{margin-bottom:48px !important}.margin-left-md-48{margin-left:48px !important}.margin-right-md-48{margin-right:48px !important}.margin-lr-md-48{margin-left:48px !important;margin-right:48px !important}.margin-tb-md-48{margin-top:48px !important;margin-bottom:48px !important}.flex-gap-md-48{gap:48px}.flex-gap-row-md-48{row-gap:48px}.flex-gap-column-md-48{column-gap:48px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-50{padding:50px !important}.padding-top-md-50{padding-top:50px !important}.padding-bottom-md-50{padding-bottom:50px !important}.padding-left-md-50{padding-left:50px !important}.padding-right-md-50{padding-right:50px !important}.padding-lr-md-50{padding-left:50px !important;padding-right:50px !important}.padding-tb-md-50{padding-top:50px !important;padding-bottom:50px !important}.margin-md-50{margin:50px !important}.margin-top-md-50{margin-top:50px !important}.margin-bottom-md-50{margin-bottom:50px !important}.margin-left-md-50{margin-left:50px !important}.margin-right-md-50{margin-right:50px !important}.margin-lr-md-50{margin-left:50px !important;margin-right:50px !important}.margin-tb-md-50{margin-top:50px !important;margin-bottom:50px !important}.flex-gap-md-50{gap:50px}.flex-gap-row-md-50{row-gap:50px}.flex-gap-column-md-50{column-gap:50px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-56{padding:56px !important}.padding-top-md-56{padding-top:56px !important}.padding-bottom-md-56{padding-bottom:56px !important}.padding-left-md-56{padding-left:56px !important}.padding-right-md-56{padding-right:56px !important}.padding-lr-md-56{padding-left:56px !important;padding-right:56px !important}.padding-tb-md-56{padding-top:56px !important;padding-bottom:56px !important}.margin-md-56{margin:56px !important}.margin-top-md-56{margin-top:56px !important}.margin-bottom-md-56{margin-bottom:56px !important}.margin-left-md-56{margin-left:56px !important}.margin-right-md-56{margin-right:56px !important}.margin-lr-md-56{margin-left:56px !important;margin-right:56px !important}.margin-tb-md-56{margin-top:56px !important;margin-bottom:56px !important}.flex-gap-md-56{gap:56px}.flex-gap-row-md-56{row-gap:56px}.flex-gap-column-md-56{column-gap:56px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-60{padding:60px !important}.padding-top-md-60{padding-top:60px !important}.padding-bottom-md-60{padding-bottom:60px !important}.padding-left-md-60{padding-left:60px !important}.padding-right-md-60{padding-right:60px !important}.padding-lr-md-60{padding-left:60px !important;padding-right:60px !important}.padding-tb-md-60{padding-top:60px !important;padding-bottom:60px !important}.margin-md-60{margin:60px !important}.margin-top-md-60{margin-top:60px !important}.margin-bottom-md-60{margin-bottom:60px !important}.margin-left-md-60{margin-left:60px !important}.margin-right-md-60{margin-right:60px !important}.margin-lr-md-60{margin-left:60px !important;margin-right:60px !important}.margin-tb-md-60{margin-top:60px !important;margin-bottom:60px !important}.flex-gap-md-60{gap:60px}.flex-gap-row-md-60{row-gap:60px}.flex-gap-column-md-60{column-gap:60px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-72{padding:72px !important}.padding-top-md-72{padding-top:72px !important}.padding-bottom-md-72{padding-bottom:72px !important}.padding-left-md-72{padding-left:72px !important}.padding-right-md-72{padding-right:72px !important}.padding-lr-md-72{padding-left:72px !important;padding-right:72px !important}.padding-tb-md-72{padding-top:72px !important;padding-bottom:72px !important}.margin-md-72{margin:72px !important}.margin-top-md-72{margin-top:72px !important}.margin-bottom-md-72{margin-bottom:72px !important}.margin-left-md-72{margin-left:72px !important}.margin-right-md-72{margin-right:72px !important}.margin-lr-md-72{margin-left:72px !important;margin-right:72px !important}.margin-tb-md-72{margin-top:72px !important;margin-bottom:72px !important}.flex-gap-md-72{gap:72px}.flex-gap-row-md-72{row-gap:72px}.flex-gap-column-md-72{column-gap:72px}}@media screen and (min-width: 768px) and (max-width: 1024px){.padding-md-78{padding:78px !important}.padding-top-md-78{padding-top:78px !important}.padding-bottom-md-78{padding-bottom:78px !important}.padding-left-md-78{padding-left:78px !important}.padding-right-md-78{padding-right:78px !important}.padding-lr-md-78{padding-left:78px !important;padding-right:78px !important}.padding-tb-md-78{padding-top:78px !important;padding-bottom:78px !important}.margin-md-78{margin:78px !important}.margin-top-md-78{margin-top:78px !important}.margin-bottom-md-78{margin-bottom:78px !important}.margin-left-md-78{margin-left:78px !important}.margin-right-md-78{margin-right:78px !important}.margin-lr-md-78{margin-left:78px !important;margin-right:78px !important}.margin-tb-md-78{margin-top:78px !important;margin-bottom:78px !important}.flex-gap-md-78{gap:78px}.flex-gap-row-md-78{row-gap:78px}.flex-gap-column-md-78{column-gap:78px}}@media screen and (min-width: 768px){.padding-gt-md-auto{padding:auto !important}.padding-top-gt-md-auto{padding-top:auto !important}.padding-bottom-gt-md-auto{padding-bottom:auto !important}.padding-left-gt-md-auto{padding-left:auto !important}.padding-right-gt-md-auto{padding-right:auto !important}.padding-lr-gt-md-auto{padding-left:auto !important;padding-right:auto !important}.padding-tb-gt-md-auto{padding-top:auto !important;padding-bottom:auto !important}.margin-gt-md-auto{margin:auto !important}.margin-top-gt-md-auto{margin-top:auto !important}.margin-bottom-gt-md-auto{margin-bottom:auto !important}.margin-left-gt-md-auto{margin-left:auto !important}.margin-right-gt-md-auto{margin-right:auto !important}.margin-lr-gt-md-auto{margin-left:auto !important;margin-right:auto !important}.margin-tb-gt-md-auto{margin-top:auto !important;margin-bottom:auto !important}.flex-gap-gt-md-auto{gap:auto}.flex-gap-row-gt-md-auto{row-gap:auto}.flex-gap-column-gt-md-auto{column-gap:auto}}@media screen and (min-width: 768px){.padding-gt-md-0{padding:0px !important}.padding-top-gt-md-0{padding-top:0px !important}.padding-bottom-gt-md-0{padding-bottom:0px !important}.padding-left-gt-md-0{padding-left:0px !important}.padding-right-gt-md-0{padding-right:0px !important}.padding-lr-gt-md-0{padding-left:0px !important;padding-right:0px !important}.padding-tb-gt-md-0{padding-top:0px !important;padding-bottom:0px !important}.margin-gt-md-0{margin:0px !important}.margin-top-gt-md-0{margin-top:0px !important}.margin-bottom-gt-md-0{margin-bottom:0px !important}.margin-left-gt-md-0{margin-left:0px !important}.margin-right-gt-md-0{margin-right:0px !important}.margin-lr-gt-md-0{margin-left:0px !important;margin-right:0px !important}.margin-tb-gt-md-0{margin-top:0px !important;margin-bottom:0px !important}.flex-gap-gt-md-0{gap:0px}.flex-gap-row-gt-md-0{row-gap:0px}.flex-gap-column-gt-md-0{column-gap:0px}}@media screen and (min-width: 768px){.padding-gt-md-2{padding:2px !important}.padding-top-gt-md-2{padding-top:2px !important}.padding-bottom-gt-md-2{padding-bottom:2px !important}.padding-left-gt-md-2{padding-left:2px !important}.padding-right-gt-md-2{padding-right:2px !important}.padding-lr-gt-md-2{padding-left:2px !important;padding-right:2px !important}.padding-tb-gt-md-2{padding-top:2px !important;padding-bottom:2px !important}.margin-gt-md-2{margin:2px !important}.margin-top-gt-md-2{margin-top:2px !important}.margin-bottom-gt-md-2{margin-bottom:2px !important}.margin-left-gt-md-2{margin-left:2px !important}.margin-right-gt-md-2{margin-right:2px !important}.margin-lr-gt-md-2{margin-left:2px !important;margin-right:2px !important}.margin-tb-gt-md-2{margin-top:2px !important;margin-bottom:2px !important}.flex-gap-gt-md-2{gap:2px}.flex-gap-row-gt-md-2{row-gap:2px}.flex-gap-column-gt-md-2{column-gap:2px}}@media screen and (min-width: 768px){.padding-gt-md-3{padding:3px !important}.padding-top-gt-md-3{padding-top:3px !important}.padding-bottom-gt-md-3{padding-bottom:3px !important}.padding-left-gt-md-3{padding-left:3px !important}.padding-right-gt-md-3{padding-right:3px !important}.padding-lr-gt-md-3{padding-left:3px !important;padding-right:3px !important}.padding-tb-gt-md-3{padding-top:3px !important;padding-bottom:3px !important}.margin-gt-md-3{margin:3px !important}.margin-top-gt-md-3{margin-top:3px !important}.margin-bottom-gt-md-3{margin-bottom:3px !important}.margin-left-gt-md-3{margin-left:3px !important}.margin-right-gt-md-3{margin-right:3px !important}.margin-lr-gt-md-3{margin-left:3px !important;margin-right:3px !important}.margin-tb-gt-md-3{margin-top:3px !important;margin-bottom:3px !important}.flex-gap-gt-md-3{gap:3px}.flex-gap-row-gt-md-3{row-gap:3px}.flex-gap-column-gt-md-3{column-gap:3px}}@media screen and (min-width: 768px){.padding-gt-md-4{padding:4px !important}.padding-top-gt-md-4{padding-top:4px !important}.padding-bottom-gt-md-4{padding-bottom:4px !important}.padding-left-gt-md-4{padding-left:4px !important}.padding-right-gt-md-4{padding-right:4px !important}.padding-lr-gt-md-4{padding-left:4px !important;padding-right:4px !important}.padding-tb-gt-md-4{padding-top:4px !important;padding-bottom:4px !important}.margin-gt-md-4{margin:4px !important}.margin-top-gt-md-4{margin-top:4px !important}.margin-bottom-gt-md-4{margin-bottom:4px !important}.margin-left-gt-md-4{margin-left:4px !important}.margin-right-gt-md-4{margin-right:4px !important}.margin-lr-gt-md-4{margin-left:4px !important;margin-right:4px !important}.margin-tb-gt-md-4{margin-top:4px !important;margin-bottom:4px !important}.flex-gap-gt-md-4{gap:4px}.flex-gap-row-gt-md-4{row-gap:4px}.flex-gap-column-gt-md-4{column-gap:4px}}@media screen and (min-width: 768px){.padding-gt-md-5{padding:5px !important}.padding-top-gt-md-5{padding-top:5px !important}.padding-bottom-gt-md-5{padding-bottom:5px !important}.padding-left-gt-md-5{padding-left:5px !important}.padding-right-gt-md-5{padding-right:5px !important}.padding-lr-gt-md-5{padding-left:5px !important;padding-right:5px !important}.padding-tb-gt-md-5{padding-top:5px !important;padding-bottom:5px !important}.margin-gt-md-5{margin:5px !important}.margin-top-gt-md-5{margin-top:5px !important}.margin-bottom-gt-md-5{margin-bottom:5px !important}.margin-left-gt-md-5{margin-left:5px !important}.margin-right-gt-md-5{margin-right:5px !important}.margin-lr-gt-md-5{margin-left:5px !important;margin-right:5px !important}.margin-tb-gt-md-5{margin-top:5px !important;margin-bottom:5px !important}.flex-gap-gt-md-5{gap:5px}.flex-gap-row-gt-md-5{row-gap:5px}.flex-gap-column-gt-md-5{column-gap:5px}}@media screen and (min-width: 768px){.padding-gt-md-6{padding:6px !important}.padding-top-gt-md-6{padding-top:6px !important}.padding-bottom-gt-md-6{padding-bottom:6px !important}.padding-left-gt-md-6{padding-left:6px !important}.padding-right-gt-md-6{padding-right:6px !important}.padding-lr-gt-md-6{padding-left:6px !important;padding-right:6px !important}.padding-tb-gt-md-6{padding-top:6px !important;padding-bottom:6px !important}.margin-gt-md-6{margin:6px !important}.margin-top-gt-md-6{margin-top:6px !important}.margin-bottom-gt-md-6{margin-bottom:6px !important}.margin-left-gt-md-6{margin-left:6px !important}.margin-right-gt-md-6{margin-right:6px !important}.margin-lr-gt-md-6{margin-left:6px !important;margin-right:6px !important}.margin-tb-gt-md-6{margin-top:6px !important;margin-bottom:6px !important}.flex-gap-gt-md-6{gap:6px}.flex-gap-row-gt-md-6{row-gap:6px}.flex-gap-column-gt-md-6{column-gap:6px}}@media screen and (min-width: 768px){.padding-gt-md-8{padding:8px !important}.padding-top-gt-md-8{padding-top:8px !important}.padding-bottom-gt-md-8{padding-bottom:8px !important}.padding-left-gt-md-8{padding-left:8px !important}.padding-right-gt-md-8{padding-right:8px !important}.padding-lr-gt-md-8{padding-left:8px !important;padding-right:8px !important}.padding-tb-gt-md-8{padding-top:8px !important;padding-bottom:8px !important}.margin-gt-md-8{margin:8px !important}.margin-top-gt-md-8{margin-top:8px !important}.margin-bottom-gt-md-8{margin-bottom:8px !important}.margin-left-gt-md-8{margin-left:8px !important}.margin-right-gt-md-8{margin-right:8px !important}.margin-lr-gt-md-8{margin-left:8px !important;margin-right:8px !important}.margin-tb-gt-md-8{margin-top:8px !important;margin-bottom:8px !important}.flex-gap-gt-md-8{gap:8px}.flex-gap-row-gt-md-8{row-gap:8px}.flex-gap-column-gt-md-8{column-gap:8px}}@media screen and (min-width: 768px){.padding-gt-md-10{padding:10px !important}.padding-top-gt-md-10{padding-top:10px !important}.padding-bottom-gt-md-10{padding-bottom:10px !important}.padding-left-gt-md-10{padding-left:10px !important}.padding-right-gt-md-10{padding-right:10px !important}.padding-lr-gt-md-10{padding-left:10px !important;padding-right:10px !important}.padding-tb-gt-md-10{padding-top:10px !important;padding-bottom:10px !important}.margin-gt-md-10{margin:10px !important}.margin-top-gt-md-10{margin-top:10px !important}.margin-bottom-gt-md-10{margin-bottom:10px !important}.margin-left-gt-md-10{margin-left:10px !important}.margin-right-gt-md-10{margin-right:10px !important}.margin-lr-gt-md-10{margin-left:10px !important;margin-right:10px !important}.margin-tb-gt-md-10{margin-top:10px !important;margin-bottom:10px !important}.flex-gap-gt-md-10{gap:10px}.flex-gap-row-gt-md-10{row-gap:10px}.flex-gap-column-gt-md-10{column-gap:10px}}@media screen and (min-width: 768px){.padding-gt-md-11{padding:11px !important}.padding-top-gt-md-11{padding-top:11px !important}.padding-bottom-gt-md-11{padding-bottom:11px !important}.padding-left-gt-md-11{padding-left:11px !important}.padding-right-gt-md-11{padding-right:11px !important}.padding-lr-gt-md-11{padding-left:11px !important;padding-right:11px !important}.padding-tb-gt-md-11{padding-top:11px !important;padding-bottom:11px !important}.margin-gt-md-11{margin:11px !important}.margin-top-gt-md-11{margin-top:11px !important}.margin-bottom-gt-md-11{margin-bottom:11px !important}.margin-left-gt-md-11{margin-left:11px !important}.margin-right-gt-md-11{margin-right:11px !important}.margin-lr-gt-md-11{margin-left:11px !important;margin-right:11px !important}.margin-tb-gt-md-11{margin-top:11px !important;margin-bottom:11px !important}.flex-gap-gt-md-11{gap:11px}.flex-gap-row-gt-md-11{row-gap:11px}.flex-gap-column-gt-md-11{column-gap:11px}}@media screen and (min-width: 768px){.padding-gt-md-12{padding:12px !important}.padding-top-gt-md-12{padding-top:12px !important}.padding-bottom-gt-md-12{padding-bottom:12px !important}.padding-left-gt-md-12{padding-left:12px !important}.padding-right-gt-md-12{padding-right:12px !important}.padding-lr-gt-md-12{padding-left:12px !important;padding-right:12px !important}.padding-tb-gt-md-12{padding-top:12px !important;padding-bottom:12px !important}.margin-gt-md-12{margin:12px !important}.margin-top-gt-md-12{margin-top:12px !important}.margin-bottom-gt-md-12{margin-bottom:12px !important}.margin-left-gt-md-12{margin-left:12px !important}.margin-right-gt-md-12{margin-right:12px !important}.margin-lr-gt-md-12{margin-left:12px !important;margin-right:12px !important}.margin-tb-gt-md-12{margin-top:12px !important;margin-bottom:12px !important}.flex-gap-gt-md-12{gap:12px}.flex-gap-row-gt-md-12{row-gap:12px}.flex-gap-column-gt-md-12{column-gap:12px}}@media screen and (min-width: 768px){.padding-gt-md-13{padding:13px !important}.padding-top-gt-md-13{padding-top:13px !important}.padding-bottom-gt-md-13{padding-bottom:13px !important}.padding-left-gt-md-13{padding-left:13px !important}.padding-right-gt-md-13{padding-right:13px !important}.padding-lr-gt-md-13{padding-left:13px !important;padding-right:13px !important}.padding-tb-gt-md-13{padding-top:13px !important;padding-bottom:13px !important}.margin-gt-md-13{margin:13px !important}.margin-top-gt-md-13{margin-top:13px !important}.margin-bottom-gt-md-13{margin-bottom:13px !important}.margin-left-gt-md-13{margin-left:13px !important}.margin-right-gt-md-13{margin-right:13px !important}.margin-lr-gt-md-13{margin-left:13px !important;margin-right:13px !important}.margin-tb-gt-md-13{margin-top:13px !important;margin-bottom:13px !important}.flex-gap-gt-md-13{gap:13px}.flex-gap-row-gt-md-13{row-gap:13px}.flex-gap-column-gt-md-13{column-gap:13px}}@media screen and (min-width: 768px){.padding-gt-md-14{padding:14px !important}.padding-top-gt-md-14{padding-top:14px !important}.padding-bottom-gt-md-14{padding-bottom:14px !important}.padding-left-gt-md-14{padding-left:14px !important}.padding-right-gt-md-14{padding-right:14px !important}.padding-lr-gt-md-14{padding-left:14px !important;padding-right:14px !important}.padding-tb-gt-md-14{padding-top:14px !important;padding-bottom:14px !important}.margin-gt-md-14{margin:14px !important}.margin-top-gt-md-14{margin-top:14px !important}.margin-bottom-gt-md-14{margin-bottom:14px !important}.margin-left-gt-md-14{margin-left:14px !important}.margin-right-gt-md-14{margin-right:14px !important}.margin-lr-gt-md-14{margin-left:14px !important;margin-right:14px !important}.margin-tb-gt-md-14{margin-top:14px !important;margin-bottom:14px !important}.flex-gap-gt-md-14{gap:14px}.flex-gap-row-gt-md-14{row-gap:14px}.flex-gap-column-gt-md-14{column-gap:14px}}@media screen and (min-width: 768px){.padding-gt-md-15{padding:15px !important}.padding-top-gt-md-15{padding-top:15px !important}.padding-bottom-gt-md-15{padding-bottom:15px !important}.padding-left-gt-md-15{padding-left:15px !important}.padding-right-gt-md-15{padding-right:15px !important}.padding-lr-gt-md-15{padding-left:15px !important;padding-right:15px !important}.padding-tb-gt-md-15{padding-top:15px !important;padding-bottom:15px !important}.margin-gt-md-15{margin:15px !important}.margin-top-gt-md-15{margin-top:15px !important}.margin-bottom-gt-md-15{margin-bottom:15px !important}.margin-left-gt-md-15{margin-left:15px !important}.margin-right-gt-md-15{margin-right:15px !important}.margin-lr-gt-md-15{margin-left:15px !important;margin-right:15px !important}.margin-tb-gt-md-15{margin-top:15px !important;margin-bottom:15px !important}.flex-gap-gt-md-15{gap:15px}.flex-gap-row-gt-md-15{row-gap:15px}.flex-gap-column-gt-md-15{column-gap:15px}}@media screen and (min-width: 768px){.padding-gt-md-16{padding:16px !important}.padding-top-gt-md-16{padding-top:16px !important}.padding-bottom-gt-md-16{padding-bottom:16px !important}.padding-left-gt-md-16{padding-left:16px !important}.padding-right-gt-md-16{padding-right:16px !important}.padding-lr-gt-md-16{padding-left:16px !important;padding-right:16px !important}.padding-tb-gt-md-16{padding-top:16px !important;padding-bottom:16px !important}.margin-gt-md-16{margin:16px !important}.margin-top-gt-md-16{margin-top:16px !important}.margin-bottom-gt-md-16{margin-bottom:16px !important}.margin-left-gt-md-16{margin-left:16px !important}.margin-right-gt-md-16{margin-right:16px !important}.margin-lr-gt-md-16{margin-left:16px !important;margin-right:16px !important}.margin-tb-gt-md-16{margin-top:16px !important;margin-bottom:16px !important}.flex-gap-gt-md-16{gap:16px}.flex-gap-row-gt-md-16{row-gap:16px}.flex-gap-column-gt-md-16{column-gap:16px}}@media screen and (min-width: 768px){.padding-gt-md-17{padding:17px !important}.padding-top-gt-md-17{padding-top:17px !important}.padding-bottom-gt-md-17{padding-bottom:17px !important}.padding-left-gt-md-17{padding-left:17px !important}.padding-right-gt-md-17{padding-right:17px !important}.padding-lr-gt-md-17{padding-left:17px !important;padding-right:17px !important}.padding-tb-gt-md-17{padding-top:17px !important;padding-bottom:17px !important}.margin-gt-md-17{margin:17px !important}.margin-top-gt-md-17{margin-top:17px !important}.margin-bottom-gt-md-17{margin-bottom:17px !important}.margin-left-gt-md-17{margin-left:17px !important}.margin-right-gt-md-17{margin-right:17px !important}.margin-lr-gt-md-17{margin-left:17px !important;margin-right:17px !important}.margin-tb-gt-md-17{margin-top:17px !important;margin-bottom:17px !important}.flex-gap-gt-md-17{gap:17px}.flex-gap-row-gt-md-17{row-gap:17px}.flex-gap-column-gt-md-17{column-gap:17px}}@media screen and (min-width: 768px){.padding-gt-md-18{padding:18px !important}.padding-top-gt-md-18{padding-top:18px !important}.padding-bottom-gt-md-18{padding-bottom:18px !important}.padding-left-gt-md-18{padding-left:18px !important}.padding-right-gt-md-18{padding-right:18px !important}.padding-lr-gt-md-18{padding-left:18px !important;padding-right:18px !important}.padding-tb-gt-md-18{padding-top:18px !important;padding-bottom:18px !important}.margin-gt-md-18{margin:18px !important}.margin-top-gt-md-18{margin-top:18px !important}.margin-bottom-gt-md-18{margin-bottom:18px !important}.margin-left-gt-md-18{margin-left:18px !important}.margin-right-gt-md-18{margin-right:18px !important}.margin-lr-gt-md-18{margin-left:18px !important;margin-right:18px !important}.margin-tb-gt-md-18{margin-top:18px !important;margin-bottom:18px !important}.flex-gap-gt-md-18{gap:18px}.flex-gap-row-gt-md-18{row-gap:18px}.flex-gap-column-gt-md-18{column-gap:18px}}@media screen and (min-width: 768px){.padding-gt-md-20{padding:20px !important}.padding-top-gt-md-20{padding-top:20px !important}.padding-bottom-gt-md-20{padding-bottom:20px !important}.padding-left-gt-md-20{padding-left:20px !important}.padding-right-gt-md-20{padding-right:20px !important}.padding-lr-gt-md-20{padding-left:20px !important;padding-right:20px !important}.padding-tb-gt-md-20{padding-top:20px !important;padding-bottom:20px !important}.margin-gt-md-20{margin:20px !important}.margin-top-gt-md-20{margin-top:20px !important}.margin-bottom-gt-md-20{margin-bottom:20px !important}.margin-left-gt-md-20{margin-left:20px !important}.margin-right-gt-md-20{margin-right:20px !important}.margin-lr-gt-md-20{margin-left:20px !important;margin-right:20px !important}.margin-tb-gt-md-20{margin-top:20px !important;margin-bottom:20px !important}.flex-gap-gt-md-20{gap:20px}.flex-gap-row-gt-md-20{row-gap:20px}.flex-gap-column-gt-md-20{column-gap:20px}}@media screen and (min-width: 768px){.padding-gt-md-24{padding:24px !important}.padding-top-gt-md-24{padding-top:24px !important}.padding-bottom-gt-md-24{padding-bottom:24px !important}.padding-left-gt-md-24{padding-left:24px !important}.padding-right-gt-md-24{padding-right:24px !important}.padding-lr-gt-md-24{padding-left:24px !important;padding-right:24px !important}.padding-tb-gt-md-24{padding-top:24px !important;padding-bottom:24px !important}.margin-gt-md-24{margin:24px !important}.margin-top-gt-md-24{margin-top:24px !important}.margin-bottom-gt-md-24{margin-bottom:24px !important}.margin-left-gt-md-24{margin-left:24px !important}.margin-right-gt-md-24{margin-right:24px !important}.margin-lr-gt-md-24{margin-left:24px !important;margin-right:24px !important}.margin-tb-gt-md-24{margin-top:24px !important;margin-bottom:24px !important}.flex-gap-gt-md-24{gap:24px}.flex-gap-row-gt-md-24{row-gap:24px}.flex-gap-column-gt-md-24{column-gap:24px}}@media screen and (min-width: 768px){.padding-gt-md-28{padding:28px !important}.padding-top-gt-md-28{padding-top:28px !important}.padding-bottom-gt-md-28{padding-bottom:28px !important}.padding-left-gt-md-28{padding-left:28px !important}.padding-right-gt-md-28{padding-right:28px !important}.padding-lr-gt-md-28{padding-left:28px !important;padding-right:28px !important}.padding-tb-gt-md-28{padding-top:28px !important;padding-bottom:28px !important}.margin-gt-md-28{margin:28px !important}.margin-top-gt-md-28{margin-top:28px !important}.margin-bottom-gt-md-28{margin-bottom:28px !important}.margin-left-gt-md-28{margin-left:28px !important}.margin-right-gt-md-28{margin-right:28px !important}.margin-lr-gt-md-28{margin-left:28px !important;margin-right:28px !important}.margin-tb-gt-md-28{margin-top:28px !important;margin-bottom:28px !important}.flex-gap-gt-md-28{gap:28px}.flex-gap-row-gt-md-28{row-gap:28px}.flex-gap-column-gt-md-28{column-gap:28px}}@media screen and (min-width: 768px){.padding-gt-md-30{padding:30px !important}.padding-top-gt-md-30{padding-top:30px !important}.padding-bottom-gt-md-30{padding-bottom:30px !important}.padding-left-gt-md-30{padding-left:30px !important}.padding-right-gt-md-30{padding-right:30px !important}.padding-lr-gt-md-30{padding-left:30px !important;padding-right:30px !important}.padding-tb-gt-md-30{padding-top:30px !important;padding-bottom:30px !important}.margin-gt-md-30{margin:30px !important}.margin-top-gt-md-30{margin-top:30px !important}.margin-bottom-gt-md-30{margin-bottom:30px !important}.margin-left-gt-md-30{margin-left:30px !important}.margin-right-gt-md-30{margin-right:30px !important}.margin-lr-gt-md-30{margin-left:30px !important;margin-right:30px !important}.margin-tb-gt-md-30{margin-top:30px !important;margin-bottom:30px !important}.flex-gap-gt-md-30{gap:30px}.flex-gap-row-gt-md-30{row-gap:30px}.flex-gap-column-gt-md-30{column-gap:30px}}@media screen and (min-width: 768px){.padding-gt-md-32{padding:32px !important}.padding-top-gt-md-32{padding-top:32px !important}.padding-bottom-gt-md-32{padding-bottom:32px !important}.padding-left-gt-md-32{padding-left:32px !important}.padding-right-gt-md-32{padding-right:32px !important}.padding-lr-gt-md-32{padding-left:32px !important;padding-right:32px !important}.padding-tb-gt-md-32{padding-top:32px !important;padding-bottom:32px !important}.margin-gt-md-32{margin:32px !important}.margin-top-gt-md-32{margin-top:32px !important}.margin-bottom-gt-md-32{margin-bottom:32px !important}.margin-left-gt-md-32{margin-left:32px !important}.margin-right-gt-md-32{margin-right:32px !important}.margin-lr-gt-md-32{margin-left:32px !important;margin-right:32px !important}.margin-tb-gt-md-32{margin-top:32px !important;margin-bottom:32px !important}.flex-gap-gt-md-32{gap:32px}.flex-gap-row-gt-md-32{row-gap:32px}.flex-gap-column-gt-md-32{column-gap:32px}}@media screen and (min-width: 768px){.padding-gt-md-35{padding:35px !important}.padding-top-gt-md-35{padding-top:35px !important}.padding-bottom-gt-md-35{padding-bottom:35px !important}.padding-left-gt-md-35{padding-left:35px !important}.padding-right-gt-md-35{padding-right:35px !important}.padding-lr-gt-md-35{padding-left:35px !important;padding-right:35px !important}.padding-tb-gt-md-35{padding-top:35px !important;padding-bottom:35px !important}.margin-gt-md-35{margin:35px !important}.margin-top-gt-md-35{margin-top:35px !important}.margin-bottom-gt-md-35{margin-bottom:35px !important}.margin-left-gt-md-35{margin-left:35px !important}.margin-right-gt-md-35{margin-right:35px !important}.margin-lr-gt-md-35{margin-left:35px !important;margin-right:35px !important}.margin-tb-gt-md-35{margin-top:35px !important;margin-bottom:35px !important}.flex-gap-gt-md-35{gap:35px}.flex-gap-row-gt-md-35{row-gap:35px}.flex-gap-column-gt-md-35{column-gap:35px}}@media screen and (min-width: 768px){.padding-gt-md-36{padding:36px !important}.padding-top-gt-md-36{padding-top:36px !important}.padding-bottom-gt-md-36{padding-bottom:36px !important}.padding-left-gt-md-36{padding-left:36px !important}.padding-right-gt-md-36{padding-right:36px !important}.padding-lr-gt-md-36{padding-left:36px !important;padding-right:36px !important}.padding-tb-gt-md-36{padding-top:36px !important;padding-bottom:36px !important}.margin-gt-md-36{margin:36px !important}.margin-top-gt-md-36{margin-top:36px !important}.margin-bottom-gt-md-36{margin-bottom:36px !important}.margin-left-gt-md-36{margin-left:36px !important}.margin-right-gt-md-36{margin-right:36px !important}.margin-lr-gt-md-36{margin-left:36px !important;margin-right:36px !important}.margin-tb-gt-md-36{margin-top:36px !important;margin-bottom:36px !important}.flex-gap-gt-md-36{gap:36px}.flex-gap-row-gt-md-36{row-gap:36px}.flex-gap-column-gt-md-36{column-gap:36px}}@media screen and (min-width: 768px){.padding-gt-md-40{padding:40px !important}.padding-top-gt-md-40{padding-top:40px !important}.padding-bottom-gt-md-40{padding-bottom:40px !important}.padding-left-gt-md-40{padding-left:40px !important}.padding-right-gt-md-40{padding-right:40px !important}.padding-lr-gt-md-40{padding-left:40px !important;padding-right:40px !important}.padding-tb-gt-md-40{padding-top:40px !important;padding-bottom:40px !important}.margin-gt-md-40{margin:40px !important}.margin-top-gt-md-40{margin-top:40px !important}.margin-bottom-gt-md-40{margin-bottom:40px !important}.margin-left-gt-md-40{margin-left:40px !important}.margin-right-gt-md-40{margin-right:40px !important}.margin-lr-gt-md-40{margin-left:40px !important;margin-right:40px !important}.margin-tb-gt-md-40{margin-top:40px !important;margin-bottom:40px !important}.flex-gap-gt-md-40{gap:40px}.flex-gap-row-gt-md-40{row-gap:40px}.flex-gap-column-gt-md-40{column-gap:40px}}@media screen and (min-width: 768px){.padding-gt-md-45{padding:45px !important}.padding-top-gt-md-45{padding-top:45px !important}.padding-bottom-gt-md-45{padding-bottom:45px !important}.padding-left-gt-md-45{padding-left:45px !important}.padding-right-gt-md-45{padding-right:45px !important}.padding-lr-gt-md-45{padding-left:45px !important;padding-right:45px !important}.padding-tb-gt-md-45{padding-top:45px !important;padding-bottom:45px !important}.margin-gt-md-45{margin:45px !important}.margin-top-gt-md-45{margin-top:45px !important}.margin-bottom-gt-md-45{margin-bottom:45px !important}.margin-left-gt-md-45{margin-left:45px !important}.margin-right-gt-md-45{margin-right:45px !important}.margin-lr-gt-md-45{margin-left:45px !important;margin-right:45px !important}.margin-tb-gt-md-45{margin-top:45px !important;margin-bottom:45px !important}.flex-gap-gt-md-45{gap:45px}.flex-gap-row-gt-md-45{row-gap:45px}.flex-gap-column-gt-md-45{column-gap:45px}}@media screen and (min-width: 768px){.padding-gt-md-48{padding:48px !important}.padding-top-gt-md-48{padding-top:48px !important}.padding-bottom-gt-md-48{padding-bottom:48px !important}.padding-left-gt-md-48{padding-left:48px !important}.padding-right-gt-md-48{padding-right:48px !important}.padding-lr-gt-md-48{padding-left:48px !important;padding-right:48px !important}.padding-tb-gt-md-48{padding-top:48px !important;padding-bottom:48px !important}.margin-gt-md-48{margin:48px !important}.margin-top-gt-md-48{margin-top:48px !important}.margin-bottom-gt-md-48{margin-bottom:48px !important}.margin-left-gt-md-48{margin-left:48px !important}.margin-right-gt-md-48{margin-right:48px !important}.margin-lr-gt-md-48{margin-left:48px !important;margin-right:48px !important}.margin-tb-gt-md-48{margin-top:48px !important;margin-bottom:48px !important}.flex-gap-gt-md-48{gap:48px}.flex-gap-row-gt-md-48{row-gap:48px}.flex-gap-column-gt-md-48{column-gap:48px}}@media screen and (min-width: 768px){.padding-gt-md-50{padding:50px !important}.padding-top-gt-md-50{padding-top:50px !important}.padding-bottom-gt-md-50{padding-bottom:50px !important}.padding-left-gt-md-50{padding-left:50px !important}.padding-right-gt-md-50{padding-right:50px !important}.padding-lr-gt-md-50{padding-left:50px !important;padding-right:50px !important}.padding-tb-gt-md-50{padding-top:50px !important;padding-bottom:50px !important}.margin-gt-md-50{margin:50px !important}.margin-top-gt-md-50{margin-top:50px !important}.margin-bottom-gt-md-50{margin-bottom:50px !important}.margin-left-gt-md-50{margin-left:50px !important}.margin-right-gt-md-50{margin-right:50px !important}.margin-lr-gt-md-50{margin-left:50px !important;margin-right:50px !important}.margin-tb-gt-md-50{margin-top:50px !important;margin-bottom:50px !important}.flex-gap-gt-md-50{gap:50px}.flex-gap-row-gt-md-50{row-gap:50px}.flex-gap-column-gt-md-50{column-gap:50px}}@media screen and (min-width: 768px){.padding-gt-md-56{padding:56px !important}.padding-top-gt-md-56{padding-top:56px !important}.padding-bottom-gt-md-56{padding-bottom:56px !important}.padding-left-gt-md-56{padding-left:56px !important}.padding-right-gt-md-56{padding-right:56px !important}.padding-lr-gt-md-56{padding-left:56px !important;padding-right:56px !important}.padding-tb-gt-md-56{padding-top:56px !important;padding-bottom:56px !important}.margin-gt-md-56{margin:56px !important}.margin-top-gt-md-56{margin-top:56px !important}.margin-bottom-gt-md-56{margin-bottom:56px !important}.margin-left-gt-md-56{margin-left:56px !important}.margin-right-gt-md-56{margin-right:56px !important}.margin-lr-gt-md-56{margin-left:56px !important;margin-right:56px !important}.margin-tb-gt-md-56{margin-top:56px !important;margin-bottom:56px !important}.flex-gap-gt-md-56{gap:56px}.flex-gap-row-gt-md-56{row-gap:56px}.flex-gap-column-gt-md-56{column-gap:56px}}@media screen and (min-width: 768px){.padding-gt-md-60{padding:60px !important}.padding-top-gt-md-60{padding-top:60px !important}.padding-bottom-gt-md-60{padding-bottom:60px !important}.padding-left-gt-md-60{padding-left:60px !important}.padding-right-gt-md-60{padding-right:60px !important}.padding-lr-gt-md-60{padding-left:60px !important;padding-right:60px !important}.padding-tb-gt-md-60{padding-top:60px !important;padding-bottom:60px !important}.margin-gt-md-60{margin:60px !important}.margin-top-gt-md-60{margin-top:60px !important}.margin-bottom-gt-md-60{margin-bottom:60px !important}.margin-left-gt-md-60{margin-left:60px !important}.margin-right-gt-md-60{margin-right:60px !important}.margin-lr-gt-md-60{margin-left:60px !important;margin-right:60px !important}.margin-tb-gt-md-60{margin-top:60px !important;margin-bottom:60px !important}.flex-gap-gt-md-60{gap:60px}.flex-gap-row-gt-md-60{row-gap:60px}.flex-gap-column-gt-md-60{column-gap:60px}}@media screen and (min-width: 768px){.padding-gt-md-72{padding:72px !important}.padding-top-gt-md-72{padding-top:72px !important}.padding-bottom-gt-md-72{padding-bottom:72px !important}.padding-left-gt-md-72{padding-left:72px !important}.padding-right-gt-md-72{padding-right:72px !important}.padding-lr-gt-md-72{padding-left:72px !important;padding-right:72px !important}.padding-tb-gt-md-72{padding-top:72px !important;padding-bottom:72px !important}.margin-gt-md-72{margin:72px !important}.margin-top-gt-md-72{margin-top:72px !important}.margin-bottom-gt-md-72{margin-bottom:72px !important}.margin-left-gt-md-72{margin-left:72px !important}.margin-right-gt-md-72{margin-right:72px !important}.margin-lr-gt-md-72{margin-left:72px !important;margin-right:72px !important}.margin-tb-gt-md-72{margin-top:72px !important;margin-bottom:72px !important}.flex-gap-gt-md-72{gap:72px}.flex-gap-row-gt-md-72{row-gap:72px}.flex-gap-column-gt-md-72{column-gap:72px}}@media screen and (min-width: 768px){.padding-gt-md-78{padding:78px !important}.padding-top-gt-md-78{padding-top:78px !important}.padding-bottom-gt-md-78{padding-bottom:78px !important}.padding-left-gt-md-78{padding-left:78px !important}.padding-right-gt-md-78{padding-right:78px !important}.padding-lr-gt-md-78{padding-left:78px !important;padding-right:78px !important}.padding-tb-gt-md-78{padding-top:78px !important;padding-bottom:78px !important}.margin-gt-md-78{margin:78px !important}.margin-top-gt-md-78{margin-top:78px !important}.margin-bottom-gt-md-78{margin-bottom:78px !important}.margin-left-gt-md-78{margin-left:78px !important}.margin-right-gt-md-78{margin-right:78px !important}.margin-lr-gt-md-78{margin-left:78px !important;margin-right:78px !important}.margin-tb-gt-md-78{margin-top:78px !important;margin-bottom:78px !important}.flex-gap-gt-md-78{gap:78px}.flex-gap-row-gt-md-78{row-gap:78px}.flex-gap-column-gt-md-78{column-gap:78px}}.font-10{font-size:10px !important}.font-12{font-size:12px !important}.font-14{font-size:14px !important}.font-16{font-size:16px !important}.font-18{font-size:18px !important}.font-20{font-size:20px !important}.font-22{font-size:22px !important}.font-24{font-size:24px !important}.font-28{font-size:28px !important}.font-30{font-size:30px !important}.font-32{font-size:32px !important}.font-40{font-size:40px !important}.font-45{font-size:45px !important}.font-48{font-size:48px !important}.font-50{font-size:50px !important}.font-54{font-size:54px !important}.font-70{font-size:70px !important}@media screen and (max-width: 600px){.font-xs-10{font-size:10px !important}}@media screen and (max-width: 600px){.font-xs-12{font-size:12px !important}}@media screen and (max-width: 600px){.font-xs-14{font-size:14px !important}}@media screen and (max-width: 600px){.font-xs-16{font-size:16px !important}}@media screen and (max-width: 600px){.font-xs-18{font-size:18px !important}}@media screen and (max-width: 600px){.font-xs-20{font-size:20px !important}}@media screen and (max-width: 600px){.font-xs-22{font-size:22px !important}}@media screen and (max-width: 600px){.font-xs-24{font-size:24px !important}}@media screen and (max-width: 600px){.font-xs-28{font-size:28px !important}}@media screen and (max-width: 600px){.font-xs-30{font-size:30px !important}}@media screen and (max-width: 600px){.font-xs-32{font-size:32px !important}}@media screen and (max-width: 600px){.font-xs-40{font-size:40px !important}}@media screen and (max-width: 600px){.font-xs-45{font-size:45px !important}}@media screen and (max-width: 600px){.font-xs-48{font-size:48px !important}}@media screen and (max-width: 600px){.font-xs-50{font-size:50px !important}}@media screen and (max-width: 600px){.font-xs-54{font-size:54px !important}}@media screen and (max-width: 600px){.font-xs-70{font-size:70px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-10{font-size:10px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-12{font-size:12px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-14{font-size:14px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-16{font-size:16px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-18{font-size:18px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-20{font-size:20px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-22{font-size:22px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-24{font-size:24px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-28{font-size:28px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-30{font-size:30px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-32{font-size:32px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-40{font-size:40px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-45{font-size:45px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-48{font-size:48px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-50{font-size:50px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-54{font-size:54px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.font-md-70{font-size:70px !important}}.inline-block{display:inline-block}.display-block{display:block}.display-inline{display:inline}@media screen and (max-width: 480px){.inline-block-480{display:inline-block}.block-480{display:block}.inline-480{display:inline}.hide-xs{display:none !important}}.flexbox{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.flexbox-inline{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.flex-dir-row{-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.flex-dir-row-reverse{-webkit-box-direction:reverse;-webkit-box-orient:horizontal;-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-dir-column{-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-dir-column-reverse{-webkit-box-direction:reverse;-webkit-box-orient:vertical;-webkit-flex-direction:column-reverse;-moz-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media screen and (max-width: 600px){.flex-dir-column-600{-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width: 900px){.flex-dir-column-900{-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.flex-wrap-A{-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:none;flex-wrap:nowrap}.flex-wrap-B{-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:none;flex-wrap:nowrap}.flex-wrap-wrap{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-D{-webkit-flex-wrap:wrap-reverse;-moz-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}@media screen and (max-width: 768px){.flex-wrap-wrap-768{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}.flex-flow{-webkit-flex-flow:row nowrap;-moz-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.flex-flow-row-nowrap{-webkit-flex-flow:row nowrap;-moz-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.flex-flow-col-rev-wrap{-webkit-flex-flow:column-reverse wrap;-moz-flex-flow:column-reverse wrap;-ms-flex-flow:column-reverse wrap;flex-flow:column-reverse wrap}.flex-order--1{-webkit-box-ordinal-group:0;-webkit-order:-1;-moz-order:-1;-ms-flex-order:-1;order:-1}@media screen and (min-width: 720px){.flex-order-tablet--1{-webkit-box-ordinal-group:0;-webkit-order:-1;-moz-order:-1;-ms-flex-order:-1;order:-1}}@media screen and (max-width: 480px){.flex-order-mobile--1{-webkit-box-ordinal-group:0;-webkit-order:-1;-moz-order:-1;-ms-flex-order:-1;order:-1}}.flex-order-0{-webkit-box-ordinal-group:1;-webkit-order:0;-moz-order:0;-ms-flex-order:0;order:0}@media screen and (min-width: 720px){.flex-order-tablet-0{-webkit-box-ordinal-group:1;-webkit-order:0;-moz-order:0;-ms-flex-order:0;order:0}}@media screen and (max-width: 480px){.flex-order-mobile-0{-webkit-box-ordinal-group:1;-webkit-order:0;-moz-order:0;-ms-flex-order:0;order:0}}.flex-order-1{-webkit-box-ordinal-group:2;-webkit-order:1;-moz-order:1;-ms-flex-order:1;order:1}@media screen and (min-width: 720px){.flex-order-tablet-1{-webkit-box-ordinal-group:2;-webkit-order:1;-moz-order:1;-ms-flex-order:1;order:1}}@media screen and (max-width: 480px){.flex-order-mobile-1{-webkit-box-ordinal-group:2;-webkit-order:1;-moz-order:1;-ms-flex-order:1;order:1}}.flex-order-2{-webkit-box-ordinal-group:3;-webkit-order:2;-moz-order:2;-ms-flex-order:2;order:2}@media screen and (min-width: 720px){.flex-order-tablet-2{-webkit-box-ordinal-group:3;-webkit-order:2;-moz-order:2;-ms-flex-order:2;order:2}}@media screen and (max-width: 480px){.flex-order-mobile-2{-webkit-box-ordinal-group:3;-webkit-order:2;-moz-order:2;-ms-flex-order:2;order:2}}.flex-order-3{-webkit-box-ordinal-group:4;-webkit-order:3;-moz-order:3;-ms-flex-order:3;order:3}@media screen and (min-width: 720px){.flex-order-tablet-3{-webkit-box-ordinal-group:4;-webkit-order:3;-moz-order:3;-ms-flex-order:3;order:3}}@media screen and (max-width: 480px){.flex-order-mobile-3{-webkit-box-ordinal-group:4;-webkit-order:3;-moz-order:3;-ms-flex-order:3;order:3}}.flex-order-4{-webkit-box-ordinal-group:5;-webkit-order:4;-moz-order:4;-ms-flex-order:4;order:4}@media screen and (min-width: 720px){.flex-order-tablet-4{-webkit-box-ordinal-group:5;-webkit-order:4;-moz-order:4;-ms-flex-order:4;order:4}}@media screen and (max-width: 480px){.flex-order-mobile-4{-webkit-box-ordinal-group:5;-webkit-order:4;-moz-order:4;-ms-flex-order:4;order:4}}.flex-order-5{-webkit-box-ordinal-group:6;-webkit-order:5;-moz-order:5;-ms-flex-order:5;order:5}@media screen and (min-width: 720px){.flex-order-tablet-5{-webkit-box-ordinal-group:6;-webkit-order:5;-moz-order:5;-ms-flex-order:5;order:5}}@media screen and (max-width: 480px){.flex-order-mobile-5{-webkit-box-ordinal-group:6;-webkit-order:5;-moz-order:5;-ms-flex-order:5;order:5}}.flex-order-10{-webkit-box-ordinal-group:11;-webkit-order:10;-moz-order:10;-ms-flex-order:10;order:10}@media screen and (min-width: 720px){.flex-order-tablet-10{-webkit-box-ordinal-group:11;-webkit-order:10;-moz-order:10;-ms-flex-order:10;order:10}}@media screen and (max-width: 480px){.flex-order-mobile-10{-webkit-box-ordinal-group:11;-webkit-order:10;-moz-order:10;-ms-flex-order:10;order:10}}.flex-grow-A{-webkit-box-flex:0;-webkit-flex-grow:0;-moz-flex-grow:0;-ms-flex-positive:0;flex-grow:0}.flex-grow-3{-webkit-box-flex:3;-webkit-flex-grow:3;-moz-flex-grow:3;-ms-flex-positive:3;flex-grow:3}.flex-shrink-A{-webkit-flex-shrink:1;-moz-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.flex-shrink-B{-webkit-flex-shrink:2;-moz-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2}.flex-basis-A{-webkit-flex-basis:auto;-moz-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto}.flex-basis-B{-webkit-flex-basis:18rem;-moz-flex-basis:18rem;-ms-flex-preferred-size:18rem;flex-basis:18rem}.flex-A{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1}.flex-B{-webkit-box-flex:1;-webkit-flex:1 6 20%;-moz-box-flex:1;-moz-flex:1 6 20%;-ms-flex:1 6 20%;flex:1 6 20%}.flex-C{-webkit-box-flex:1;-webkit-flex:1 20%;-moz-box-flex:1;-moz-flex:1 20%;-ms-flex:1 20%;flex:1 20%}.flex-auto{-webkit-box-flex:auto;-webkit-flex:auto;-moz-box-flex:auto;-moz-flex:auto;-ms-flex:auto;flex:auto}.justify-content-A{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start}.flex-just-A{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start}.justify-content-B{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start}.flex-just-B{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;justify-content:flex-start}.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end}.flex-just-end{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center}.flex-just-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center}.justify-content-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between}.justify-content-space-around{-ms-flex-pack:distribute;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around}.flex-just-space-around{-ms-flex-pack:distribute;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around}.align-items-A{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;align-items:stretch}.align-items-flex-start{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;-moz-align-items:flex-start;align-items:flex-start}.align-items-flex-end{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;-moz-align-items:flex-end;align-items:flex-end}.align-items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.align-items-F{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;-moz-align-items:baseline;align-items:baseline}.align-items-G{-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;align-items:stretch}.align-self-A{-webkit-align-self:auto;-moz-align-self:auto;-ms-flex-item-align:auto;align-self:auto}.align-self-B{-webkit-align-self:auto;-moz-align-self:auto;-ms-flex-item-align:auto;align-self:auto}.align-self-start{-webkit-align-self:flex-start;-moz-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.align-self-end{-webkit-align-self:flex-end;-moz-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.align-self-center{-webkit-align-self:center;-moz-align-self:center;-ms-flex-item-align:center;align-self:center}.align-self-F{-webkit-align-self:baseline;-moz-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline}.align-self-G{-webkit-align-self:stretch;-moz-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}.align-content-A{-webkit-align-content:stretch;-moz-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.align-content-B{-webkit-align-content:flex-start;-moz-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.align-content-C{-webkit-align-content:flex-end;-moz-align-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end}.align-content-D{-webkit-align-content:center;-moz-align-content:center;-ms-flex-line-pack:center;align-content:center}.align-content-E{-webkit-align-content:space-between;-moz-align-content:space-between;-ms-flex-line-pack:space-between;align-content:space-between}.align-content-F{-webkit-align-content:space-around;-moz-align-content:space-around;-ms-flex-line-pack:space-around;align-content:space-around}.align-content-G{-webkit-align-content:stretch;-moz-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.grid{display:grid;display:-ms-grid}.grid-auto-flow-column{grid-auto-flow:column}.grid-auto-flow-row{grid-auto-flow:row}.grid-column-gap-30{grid-column-gap:30px}.grid-row-gap-30{grid-row-gap:30px}.grid-column-gap-29{grid-column-gap:29px}.grid-row-gap-29{grid-row-gap:29px}.grid-column-gap-28{grid-column-gap:28px}.grid-row-gap-28{grid-row-gap:28px}.grid-column-gap-27{grid-column-gap:27px}.grid-row-gap-27{grid-row-gap:27px}.grid-column-gap-26{grid-column-gap:26px}.grid-row-gap-26{grid-row-gap:26px}.grid-column-gap-25{grid-column-gap:25px}.grid-row-gap-25{grid-row-gap:25px}.grid-column-gap-24{grid-column-gap:24px}.grid-row-gap-24{grid-row-gap:24px}.grid-column-gap-23{grid-column-gap:23px}.grid-row-gap-23{grid-row-gap:23px}.grid-column-gap-22{grid-column-gap:22px}.grid-row-gap-22{grid-row-gap:22px}.grid-column-gap-21{grid-column-gap:21px}.grid-row-gap-21{grid-row-gap:21px}.grid-column-gap-20{grid-column-gap:20px}.grid-row-gap-20{grid-row-gap:20px}.grid-column-gap-19{grid-column-gap:19px}.grid-row-gap-19{grid-row-gap:19px}.grid-column-gap-18{grid-column-gap:18px}.grid-row-gap-18{grid-row-gap:18px}.grid-column-gap-17{grid-column-gap:17px}.grid-row-gap-17{grid-row-gap:17px}.grid-column-gap-16{grid-column-gap:16px}.grid-row-gap-16{grid-row-gap:16px}.grid-column-gap-15{grid-column-gap:15px}.grid-row-gap-15{grid-row-gap:15px}.grid-column-gap-14{grid-column-gap:14px}.grid-row-gap-14{grid-row-gap:14px}.grid-column-gap-13{grid-column-gap:13px}.grid-row-gap-13{grid-row-gap:13px}.grid-column-gap-12{grid-column-gap:12px}.grid-row-gap-12{grid-row-gap:12px}.grid-column-gap-11{grid-column-gap:11px}.grid-row-gap-11{grid-row-gap:11px}.grid-column-gap-10{grid-column-gap:10px}.grid-row-gap-10{grid-row-gap:10px}.grid-column-gap-9{grid-column-gap:9px}.grid-row-gap-9{grid-row-gap:9px}.grid-column-gap-8{grid-column-gap:8px}.grid-row-gap-8{grid-row-gap:8px}.grid-column-gap-7{grid-column-gap:7px}.grid-row-gap-7{grid-row-gap:7px}.grid-column-gap-6{grid-column-gap:6px}.grid-row-gap-6{grid-row-gap:6px}.grid-column-gap-5{grid-column-gap:5px}.grid-row-gap-5{grid-row-gap:5px}.grid-column-gap-4{grid-column-gap:4px}.grid-row-gap-4{grid-row-gap:4px}.grid-column-gap-3{grid-column-gap:3px}.grid-row-gap-3{grid-row-gap:3px}.grid-column-gap-2{grid-column-gap:2px}.grid-row-gap-2{grid-row-gap:2px}.grid-column-gap-1{grid-column-gap:1px}.grid-row-gap-1{grid-row-gap:1px}.text-justify{text-align:justify}.italic-text{font-style:italic}@media screen and (min-width: 1024px){.align-right-desktop{text-align:right}}.inherit-font-size{font-size:inherit;font-weight:inherit;line-height:inherit}.white-space-normal{white-space:normal !important}.white-space-nowrap{white-space:nowrap !important}.white-space-pre{white-space:pre !important}.white-space-pre-wrap{white-space:pre-wrap !important}.white-space-pre-line{white-space:pre-line !important}.white-space-break-spaces{white-space:break-spaces !important}.placeholder-opacity--0::-webkit-input-placeholder{opacity:0}.placeholder-opacity--0::-moz-placeholder{opacity:0}.placeholder-opacity--0::-ms-input-placeholder{opacity:0}.placeholder-opacity--1::-webkit-input-placeholder{opacity:.1}.placeholder-opacity--1::-moz-placeholder{opacity:.1}.placeholder-opacity--1::-ms-input-placeholder{opacity:.1}.placeholder-opacity--2::-webkit-input-placeholder{opacity:.2}.placeholder-opacity--2::-moz-placeholder{opacity:.2}.placeholder-opacity--2::-ms-input-placeholder{opacity:.2}.placeholder-opacity--3::-webkit-input-placeholder{opacity:.3}.placeholder-opacity--3::-moz-placeholder{opacity:.3}.placeholder-opacity--3::-ms-input-placeholder{opacity:.3}.placeholder-opacity--4::-webkit-input-placeholder{opacity:.4}.placeholder-opacity--4::-moz-placeholder{opacity:.4}.placeholder-opacity--4::-ms-input-placeholder{opacity:.4}.placeholder-opacity--5::-webkit-input-placeholder{opacity:.5}.placeholder-opacity--5::-moz-placeholder{opacity:.5}.placeholder-opacity--5::-ms-input-placeholder{opacity:.5}.placeholder-opacity--6::-webkit-input-placeholder{opacity:.6}.placeholder-opacity--6::-moz-placeholder{opacity:.6}.placeholder-opacity--6::-ms-input-placeholder{opacity:.6}.placeholder-opacity--7::-webkit-input-placeholder{opacity:.7}.placeholder-opacity--7::-moz-placeholder{opacity:.7}.placeholder-opacity--7::-ms-input-placeholder{opacity:.7}.placeholder-opacity--8::-webkit-input-placeholder{opacity:.8}.placeholder-opacity--8::-moz-placeholder{opacity:.8}.placeholder-opacity--8::-ms-input-placeholder{opacity:.8}.placeholder-opacity--9::-webkit-input-placeholder{opacity:.9}.placeholder-opacity--9::-moz-placeholder{opacity:.9}.placeholder-opacity--9::-ms-input-placeholder{opacity:.9}.placeholder-opacity--full::-webkit-input-placeholder{opacity:1}.placeholder-opacity--full::-moz-placeholder{opacity:1}.placeholder-opacity--full::-ms-input-placeholder{opacity:1}.line-height-10{line-height:10px !important}.line-height-10{line-height:10px !important}.line-height-12{line-height:12px !important}.line-height-12{line-height:12px !important}.line-height-14{line-height:14px !important}.line-height-14{line-height:14px !important}.line-height-16{line-height:16px !important}.line-height-16{line-height:16px !important}.line-height-18{line-height:18px !important}.line-height-18{line-height:18px !important}.line-height-19{line-height:19px !important}.line-height-19{line-height:19px !important}.line-height-20{line-height:20px !important}.line-height-20{line-height:20px !important}.line-height-22{line-height:22px !important}.line-height-22{line-height:22px !important}.line-height-24{line-height:24px !important}.line-height-24{line-height:24px !important}.line-height-26{line-height:26px !important}.line-height-26{line-height:26px !important}.line-height-28{line-height:28px !important}.line-height-28{line-height:28px !important}.line-height-30{line-height:30px !important}.line-height-30{line-height:30px !important}.line-height-32{line-height:32px !important}.line-height-32{line-height:32px !important}.line-height-40{line-height:40px !important}.line-height-40{line-height:40px !important}.line-height-45{line-height:45px !important}.line-height-45{line-height:45px !important}.line-height-48{line-height:48px !important}.line-height-48{line-height:48px !important}.line-height-50{line-height:50px !important}.line-height-50{line-height:50px !important}.line-height-54{line-height:54px !important}.line-height-54{line-height:54px !important}.line-height-70{line-height:70px !important}.line-height-70{line-height:70px !important}@media screen and (max-width: 600px){.line-height-xs-10{line-height:10px !important}}@media screen and (max-width: 600px){.line-height-xs-12{line-height:12px !important}}@media screen and (max-width: 600px){.line-height-xs-14{line-height:14px !important}}@media screen and (max-width: 600px){.line-height-xs-16{line-height:16px !important}}@media screen and (max-width: 600px){.line-height-xs-18{line-height:18px !important}}@media screen and (max-width: 600px){.line-height-xs-19{line-height:19px !important}}@media screen and (max-width: 600px){.line-height-xs-20{line-height:20px !important}}@media screen and (max-width: 600px){.line-height-xs-22{line-height:22px !important}}@media screen and (max-width: 600px){.line-height-xs-24{line-height:24px !important}}@media screen and (max-width: 600px){.line-height-xs-26{line-height:26px !important}}@media screen and (max-width: 600px){.line-height-xs-28{line-height:28px !important}}@media screen and (max-width: 600px){.line-height-xs-30{line-height:30px !important}}@media screen and (max-width: 600px){.line-height-xs-32{line-height:32px !important}}@media screen and (max-width: 600px){.line-height-xs-40{line-height:40px !important}}@media screen and (max-width: 600px){.line-height-xs-45{line-height:45px !important}}@media screen and (max-width: 600px){.line-height-xs-48{line-height:48px !important}}@media screen and (max-width: 600px){.line-height-xs-50{line-height:50px !important}}@media screen and (max-width: 600px){.line-height-xs-54{line-height:54px !important}}@media screen and (max-width: 600px){.line-height-xs-70{line-height:70px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-10{line-height:10px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-12{line-height:12px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-14{line-height:14px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-16{line-height:16px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-18{line-height:18px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-19{line-height:19px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-20{line-height:20px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-22{line-height:22px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-24{line-height:24px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-26{line-height:26px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-28{line-height:28px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-30{line-height:30px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-32{line-height:32px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-40{line-height:40px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-45{line-height:45px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-48{line-height:48px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-50{line-height:50px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-54{line-height:54px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.line-height-md-70{line-height:70px !important}}.max-height-160{max-height:160px !important}.min-height-160{min-height:160px !important}.max-height-170{max-height:170px !important}.min-height-170{min-height:170px !important}.max-height-185{max-height:185px !important}.min-height-185{min-height:185px !important}.max-height-195{max-height:195px !important}.min-height-195{min-height:195px !important}@media screen and (max-width: 600px){.max-height-xs-160{max-height:160px !important}.min-height-xs-160{min-height:160px !important}}@media screen and (max-width: 600px){.max-height-xs-170{max-height:170px !important}.min-height-xs-170{min-height:170px !important}}@media screen and (max-width: 600px){.max-height-xs-185{max-height:185px !important}.min-height-xs-185{min-height:185px !important}}@media screen and (max-width: 600px){.max-height-xs-195{max-height:195px !important}.min-height-xs-195{min-height:195px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.max-height-md-160{max-height:160px !important}.min-height-md-160{min-height:160px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.max-height-md-170{max-height:170px !important}.min-height-md-170{min-height:170px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.max-height-md-185{max-height:185px !important}.min-height-md-185{min-height:185px !important}}@media screen and (min-width: 768px) and (max-width: 1024px){.max-height-md-195{max-height:195px !important}.min-height-md-195{min-height:195px !important}}.mdl-color--primary-10{background-color:#b93535 !important;opacity:.1 !important}.mdl-color--primary-20{background-color:#b93535 !important;opacity:.2 !important}.mdl-color--primary-30{background-color:#b93535 !important;opacity:.3 !important}.mdl-color--primary-40{background-color:#b93535 !important;opacity:.4 !important}.mdl-color--primary-50{background-color:#b93535 !important;opacity:.5 !important}.mdl-color--primary-60{background-color:#b93535 !important;opacity:.6 !important}.mdl-color--primary-70{background-color:#b93535 !important;opacity:.7 !important}.mdl-color--primary-80{background-color:#b93535 !important;opacity:.8 !important}.mdl-color--primary-90{background-color:#b93535 !important;opacity:.9 !important}.mdl-color--primary-without-opacity-10{background-color:#b935351A !important}.mdl-color--primary-without-opacity-20{background-color:#b9353533 !important}.mdl-color--primary-without-opacity-30{background-color:#b935354D !important}.mdl-color--primary-without-opacity-40{background-color:#b9353566 !important}.mdl-color--primary-without-opacity-50{background-color:#b9353580 !important}.mdl-color--primary-without-opacity-60{background-color:#b9353599 !important}.mdl-color--primary-without-opacity-70{background-color:#b93535B3 !important}.mdl-color--primary-without-opacity-80{background-color:#b93535CC !important}.mdl-color--primary-without-opacity-90{background-color:#b93535E6 !important}.mdl-color--primary-without-opacity-100{background-color:#b93535FF !important}.slider_1_pics{height:250px}@media only screen and (max-width: 480px){.slider_1_pics{height:100px}}.swal-button--confirm{background-color:#b93535 !important}.swal-overlay--show-modal .swal-modal{animation:none;-webkit-animation:none}.timeline{position:relative;width:660px;margin:0 auto;margin-top:20px;padding:1em 0;list-style-type:none}.timeline:before{position:absolute;left:50%;top:0;content:' ';display:block;width:6px;height:100%;margin-left:-3px;background:#505050;background:-moz-linear-gradient(top, rgba(80,80,80,0) 0%, #505050 8%, #505050 92%, rgba(80,80,80,0) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8));background:-webkit-linear-gradient(top, rgba(80,80,80,0) 0%, #505050 8%, #505050 92%, rgba(80,80,80,0) 100%);background:-o-linear-gradient(top, rgba(80,80,80,0) 0%, #505050 8%, #505050 92%, rgba(80,80,80,0) 100%);background:-ms-linear-gradient(top, rgba(80,80,80,0) 0%, #505050 8%, #505050 92%, rgba(80,80,80,0) 100%);background:linear-gradient(to bottom, rgba(80,80,80,0) 0%, #505050 8%, #505050 92%, rgba(80,80,80,0) 100%);z-index:5}.timeline li{padding:1em 0}.timeline li:after{content:"";display:block;height:0;clear:both;visibility:hidden}.direction-l{position:relative;width:300px;float:left;text-align:right}.direction-r{position:relative;width:300px;float:right}.flag-wrapper{position:relative;display:inline-block;text-align:center}.direction-l .flag:before,.direction-r .flag:before{position:absolute;top:50%;right:-40px;content:' ';display:block;width:12px;height:12px;margin-top:-10px;background:#fff;border-radius:10px;border:4px solid #ff5050;z-index:10}.direction-r .flag:before{left:-40px}.direction-l .flag-arrow{position:absolute;left:100%;top:50%;height:0;width:0;margin-top:-8px;border:solid transparent;border-width:8px;pointer-events:none}.direction-r .flag-arrow{position:absolute;right:100%;top:50%;height:0;width:0;margin-top:-8px;border:solid transparent;border-width:8px;pointer-events:none}.time-wrapper{display:inline;line-height:1em;color:#fa5050;vertical-align:middle}.direction-l .time-wrapper{float:left}.direction-r .time-wrapper{float:left}.time{display:inline-block;padding:4px 6px;background:#f8f8f8}.desc{margin:1em 0.75em 0 0;font-style:italic;line-height:1.5em}.direction-r .desc{margin:1em 0 0 0.75em}@media screen and (max-width: 660px){.timeline{width:100%;padding:4em 0 1em 0}.timeline li{padding:2em 0}.direction-l,.direction-r{float:none;width:100%;text-align:center}.flag-wrapper{text-align:center}.flag{background:#fff;z-index:15}.direction-l .flag:before,.direction-r .flag:before{position:absolute;top:-30px;left:50%;content:' ';display:block;width:12px;height:12px;margin-left:-9px;background:#fff;border-radius:10px;border:4px solid #ff5050;z-index:10}.direction-l .flag-arrow,.direction-r .flag-arrow{display:none}.time-wrapper{display:block;position:relative;margin:4px 0 0 0;z-index:14}.direction-l .time-wrapper{float:none}.direction-r .time-wrapper{float:none}.desc{position:relative;margin:1em 0 0 0;padding:1em;background:#f5f5f5;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.2);-moz-box-shadow:0 0 1px rgba(0,0,0,0.2);box-shadow:0 0 1px rgba(0,0,0,0.2);z-index:15}.direction-l .desc,.direction-r .desc{position:relative;margin:1em 1em 0 1em;padding:1em;z-index:15}}@media screen and (min-width: 400px) and (max-width: 660px){.direction-l .desc,.direction-r .desc{margin:1em 4em 0 4em}} .coloredDropdown .header-others { background: #0056D2 !important; } .coloredDropdown .header-others .mdl-list__item-primary-content { color: white !important; } .coloredDropdown .header-others .mdl-list__item-primary-content:hover { background: #00308F; } .fixed-header-height-adjustment{height: unset !important;}.fixed-header-extra-div-height{height: 156px !important;}@media only screen and (max-width: 841px){.fixed-header-extra-div-height{height: 128px !important;}}.mdl-color--white-themed{background-color: #ffffff !important;}.mdl-color--grey-100-themed{background-color: rgb(245,245,245) !important;}.mdl-color--grey-900-themed{background-color: #1f3345 !important;}.mdl-color--primary-themed{background-color: #1d2025 !important;}.mdl-color--primary-dark-themed{background-color: #1d2025 !important;}.mdl-color-text--white-themed{color: #ffffff !important;}@media only screen and (min-width: 841px){.no-padding--as-header-themed{padding-top: 0px;}.page-strip-themed{padding-top: 68px;}.page-strip-change-themed{padding-top: 28px;}.about-strip-themed{padding-top: 84px;}.about-strip-change-themed{padding-top: 49px;}.single-title-strip-themed{padding-top: 96px;}}.blur-background-3{background-blend-mode:color !important;}.slider-bg-gradient{background:transparent !important} #header_navbar_1 a:first-child {-webkit-box-ordinal-group: 11; -webkit-order: 10; -moz-order: 10; -ms-flex-order: 10; order: 10;} .profile-cover-image {display: none;} .cover_image_overlay .profile-cover-image {display: block !important;} .profile-page-adjust {margin-top: -30px} .bg img {opacity: 0.5;} @media screen and (max-width: 480px) { #testimonials .swiper-slide { margin-right: 0px !important; } .profile-page-adjust {margin-top: 0px} .promoteApp_custom .app-main-image { max-height: 110px !important; min-height: 90px !important; height: 100%; background-size: contain; } } #jobs > div > div:nth-child(1) > div:nth-child(2) > a, #groups > div > div > div:nth-child(1) > div:nth-child(2) > a, .custom-usercard-btn > div > div:nth-child(1) > div:nth-child(2) > a, #gallery_section > div > div:nth-child(1) > div:nth-child(2) > a{ background-color: #0056D2 !important; color: rgb(255,255,255) !important; }