/** * material-design-lite - Material Design Components in CSS, JS and HTML * @version v1.0.6 * @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 */ /* ========== 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 */ /* 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 */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT 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 */ /* ========== 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 */ /* 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; height: 100%; margin: 0; } /* * 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: 20px 0 0px 0px !important; 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/ ========================================================================== */ /* removed !important on background and commented out color to print boarding pass with colors */ @media print { *, *:before, *:after, *:first-letter, *:first-line { background: transparent; /*color: #000;*/ /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-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: ""; } .checkin-print-pass-banner-heading { font-size: 12px; color: @white !important; padding: 5px; width: 31%; text-align: center; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } 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 */ /* ========== 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 */ /* 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 */ html, body { font-family: "Arial", sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } /** * Styles for HTML elements */ h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-family: "Roboto", "Arial", sans-serif; font-size: 56px; font-weight: 400; line-height: 1.35; letter-spacing: -0.02em; opacity: 0.54; font-size: 0.6em; } h1 { font-family: "Roboto", "Arial", sans-serif; font-size: 56px; font-weight: 400; line-height: 1.35; letter-spacing: -0.02em; margin-top: 24px; margin-bottom: 24px; } h2 { font-family: "Roboto", "Arial", sans-serif; font-size: 45px; font-weight: 400; line-height: 48px; margin-top: 24px; margin-bottom: 24px; } h3 { font-size: 24px !important; font-weight: 400; line-height: 40px; margin-top: 24px; margin-bottom: 24px; } h4 { font-family: "Roboto", "Arial", sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; -moz-osx-font-smoothing: grayscale; margin-top: 24px; margin-bottom: 16px; } h5 { font-family: "Roboto", "Arial", sans-serif; font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: 0.02em; margin-top: 24px; margin-bottom: 16px; } h6 { font-family: "Roboto", "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.04em; margin-top: 24px; margin-bottom: 16px; } p { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; margin-bottom: 16px; } a { color: rgb(255,64,129); font-weight: 500; } blockquote { font-family: "Roboto", "Arial", sans-serif; position: relative; font-size: 24px; font-weight: 300; font-style: italic; line-height: 1.35; letter-spacing: 0.08em; } blockquote:before { position: absolute; left: -0.5em; content: '“'; } blockquote:after { content: '”'; margin-left: -0.05em; } mark { background-color: #f4ff81; } dt { font-weight: 700; } address { font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; font-style: normal; } ul, ol { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; } /** * Class Name Styles */ .mdl-typography--display-4 { font-family: "Roboto", "Arial", sans-serif; font-size: 112px; font-weight: 300; line-height: 1; letter-spacing: -0.04em; } .mdl-typography--display-4-color-contrast { font-family: "Roboto", "Arial", sans-serif; font-size: 112px; font-weight: 300; line-height: 1; letter-spacing: -0.04em; opacity: 0.54; } .mdl-typography--display-3 { font-family: "Roboto", "Arial", sans-serif; font-size: 56px; font-weight: 400; line-height: 1.35; letter-spacing: -0.02em; } .mdl-typography--display-3-color-contrast { font-family: "Roboto", "Arial", sans-serif; font-size: 56px; font-weight: 400; line-height: 1.35; letter-spacing: -0.02em; opacity: 0.54; } .mdl-typography--display-2 { font-family: "Roboto", "Arial", sans-serif; font-size: 45px; font-weight: 400; line-height: 48px; } .mdl-typography--display-2-color-contrast { font-family: "Roboto", "Arial", sans-serif; font-size: 45px; font-weight: 400; line-height: 48px; opacity: 0.54; } .mdl-typography--display-1 { font-family: "Roboto", "Arial", sans-serif; font-size: 34px; font-weight: 400; line-height: 40px; } .mdl-typography--display-1-color-contrast { font-family: "Roboto", "Arial", sans-serif; font-size: 34px; font-weight: 400; line-height: 40px; opacity: 0.54; } .mdl-typography--headline { font-family: "Roboto", "Arial", sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; -moz-osx-font-smoothing: grayscale; } .mdl-typography--headline-color-contrast { font-family: "Roboto", "Arial", sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; -moz-osx-font-smoothing: grayscale; opacity: 0.87; } .mdl-typography--title { font-family: "Roboto", "Arial", sans-serif; font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: 0.02em; } .mdl-typography--title-color-contrast { font-family: "Roboto", "Arial", sans-serif; font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: 0.02em; opacity: 0.87; } .mdl-typography--subhead { font-family: "Roboto", "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.04em; } .mdl-typography--subhead-color-contrast { font-family: "Roboto", "Arial", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.04em; opacity: 0.87; } .mdl-typography--body-2 { font-size: 14px; font-weight: bold; line-height: 24px; letter-spacing: 0; } .mdl-typography--body-2-color-contrast { font-size: 14px; font-weight: bold; line-height: 24px; letter-spacing: 0; opacity: 0.87; } .mdl-typography--body-1 { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; } .mdl-typography--body-1-color-contrast { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; opacity: 0.87; } .mdl-typography--body-2-force-preferred-font { font-family: "Roboto", "Arial", sans-serif; font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: 0; } .mdl-typography--body-2-force-preferred-font-color-contrast { font-family: "Roboto", "Arial", sans-serif; font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: 0; opacity: 0.87; } .mdl-typography--body-1-force-preferred-font { font-family: "Roboto", "Arial", sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; } .mdl-typography--body-1-force-preferred-font-color-contrast { font-family: "Roboto", "Arial", sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; opacity: 0.87; } .mdl-typography--caption { font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; } .mdl-typography--caption-force-preferred-font { font-family: "Roboto", "Arial", sans-serif; font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; } .mdl-typography--caption-color-contrast { font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; opacity: 0.54; } .mdl-typography--caption-force-preferred-font-color-contrast { font-family: "Roboto", "Arial", sans-serif; font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; opacity: 0.54; } .mdl-typography--menu { font-family: "Roboto", "Arial", sans-serif; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0; } .mdl-typography--menu-color-contrast { font-family: "Roboto", "Arial", sans-serif; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0; opacity: 0.87; } .mdl-typography--button { font-family: "Roboto", "Arial", sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: 0; } .mdl-typography--button-color-contrast { font-family: "Roboto", "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; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT 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 */ /* ========== 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 */ /* 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: rgb(255,64,129) !important; } .mdl-color--pink-A200 { background-color: rgb(255,64,129) !important; } .mdl-color-text--pink-A400 { color: rgb(245,0,87) !important; } .mdl-color--pink-A400 { background-color: rgb(245,0,87) !important; } .mdl-color-text--pink-A700 { color: rgb(197,17,98) !important; } .mdl-color--pink-A700 { background-color: rgb(197,17,98) !important; } .mdl-color-text--purple { color: rgb(156,39,176) !important; } .mdl-color--purple { background-color: rgb(156,39,176) !important; } .mdl-color-text--purple-50 { color: rgb(243,229,245) !important; } .mdl-color--purple-50 { background-color: rgb(243,229,245) !important; } .mdl-color-text--purple-100 { color: rgb(225,190,231) !important; } .mdl-color--purple-100 { background-color: rgb(225,190,231) !important; } .mdl-color-text--purple-200 { color: rgb(206,147,216) !important; } .mdl-color--purple-200 { background-color: rgb(206,147,216) !important; } .mdl-color-text--purple-300 { color: rgb(186,104,200) !important; } .mdl-color--purple-300 { background-color: rgb(186,104,200) !important; } .mdl-color-text--purple-400 { color: rgb(171,71,188) !important; } .mdl-color--purple-400 { background-color: rgb(171,71,188) !important; } .mdl-color-text--purple-500 { color: rgb(156,39,176) !important; } .mdl-color--purple-500 { background-color: rgb(156,39,176) !important; } .mdl-color-text--purple-600 { color: rgb(142,36,170) !important; } .mdl-color--purple-600 { background-color: rgb(142,36,170) !important; } .mdl-color-text--purple-700 { color: rgb(123,31,162) !important; } .mdl-color--purple-700 { background-color: rgb(123,31,162) !important; } .mdl-color-text--purple-800 { color: rgb(106,27,154) !important; } .mdl-color--purple-800 { background-color: rgb(106,27,154) !important; } .mdl-color-text--purple-900 { color: rgb(74,20,140) !important; } .mdl-color--purple-900 { background-color: rgb(74,20,140) !important; } .mdl-color-text--purple-A100 { color: rgb(234,128,252) !important; } .mdl-color--purple-A100 { background-color: rgb(234,128,252) !important; } .mdl-color-text--purple-A200 { color: rgb(224,64,251) !important; } .mdl-color--purple-A200 { background-color: rgb(224,64,251) !important; } .mdl-color-text--purple-A400 { color: rgb(213,0,249) !important; } .mdl-color--purple-A400 { background-color: rgb(213,0,249) !important; } .mdl-color-text--purple-A700 { color: rgb(170,0,255) !important; } .mdl-color--purple-A700 { background-color: rgb(170,0,255) !important; } .mdl-color-text--deep-purple { color: rgb(103,58,183) !important; } .mdl-color--deep-purple { background-color: rgb(103,58,183) !important; } .mdl-color-text--deep-purple-50 { color: rgb(237,231,246) !important; } .mdl-color--deep-purple-50 { background-color: rgb(237,231,246) !important; } .mdl-color-text--deep-purple-100 { color: rgb(209,196,233) !important; } .mdl-color--deep-purple-100 { background-color: rgb(209,196,233) !important; } .mdl-color-text--deep-purple-200 { color: rgb(179,157,219) !important; } .mdl-color--deep-purple-200 { background-color: rgb(179,157,219) !important; } .mdl-color-text--deep-purple-300 { color: rgb(149,117,205) !important; } .mdl-color--deep-purple-300 { background-color: rgb(149,117,205) !important; } .mdl-color-text--deep-purple-400 { color: rgb(126,87,194) !important; } .mdl-color--deep-purple-400 { background-color: rgb(126,87,194) !important; } .mdl-color-text--deep-purple-500 { color: rgb(103,58,183) !important; } .mdl-color--deep-purple-500 { background-color: rgb(103,58,183) !important; } .mdl-color-text--deep-purple-600 { color: rgb(94,53,177) !important; } .mdl-color--deep-purple-600 { background-color: rgb(94,53,177) !important; } .mdl-color-text--deep-purple-700 { color: rgb(81,45,168) !important; } .mdl-color--deep-purple-700 { background-color: rgb(81,45,168) !important; } .mdl-color-text--deep-purple-800 { color: rgb(69,39,160) !important; } .mdl-color--deep-purple-800 { background-color: rgb(69,39,160) !important; } .mdl-color-text--deep-purple-900 { color: rgb(49,27,146) !important; } .mdl-color--deep-purple-900 { background-color: rgb(49,27,146) !important; } .mdl-color-text--deep-purple-A100 { color: rgb(179,136,255) !important; } .mdl-color--deep-purple-A100 { background-color: rgb(179,136,255) !important; } .mdl-color-text--deep-purple-A200 { color: rgb(124,77,255) !important; } .mdl-color--deep-purple-A200 { background-color: rgb(124,77,255) !important; } .mdl-color-text--deep-purple-A400 { color: rgb(101,31,255) !important; } .mdl-color--deep-purple-A400 { background-color: rgb(101,31,255) !important; } .mdl-color-text--deep-purple-A700 { color: rgb(98,0,234) !important; } .mdl-color--deep-purple-A700 { background-color: rgb(98,0,234) !important; } .mdl-color-text--indigo { color: rgb(63,81,181) !important; } .mdl-color--indigo { background-color: rgb(63,81,181) !important; } .mdl-color-text--indigo-50 { color: rgb(232,234,246) !important; } .mdl-color--indigo-50 { background-color: rgb(232,234,246) !important; } .mdl-color-text--indigo-100 { color: rgb(197,202,233) !important; } .mdl-color--indigo-100 { background-color: rgb(197,202,233) !important; } .mdl-color-text--indigo-200 { color: rgb(159,168,218) !important; } .mdl-color--indigo-200 { background-color: rgb(159,168,218) !important; } .mdl-color-text--indigo-300 { color: rgb(121,134,203) !important; } .mdl-color--indigo-300 { background-color: rgb(121,134,203) !important; } .mdl-color-text--indigo-400 { color: rgb(92,107,192) !important; } .mdl-color--indigo-400 { background-color: rgb(92,107,192) !important; } .mdl-color-text--indigo-500 { color: rgb(63,81,181) !important; } .mdl-color--indigo-500 { background-color: rgb(63,81,181) !important; } .mdl-color-text--indigo-600 { color: rgb(57,73,171) !important; } .mdl-color--indigo-600 { background-color: rgb(57,73,171) !important; } .mdl-color-text--indigo-700 { color: rgb(48,63,159) !important; } .mdl-color--indigo-700 { background-color: rgb(48,63,159) !important; } .mdl-color-text--indigo-800 { color: rgb(40,53,147) !important; } .mdl-color--indigo-800 { background-color: rgb(40,53,147) !important; } .mdl-color-text--indigo-900 { color: rgb(26,35,126) !important; } .mdl-color--indigo-900 { background-color: rgb(26,35,126) !important; } .mdl-color-text--indigo-A100 { color: rgb(140,158,255) !important; } .mdl-color--indigo-A100 { background-color: rgb(140,158,255) !important; } .mdl-color-text--indigo-A200 { color: rgb(83,109,254) !important; } .mdl-color--indigo-A200 { background-color: rgb(83,109,254) !important; } .mdl-color-text--indigo-A400 { color: rgb(61,90,254) !important; } .mdl-color--indigo-A400 { background-color: rgb(61,90,254) !important; } .mdl-color-text--indigo-A700 { color: rgb(48,79,254) !important; } .mdl-color--indigo-A700 { background-color: rgb(48,79,254) !important; } .mdl-color-text--blue { color: rgb(33,150,243) !important; } .mdl-color--blue { background-color: rgb(33,150,243) !important; } .mdl-color-text--blue-50 { color: rgb(227,242,253) !important; } .mdl-color--blue-50 { background-color: rgb(227,242,253) !important; } .mdl-color-text--blue-100 { color: rgb(187,222,251) !important; } .mdl-color--blue-100 { background-color: rgb(187,222,251) !important; } .mdl-color-text--blue-200 { color: rgb(144,202,249) !important; } .mdl-color--blue-200 { background-color: rgb(144,202,249) !important; } .mdl-color-text--blue-300 { color: rgb(100,181,246) !important; } .mdl-color--blue-300 { background-color: rgb(100,181,246) !important; } .mdl-color-text--blue-400 { color: rgb(66,165,245) !important; } .mdl-color--blue-400 { background-color: rgb(66,165,245) !important; } .mdl-color-text--blue-500 { color: rgb(33,150,243) !important; } .mdl-color--blue-500 { background-color: rgb(33,150,243) !important; } .mdl-color-text--blue-600 { color: rgb(30,136,229) !important; } .mdl-color--blue-600 { background-color: rgb(30,136,229) !important; } .mdl-color-text--blue-700 { color: rgb(25,118,210) !important; } .mdl-color--blue-700 { background-color: rgb(25,118,210) !important; } .mdl-color-text--blue-800 { color: rgb(21,101,192) !important; } .mdl-color--blue-800 { background-color: rgb(21,101,192) !important; } .mdl-color-text--blue-900 { color: rgb(13,71,161) !important; } .mdl-color--blue-900 { background-color: rgb(13,71,161) !important; } .mdl-color-text--blue-A100 { color: rgb(130,177,255) !important; } .mdl-color--blue-A100 { background-color: rgb(130,177,255) !important; } .mdl-color-text--blue-A200 { color: rgb(68,138,255) !important; } .mdl-color--blue-A200 { background-color: rgb(68,138,255) !important; } .mdl-color-text--blue-A400 { color: rgb(41,121,255) !important; } .mdl-color--blue-A400 { background-color: rgb(41,121,255) !important; } .mdl-color-text--blue-A700 { color: rgb(41,98,255) !important; } .mdl-color--blue-A700 { background-color: rgb(41,98,255) !important; } .mdl-color-text--light-blue { color: rgb(3,169,244) !important; } .mdl-color--light-blue { background-color: rgb(3,169,244) !important; } .mdl-color-text--light-blue-50 { color: rgb(225,245,254) !important; } .mdl-color--light-blue-50 { background-color: rgb(225,245,254) !important; } .mdl-color-text--light-blue-100 { color: rgb(179,229,252) !important; } .mdl-color--light-blue-100 { background-color: rgb(179,229,252) !important; } .mdl-color-text--light-blue-200 { color: rgb(129,212,250) !important; } .mdl-color--light-blue-200 { background-color: rgb(129,212,250) !important; } .mdl-color-text--light-blue-300 { color: rgb(79,195,247) !important; } .mdl-color--light-blue-300 { background-color: rgb(79,195,247) !important; } .mdl-color-text--light-blue-400 { color: rgb(41,182,246) !important; } .mdl-color--light-blue-400 { background-color: rgb(41,182,246) !important; } .mdl-color-text--light-blue-500 { color: rgb(3,169,244) !important; } .mdl-color--light-blue-500 { background-color: rgb(3,169,244) !important; } .mdl-color-text--light-blue-600 { color: rgb(3,155,229) !important; } .mdl-color--light-blue-600 { background-color: rgb(3,155,229) !important; } .mdl-color-text--light-blue-700 { color: rgb(2,136,209) !important; } .mdl-color--light-blue-700 { background-color: rgb(2,136,209) !important; } .mdl-color-text--light-blue-800 { color: rgb(2,119,189) !important; } .mdl-color--light-blue-800 { background-color: rgb(2,119,189) !important; } .mdl-color-text--light-blue-900 { color: rgb(1,87,155) !important; } .mdl-color--light-blue-900 { background-color: rgb(1,87,155) !important; } .mdl-color-text--light-blue-A100 { color: rgb(128,216,255) !important; } .mdl-color--light-blue-A100 { background-color: rgb(128,216,255) !important; } .mdl-color-text--light-blue-A200 { color: rgb(64,196,255) !important; } .mdl-color--light-blue-A200 { background-color: rgb(64,196,255) !important; } .mdl-color-text--light-blue-A400 { color: rgb(0,176,255) !important; } .mdl-color--light-blue-A400 { background-color: rgb(0,176,255) !important; } .mdl-color-text--light-blue-A700 { color: rgb(0,145,234) !important; } .mdl-color--light-blue-A700 { background-color: rgb(0,145,234) !important; } .mdl-color-text--cyan { color: rgb(0,188,212) !important; } .mdl-color--cyan { background-color: rgb(0,188,212) !important; } .mdl-color-text--cyan-50 { color: rgb(224,247,250) !important; } .mdl-color--cyan-50 { background-color: rgb(224,247,250) !important; } .mdl-color-text--cyan-100 { color: rgb(178,235,242) !important; } .mdl-color--cyan-100 { background-color: rgb(178,235,242) !important; } .mdl-color-text--cyan-200 { color: rgb(128,222,234) !important; } .mdl-color--cyan-200 { background-color: rgb(128,222,234) !important; } .mdl-color-text--cyan-300 { color: rgb(77,208,225) !important; } .mdl-color--cyan-300 { background-color: rgb(77,208,225) !important; } .mdl-color-text--cyan-400 { color: rgb(38,198,218) !important; } .mdl-color--cyan-400 { background-color: rgb(38,198,218) !important; } .mdl-color-text--cyan-500 { color: rgb(0,188,212) !important; } .mdl-color--cyan-500 { background-color: rgb(0,188,212) !important; } .mdl-color-text--cyan-600 { color: rgb(0,172,193) !important; } .mdl-color--cyan-600 { background-color: rgb(0,172,193) !important; } .mdl-color-text--cyan-700 { color: rgb(0,151,167) !important; } .mdl-color--cyan-700 { background-color: rgb(0,151,167) !important; } .mdl-color-text--cyan-800 { color: rgb(0,131,143) !important; } .mdl-color--cyan-800 { background-color: rgb(0,131,143) !important; } .mdl-color-text--cyan-900 { color: rgb(0,96,100) !important; } .mdl-color--cyan-900 { background-color: rgb(0,96,100) !important; } .mdl-color-text--cyan-A100 { color: rgb(132,255,255) !important; } .mdl-color--cyan-A100 { background-color: rgb(132,255,255) !important; } .mdl-color-text--cyan-A200 { color: rgb(24,255,255) !important; } .mdl-color--cyan-A200 { background-color: rgb(24,255,255) !important; } .mdl-color-text--cyan-A400 { color: rgb(0,229,255) !important; } .mdl-color--cyan-A400 { background-color: rgb(0,229,255) !important; } .mdl-color-text--cyan-A700 { color: rgb(0,184,212) !important; } .mdl-color--cyan-A700 { background-color: rgb(0,184,212) !important; } .mdl-color-text--teal { color: rgb(0,150,136) !important; } .mdl-color--teal { background-color: rgb(0,150,136) !important; } .mdl-color-text--teal-50 { color: rgb(224,242,241) !important; } .mdl-color--teal-50 { background-color: rgb(224,242,241) !important; } .mdl-color-text--teal-100 { color: rgb(178,223,219) !important; } .mdl-color--teal-100 { background-color: rgb(178,223,219) !important; } .mdl-color-text--teal-200 { color: rgb(128,203,196) !important; } .mdl-color--teal-200 { background-color: rgb(128,203,196) !important; } .mdl-color-text--teal-300 { color: rgb(77,182,172) !important; } .mdl-color--teal-300 { background-color: rgb(77,182,172) !important; } .mdl-color-text--teal-400 { color: rgb(38,166,154) !important; } .mdl-color--teal-400 { background-color: rgb(38,166,154) !important; } .mdl-color-text--teal-500 { color: rgb(0,150,136) !important; } .mdl-color--teal-500 { background-color: rgb(0,150,136) !important; } .mdl-color-text--teal-600 { color: rgb(0,137,123) !important; } .mdl-color--teal-600 { background-color: rgb(0,137,123) !important; } .mdl-color-text--teal-700 { color: rgb(0,121,107) !important; } .mdl-color--teal-700 { background-color: rgb(0,121,107) !important; } .mdl-color-text--teal-800 { color: rgb(0,105,92) !important; } .mdl-color--teal-800 { background-color: rgb(0,105,92) !important; } .mdl-color-text--teal-900 { color: rgb(0,77,64) !important; } .mdl-color--teal-900 { background-color: rgb(0,77,64) !important; } .mdl-color-text--teal-A100 { color: rgb(167,255,235) !important; } .mdl-color--teal-A100 { background-color: rgb(167,255,235) !important; } .mdl-color-text--teal-A200 { color: rgb(100,255,218) !important; } .mdl-color--teal-A200 { background-color: rgb(100,255,218) !important; } .mdl-color-text--teal-A400 { color: rgb(29,233,182) !important; } .mdl-color--teal-A400 { background-color: rgb(29,233,182) !important; } .mdl-color-text--teal-A700 { color: rgb(0,191,165) !important; } .mdl-color--teal-A700 { background-color: rgb(0,191,165) !important; } .mdl-color-text--green { color: rgb(76,175,80) !important; } .mdl-color--green { background-color: rgb(76,175,80) !important; } .mdl-color-text--green-50 { color: rgb(232,245,233) !important; } .mdl-color--green-50 { background-color: rgb(232,245,233) !important; } .mdl-color-text--green-100 { color: rgb(200,230,201) !important; } .mdl-color--green-100 { background-color: rgb(200,230,201) !important; } .mdl-color-text--green-200 { color: rgb(165,214,167) !important; } .mdl-color--green-200 { background-color: rgb(165,214,167) !important; } .mdl-color-text--green-300 { color: rgb(129,199,132) !important; } .mdl-color--green-300 { background-color: rgb(129,199,132) !important; } .mdl-color-text--green-400 { color: rgb(102,187,106) !important; } .mdl-color--green-400 { background-color: rgb(102,187,106) !important; } .mdl-color-text--green-500 { color: rgb(76,175,80) !important; } .mdl-color--green-500 { background-color: rgb(76,175,80) !important; } .mdl-color-text--green-600 { color: rgb(67,160,71) !important; } .mdl-color--green-600 { background-color: rgb(67,160,71) !important; } .mdl-color-text--green-700 { color: rgb(56,142,60) !important; } .mdl-color--green-700 { background-color: rgb(56,142,60) !important; } .mdl-color-text--green-800 { color: rgb(46,125,50) !important; } .mdl-color--green-800 { background-color: rgb(46,125,50) !important; } .mdl-color-text--green-900 { color: rgb(27,94,32) !important; } .mdl-color--green-900 { background-color: rgb(27,94,32) !important; } .mdl-color-text--green-A100 { color: rgb(185,246,202) !important; } .mdl-color--green-A100 { background-color: rgb(185,246,202) !important; } .mdl-color-text--green-A200 { color: rgb(105,240,174) !important; } .mdl-color--green-A200 { background-color: rgb(105,240,174) !important; } .mdl-color-text--green-A400 { color: rgb(0,230,118) !important; } .mdl-color--green-A400 { background-color: rgb(0,230,118) !important; } .mdl-color-text--green-A700 { color: rgb(0,200,83) !important; } .mdl-color--green-A700 { background-color: rgb(0,200,83) !important; } .mdl-color-text--light-green { color: rgb(139,195,74) !important; } .mdl-color--light-green { background-color: rgb(139,195,74) !important; } .mdl-color-text--light-green-50 { color: rgb(241,248,233) !important; } .mdl-color--light-green-50 { background-color: rgb(241,248,233) !important; } .mdl-color-text--light-green-100 { color: rgb(220,237,200) !important; } .mdl-color--light-green-100 { background-color: rgb(220,237,200) !important; } .mdl-color-text--light-green-200 { color: rgb(197,225,165) !important; } .mdl-color--light-green-200 { background-color: rgb(197,225,165) !important; } .mdl-color-text--light-green-300 { color: rgb(174,213,129) !important; } .mdl-color--light-green-300 { background-color: rgb(174,213,129) !important; } .mdl-color-text--light-green-400 { color: rgb(156,204,101) !important; } .mdl-color--light-green-400 { background-color: rgb(156,204,101) !important; } .mdl-color-text--light-green-500 { color: rgb(139,195,74) !important; } .mdl-color--light-green-500 { background-color: rgb(139,195,74) !important; } .mdl-color-text--light-green-600 { color: rgb(124,179,66) !important; } .mdl-color--light-green-600 { background-color: rgb(124,179,66) !important; } .mdl-color-text--light-green-700 { color: rgb(104,159,56) !important; } .mdl-color--light-green-700 { background-color: rgb(104,159,56) !important; } .mdl-color-text--light-green-800 { color: rgb(85,139,47) !important; } .mdl-color--light-green-800 { background-color: rgb(85,139,47) !important; } .mdl-color-text--light-green-900 { color: rgb(51,105,30) !important; } .mdl-color--light-green-900 { background-color: rgb(51,105,30) !important; } .mdl-color-text--light-green-A100 { color: rgb(204,255,144) !important; } .mdl-color--light-green-A100 { background-color: rgb(204,255,144) !important; } .mdl-color-text--light-green-A200 { color: rgb(178,255,89) !important; } .mdl-color--light-green-A200 { background-color: rgb(178,255,89) !important; } .mdl-color-text--light-green-A400 { color: rgb(118,255,3) !important; } .mdl-color--light-green-A400 { background-color: rgb(118,255,3) !important; } .mdl-color-text--light-green-A700 { color: rgb(100,221,23) !important; } .mdl-color--light-green-A700 { background-color: rgb(100,221,23) !important; } .mdl-color-text--lime { color: rgb(205,220,57) !important; } .mdl-color--lime { background-color: rgb(205,220,57) !important; } .mdl-color-text--lime-50 { color: rgb(249,251,231) !important; } .mdl-color--lime-50 { background-color: rgb(249,251,231) !important; } .mdl-color-text--lime-100 { color: rgb(240,244,195) !important; } .mdl-color--lime-100 { background-color: rgb(240,244,195) !important; } .mdl-color-text--lime-200 { color: rgb(230,238,156) !important; } .mdl-color--lime-200 { background-color: rgb(230,238,156) !important; } .mdl-color-text--lime-300 { color: rgb(220,231,117) !important; } .mdl-color--lime-300 { background-color: rgb(220,231,117) !important; } .mdl-color-text--lime-400 { color: rgb(212,225,87) !important; } .mdl-color--lime-400 { background-color: rgb(212,225,87) !important; } .mdl-color-text--lime-500 { color: rgb(205,220,57) !important; } .mdl-color--lime-500 { background-color: rgb(205,220,57) !important; } .mdl-color-text--lime-600 { color: rgb(192,202,51) !important; } .mdl-color--lime-600 { background-color: rgb(192,202,51) !important; } .mdl-color-text--lime-700 { color: rgb(175,180,43) !important; } .mdl-color--lime-700 { background-color: rgb(175,180,43) !important; } .mdl-color-text--lime-800 { color: rgb(158,157,36) !important; } .mdl-color--lime-800 { background-color: rgb(158,157,36) !important; } .mdl-color-text--lime-900 { color: rgb(130,119,23) !important; } .mdl-color--lime-900 { background-color: rgb(130,119,23) !important; } .mdl-color-text--lime-A100 { color: rgb(244,255,129) !important; } .mdl-color--lime-A100 { background-color: rgb(244,255,129) !important; } .mdl-color-text--lime-A200 { color: rgb(238,255,65) !important; } .mdl-color--lime-A200 { background-color: rgb(238,255,65) !important; } .mdl-color-text--lime-A400 { color: rgb(198,255,0) !important; } .mdl-color--lime-A400 { background-color: rgb(198,255,0) !important; } .mdl-color-text--lime-A700 { color: rgb(174,234,0) !important; } .mdl-color--lime-A700 { background-color: rgb(174,234,0) !important; } .mdl-color-text--yellow { color: rgb(255,235,59) !important; } .mdl-color--yellow { background-color: rgb(255,235,59) !important; } .mdl-color-text--yellow-50 { color: rgb(255,253,231) !important; } .mdl-color--yellow-50 { background-color: rgb(255,253,231) !important; } .mdl-color-text--yellow-100 { color: rgb(255,249,196) !important; } .mdl-color--yellow-100 { background-color: rgb(255,249,196) !important; } .mdl-color-text--yellow-200 { color: rgb(255,245,157) !important; } .mdl-color--yellow-200 { background-color: rgb(255,245,157) !important; } .mdl-color-text--yellow-300 { color: rgb(255,241,118) !important; } .mdl-color--yellow-300 { background-color: rgb(255,241,118) !important; } .mdl-color-text--yellow-400 { color: rgb(255,238,88) !important; } .mdl-color--yellow-400 { background-color: rgb(255,238,88) !important; } .mdl-color-text--yellow-500 { color: rgb(255,235,59) !important; } .mdl-color--yellow-500 { background-color: rgb(255,235,59) !important; } .mdl-color-text--yellow-600 { color: rgb(253,216,53) !important; } .mdl-color--yellow-600 { background-color: rgb(253,216,53) !important; } .mdl-color-text--yellow-700 { color: rgb(251,192,45) !important; } .mdl-color--yellow-700 { background-color: rgb(251,192,45) !important; } .mdl-color-text--yellow-800 { color: rgb(249,168,37) !important; } .mdl-color--yellow-800 { background-color: rgb(249,168,37) !important; } .mdl-color-text--yellow-900 { color: rgb(245,127,23) !important; } .mdl-color--yellow-900 { background-color: rgb(245,127,23) !important; } .mdl-color-text--yellow-A100 { color: rgb(255,255,141) !important; } .mdl-color--yellow-A100 { background-color: rgb(255,255,141) !important; } .mdl-color-text--yellow-A200 { color: rgb(255,255,0) !important; } .mdl-color--yellow-A200 { background-color: rgb(255,255,0) !important; } .mdl-color-text--yellow-A400 { color: rgb(255,234,0) !important; } .mdl-color--yellow-A400 { background-color: rgb(255,234,0) !important; } .mdl-color-text--yellow-A700 { color: rgb(255,214,0) !important; } .mdl-color--yellow-A700 { background-color: rgb(255,214,0) !important; } .mdl-color-text--amber { color: rgb(255,193,7) !important; } .mdl-color--amber { background-color: rgb(255,193,7) !important; } .mdl-color-text--amber-50 { color: rgb(255,248,225) !important; } .mdl-color--amber-50 { background-color: rgb(255,248,225) !important; } .mdl-color-text--amber-100 { color: rgb(255,236,179) !important; } .mdl-color--amber-100 { background-color: rgb(255,236,179) !important; } .mdl-color-text--amber-200 { color: rgb(255,224,130) !important; } .mdl-color--amber-200 { background-color: rgb(255,224,130) !important; } .mdl-color-text--amber-300 { color: rgb(255,213,79) !important; } .mdl-color--amber-300 { background-color: rgb(255,213,79) !important; } .mdl-color-text--amber-400 { color: rgb(255,202,40) !important; } .mdl-color--amber-400 { background-color: rgb(255,202,40) !important; } .mdl-color-text--amber-500 { color: rgb(255,193,7) !important; } .mdl-color--amber-500 { background-color: rgb(255,193,7) !important; } .mdl-color-text--amber-600 { color: rgb(255,179,0) !important; } .mdl-color--amber-600 { background-color: rgb(255,179,0) !important; } .mdl-color-text--amber-700 { color: rgb(255,160,0) !important; } .mdl-color--amber-700 { background-color: rgb(255,160,0) !important; } .mdl-color-text--amber-800 { color: rgb(255,143,0) !important; } .mdl-color--amber-800 { background-color: rgb(255,143,0) !important; } .mdl-color-text--amber-900 { color: rgb(255,111,0) !important; } .mdl-color--amber-900 { background-color: rgb(255,111,0) !important; } .mdl-color-text--amber-A100 { color: rgb(255,229,127) !important; } .mdl-color--amber-A100 { background-color: rgb(255,229,127) !important; } .mdl-color-text--amber-A200 { color: rgb(255,215,64) !important; } .mdl-color--amber-A200 { background-color: rgb(255,215,64) !important; } .mdl-color-text--amber-A400 { color: rgb(255,196,0) !important; } .mdl-color--amber-A400 { background-color: rgb(255,196,0) !important; } .mdl-color-text--amber-A700 { color: rgb(255,171,0) !important; } .mdl-color--amber-A700 { background-color: rgb(255,171,0) !important; } .mdl-color-text--orange { color: rgb(255,152,0) !important; } .mdl-color--orange { background-color: rgb(255,152,0) !important; } .mdl-color-text--orange-50 { color: rgb(255,243,224) !important; } .mdl-color--orange-50 { background-color: rgb(255,243,224) !important; } .mdl-color-text--orange-100 { color: rgb(255,224,178) !important; } .mdl-color--orange-100 { background-color: rgb(255,224,178) !important; } .mdl-color-text--orange-200 { color: rgb(255,204,128) !important; } .mdl-color--orange-200 { background-color: rgb(255,204,128) !important; } .mdl-color-text--orange-300 { color: rgb(255,183,77) !important; } .mdl-color--orange-300 { background-color: rgb(255,183,77) !important; } .mdl-color-text--orange-400 { color: rgb(255,167,38) !important; } .mdl-color--orange-400 { background-color: rgb(255,167,38) !important; } .mdl-color-text--orange-500 { color: rgb(255,152,0) !important; } .mdl-color--orange-500 { background-color: rgb(255,152,0) !important; } .mdl-color-text--orange-600 { color: rgb(251,140,0) !important; } .mdl-color--orange-600 { background-color: rgb(251,140,0) !important; } .mdl-color-text--orange-700 { color: rgb(245,124,0) !important; } .mdl-color--orange-700 { background-color: rgb(245,124,0) !important; } .mdl-color-text--orange-800 { color: rgb(239,108,0) !important; } .mdl-color--orange-800 { background-color: rgb(239,108,0) !important; } .mdl-color-text--orange-900 { color: rgb(230,81,0) !important; } .mdl-color--orange-900 { background-color: rgb(230,81,0) !important; } .mdl-color-text--orange-A100 { color: rgb(255,209,128) !important; } .mdl-color--orange-A100 { background-color: rgb(255,209,128) !important; } .mdl-color-text--orange-A200 { color: rgb(255,171,64) !important; } .mdl-color--orange-A200 { background-color: rgb(255,171,64) !important; } .mdl-color-text--orange-A400 { color: rgb(255,145,0) !important; } .mdl-color--orange-A400 { background-color: rgb(255,145,0) !important; } .mdl-color-text--orange-A700 { color: rgb(255,109,0) !important; } .mdl-color--orange-A700 { background-color: rgb(255,109,0) !important; } .mdl-color-text--deep-orange { color: rgb(255,87,34) !important; } .mdl-color--deep-orange { background-color: rgb(255,87,34) !important; } .mdl-color-text--deep-orange-50 { color: rgb(251,233,231) !important; } .mdl-color--deep-orange-50 { background-color: rgb(251,233,231) !important; } .mdl-color-text--deep-orange-100 { color: rgb(255,204,188) !important; } .mdl-color--deep-orange-100 { background-color: rgb(255,204,188) !important; } .mdl-color-text--deep-orange-200 { color: rgb(255,171,145) !important; } .mdl-color--deep-orange-200 { background-color: rgb(255,171,145) !important; } .mdl-color-text--deep-orange-300 { color: rgb(255,138,101) !important; } .mdl-color--deep-orange-300 { background-color: rgb(255,138,101) !important; } .mdl-color-text--deep-orange-400 { color: rgb(255,112,67) !important; } .mdl-color--deep-orange-400 { background-color: rgb(255,112,67) !important; } .mdl-color-text--deep-orange-500 { color: rgb(255,87,34) !important; } .mdl-color--deep-orange-500 { background-color: rgb(255,87,34) !important; } .mdl-color-text--deep-orange-600 { color: rgb(244,81,30) !important; } .mdl-color--deep-orange-600 { background-color: rgb(244,81,30) !important; } .mdl-color-text--deep-orange-700 { color: rgb(230,74,25) !important; } .mdl-color--deep-orange-700 { background-color: rgb(230,74,25) !important; } .mdl-color-text--deep-orange-800 { color: rgb(216,67,21) !important; } .mdl-color--deep-orange-800 { background-color: rgb(216,67,21) !important; } .mdl-color-text--deep-orange-900 { color: rgb(191,54,12) !important; } .mdl-color--deep-orange-900 { background-color: rgb(191,54,12) !important; } .mdl-color-text--deep-orange-A100 { color: rgb(255,158,128) !important; } .mdl-color--deep-orange-A100 { background-color: rgb(255,158,128) !important; } .mdl-color-text--deep-orange-A200 { color: rgb(255,110,64) !important; } .mdl-color--deep-orange-A200 { background-color: rgb(255,110,64) !important; } .mdl-color-text--deep-orange-A400 { color: rgb(255,61,0) !important; } .mdl-color--deep-orange-A400 { background-color: rgb(255,61,0) !important; } .mdl-color-text--deep-orange-A700 { color: rgb(221,44,0) !important; } .mdl-color--deep-orange-A700 { background-color: rgb(221,44,0) !important; } .mdl-color-text--brown { color: rgb(121,85,72) !important; } .mdl-color--brown { background-color: rgb(121,85,72) !important; } .mdl-color-text--brown-50 { color: rgb(239,235,233) !important; } .mdl-color--brown-50 { background-color: rgb(239,235,233) !important; } .mdl-color-text--brown-100 { color: rgb(215,204,200) !important; } .mdl-color--brown-100 { background-color: rgb(215,204,200) !important; } .mdl-color-text--brown-200 { color: rgb(188,170,164) !important; } .mdl-color--brown-200 { background-color: rgb(188,170,164) !important; } .mdl-color-text--brown-300 { color: rgb(161,136,127) !important; } .mdl-color--brown-300 { background-color: rgb(161,136,127) !important; } .mdl-color-text--brown-400 { color: rgb(141,110,99) !important; } .mdl-color--brown-400 { background-color: rgb(141,110,99) !important; } .mdl-color-text--brown-500 { color: rgb(121,85,72) !important; } .mdl-color--brown-500 { background-color: rgb(121,85,72) !important; } .mdl-color-text--brown-600 { color: rgb(109,76,65) !important; } .mdl-color--brown-600 { background-color: rgb(109,76,65) !important; } .mdl-color-text--brown-700 { color: rgb(93,64,55) !important; } .mdl-color--brown-700 { background-color: rgb(93,64,55) !important; } .mdl-color-text--brown-800 { color: rgb(78,52,46) !important; } .mdl-color--brown-800 { background-color: rgb(78,52,46) !important; } .mdl-color-text--brown-900 { color: rgb(62,39,35) !important; } .mdl-color--brown-900 { background-color: rgb(62,39,35) !important; } .mdl-color-text--grey { color: rgb(158,158,158) !important; } .mdl-color--grey { background-color: rgb(158,158,158) !important; } .mdl-color-text--grey-50 { color: rgb(250,250,250) !important; } .mdl-color--grey-50 { background-color: rgb(250,250,250) !important; } .mdl-color-text--grey-100 { color: rgb(245,245,245) !important; } .mdl-color--grey-100 { background-color: rgb(245,245,245) !important; } .mdl-color-text--grey-200 { color: rgb(238,238,238) !important; } .mdl-color--grey-200 { background-color: rgb(238,238,238) !important; } .mdl-color-text--grey-300 { color: rgb(224,224,224) !important; } .mdl-color--grey-300 { background-color: rgb(224,224,224) !important; } .mdl-color-text--grey-400 { color: rgb(189,189,189) !important; } .mdl-color--grey-400 { background-color: rgb(189,189,189) !important; } .mdl-color-text--grey-500 { color: rgb(158,158,158) !important; } .mdl-color--grey-500 { background-color: rgb(158,158,158) !important; } .mdl-color-text--grey-600 { color: rgb(117,117,117) !important; } .mdl-color--grey-600 { background-color: rgb(117,117,117) !important; } .mdl-color-text--grey-700 { color: rgb(97,97,97) !important; } .mdl-color--grey-700 { background-color: rgb(97,97,97) !important; } .mdl-color-text--grey-800 { color: rgb(66,66,66) !important; } .mdl-color--grey-800 { background-color: rgb(66,66,66) !important; } .mdl-color-text--grey-900 { color: rgb(33,33,33) !important; } .mdl-color--grey-900 { background-color: rgb(33,33,33) !important; } .mdl-color-text--blue-grey { color: rgb(96,125,139) !important; } .mdl-color--blue-grey { background-color: rgb(96,125,139) !important; } .mdl-color-text--blue-grey-50 { color: rgb(236,239,241) !important; } .mdl-color--blue-grey-50 { background-color: rgb(236,239,241) !important; } .mdl-color-text--blue-grey-100 { color: rgb(207,216,220) !important; } .mdl-color--blue-grey-100 { background-color: rgb(207,216,220) !important; } .mdl-color-text--blue-grey-200 { color: rgb(176,190,197) !important; } .mdl-color--blue-grey-200 { background-color: rgb(176,190,197) !important; } .mdl-color-text--blue-grey-300 { color: rgb(144,164,174) !important; } .mdl-color--blue-grey-300 { background-color: rgb(144,164,174) !important; } .mdl-color-text--blue-grey-400 { color: rgb(120,144,156) !important; } .mdl-color--blue-grey-400 { background-color: rgb(120,144,156) !important; } .mdl-color-text--blue-grey-500 { color: rgb(96,125,139) !important; } .mdl-color--blue-grey-500 { background-color: rgb(96,125,139) !important; } .mdl-color-text--blue-grey-600 { color: rgb(84,110,122) !important; } .mdl-color--blue-grey-600 { background-color: rgb(84,110,122) !important; } .mdl-color-text--blue-grey-700 { color: rgb(69,90,100) !important; } .mdl-color--blue-grey-700 { background-color: rgb(69,90,100) !important; } .mdl-color-text--blue-grey-800 { color: rgb(55,71,79) !important; } .mdl-color--blue-grey-800 { background-color: rgb(55,71,79) !important; } .mdl-color-text--blue-grey-900 { color: rgb(38,50,56) !important; } .mdl-color--blue-grey-900 { background-color: rgb(38,50,56) !important; } .mdl-color--black { background-color: rgb(0,0,0) !important; } .mdl-color-text--black { color: rgb(0,0,0) !important; } .mdl-color--white { background-color: rgb(255,255,255) !important; } .mdl-color-text--white { color: rgb(255,255,255) !important; } .mdl-color--primary { background-color: rgb(63,81,181) !important; } .mdl-color--primary-contrast { background-color: rgb(255,255,255) !important; } .mdl-color--primary-dark { background-color: rgb(48,63,159) !important; } .mdl-color--accent { background-color: rgb(255,64,129) !important; } .mdl-color--accent-contrast { background-color: rgb(255,255,255) !important; } .mdl-color-text--primary { color: rgb(63,81,181) !important; } .mdl-color-text--primary-contrast { color: rgb(255,255,255) !important; } .mdl-color-text--primary-dark { color: rgb(48,63,159) !important; } .mdl-color-text--accent { color: rgb(255,64,129) !important; } .mdl-color-text--accent-contrast { color: rgb(255,255,255) !important; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /*------------------------------------* $CONTENTS \*------------------------------------*/ /** * STYLE GUIDE VARIABLES------------------Declarations of Sass variables * -----Typography * -----Colors * -----Textfield * -----Switch * -----Spinner * -----Radio * -----Menu * -----List * -----Layout * -----Icon toggles * -----Footer * -----Column * -----Checkbox * -----Card * -----Button * -----Animation * -----Progress * -----Badge * -----Shadows * -----Grid * -----Data table */ /* ========== 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 */ /* 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%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; overflow: hidden; } .mdl-ripple.is-animating { -webkit-transition: -webkit-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); } .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 */ /* ========== 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 */ /* TOOLTIP */ .mdl-animation--default { -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .mdl-animation--fast-out-slow-in { -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .mdl-animation--linear-out-slow-in { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .mdl-animation--fast-out-linear-in { -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1); 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 */ /* ========== 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 */ /* 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: -11px; right: -24px; font-family: "Roboto", "Arial", sans-serif; font-weight: 600; font-size: 12px; width: 22px; height: 22px; border-radius: 50%; background: rgb(255,64,129); color: rgb(255,255,255); } .mdl-button .mdl-badge[data-badge]:after { top: -10px; right: -5px; } .mdl-badge.mdl-badge--no-background[data-badge]:after { color: rgb(255,64,129); background: rgb(255,255,255); box-shadow: 0 0 1px gray; } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT 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 */ /* ========== 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 */ /* 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 */ .mdl-button { font-family: Tahoma !important; background: transparent; border: none; border-radius: 2px; color: rgb(0,0,0); position: relative; height: 36px; min-width: 64px; padding: 0 8px !important; display: inline-block; font-size: 16px; font-weight: 500; text-transform: capitalize !important; line-height: 1; letter-spacing: 0.2px !important; overflow: hidden; will-change: box-shadow, transform; -webkit-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); outline: none; cursor: pointer; text-decoration: none; text-align: center; line-height: 36px; vertical-align: middle; } .mdl-button::-moz-focus-inner { border: 0; } /*.mdl-button:hover { background-color: rgba(158,158,158, 0.20); }*/ /*.mdl-button:focus:not(:active) { background-color: rgba(0,0,0, 0.12); }*/ .mdl-button:active { background-color: rgba(158,158,158, 0.40); } .mdl-button.mdl-button--colored { color: rgb(63,81,181); } .mdl-button.mdl-button--colored:focus:not(:active) { background-color: rgba(0,0,0, 0.12); } input.mdl-button[type="submit"] { -webkit-appearance: none; font-size: 16px !important; } .mdl-button--raised { background: rgba(158,158,158, 0.20); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .mdl-button--raised:active { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); background-color: rgba(158,158,158, 0.40); } .mdl-button--raised:focus:not(:active) { box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); background-color: rgba(158,158,158, 0.40); } .mdl-button--raised.mdl-button--colored { background: rgb(63,81,181); color: rgb(255,255,255); } .mdl-button--raised.mdl-button--colored:hover { background-color: rgb(63,81,181); } .mdl-button--raised.mdl-button--colored:active { background-color: rgb(63,81,181); } .mdl-button--raised.mdl-button--colored:focus:not(:active) { background-color: rgb(50, 51, 126); } .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); -ms-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: rgb(255,64,129); color: rgb(255,255,255); } .mdl-button--fab.mdl-button--colored:hover { background-color: rgb(255,64,129); } .mdl-button--fab.mdl-button--colored:focus:not(:active) { background-color: rgb(255,64,129); } .mdl-button--fab.mdl-button--colored:active { background-color: rgb(255,64,129); } .mdl-button--fab.mdl-button--colored .mdl-ripple { background: rgb(255,255,255); } .mdl-button--icon { border-radius: 50%; font-size: 24px; height: 32px; margin-left: 0; margin-right: 0; min-width: 32px; width: 32px; padding: 0; overflow: hidden; color: inherit; line-height: normal; } .mdl-button--icon .material-icons { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-12px, -12px); -ms-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: #b11f24; } .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: #b11f24; } .mdl-button--accent.mdl-button--accent { color: rgb(255,64,129); } .mdl-button--accent.mdl-button--accent .mdl-ripple { background: rgb(255,255,255); } .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab { color: rgb(255,255,255); background-color: rgb(255,64,129); } .mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled { color: rgba(0,0,0, 0.26); cursor: default; background-color: transparent; } .mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled { background-color: rgba(0,0,0, 0.12); color: rgba(0,0,0, 0.26); 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[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: 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--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 */ /* ========== 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 */ /* TOOLTIP */ .mdl-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 14px !important; font-weight: 400; min-height: 200px; overflow: hidden; width: 330px; z-index: 1; position: relative; background: rgb(255,255,255); border-radius: 2px; box-sizing: border-box; } .mdl-card__media { background-color: rgb(255,64,129); background-repeat: repeat; background-position: 50% 50%; background-size: cover; background-origin: padding-box; background-attachment: scroll; box-sizing: border-box; } .mdl-card__title { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgb(0,0,0); display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: stretch; -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; -ms-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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 18px !important; font-weight: 300; line-height: normal; overflow: hidden; -webkit-transform-origin: 149px 48px; -ms-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: 13px; 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-box-flex: 1; -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 */ /* ========== 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 */ /* 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 */ .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 rgb(63,81,181); } .mdl-checkbox.is-disabled .mdl-checkbox__box-outline { border: 2px solid rgba(0,0,0, 0.26); cursor: auto; } .mdl-checkbox__focus-helper { position: absolute; top: 3px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; border-radius: 50%; background-color: transparent; } .mdl-checkbox.is-focused .mdl-checkbox__focus-helper { box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1); } .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper { box-shadow: 0 0 0px 8px rgba(63,81,181, 0.26); background-color: rgba(63,81,181, 0.26); } .mdl-checkbox__tick-outline { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg=="); mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg=="); background: transparent; -webkit-transition-duration: 0.28s; transition-duration: 0.28s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-property: background; transition-property: background; } .mdl-checkbox.is-checked .mdl-checkbox__tick-outline { background: rgb(63,81,181) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); } .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: 14px; line-height: 24px; margin: 0; } .mdl-checkbox.is-disabled .mdl-checkbox__label { color: rgba(0,0,0, 0.26); cursor: auto; } .mdl-checkbox__ripple-container { position: absolute; z-index: 2; top: -6px; left: -10px; box-sizing: border-box; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } .mdl-checkbox__ripple-container .mdl-ripple { background: rgb(63,81,181); } .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container { cursor: auto; } .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 */ /* ========== 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 */ /* 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 */ .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; -webkit-transition-duration: 0.28s; transition-duration: 0.28s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-property: background-color; 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 0 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: top; position: absolute; left: 24px; } .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: 14px !important; color: rgba(0, 0, 0, 0.54); padding-bottom: 8px; box-sizing: border-box; } .mdl-data-table th .mdl-data-table__select { position: absolute; bottom: 8px; left: 24px; } .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 */ /* ========== 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 */ /* 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 */ .mdl-mega-footer { padding: 16px 40px; color: rgb(158,158,158); } .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; } #desk { color: #fff; } @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; } .flight-search-input-container { position: relative; bottom: 0px !important; } } .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; } .register-firstname .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: calc(70.666667% - 0px) !important; } } .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 { background-image: none; } .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 */ /* ========== 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 */ /* TOOLTIP */ .mdl-mini-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -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-box; 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-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .mdl-mini-footer--right-section, .mdl-mini-footer__right-section { display: inline-block; -webkit-box-ordinal-group: 2; -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 */ /* ========== 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 */ /* 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; -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .mdl-icon-toggle__label.material-icons { line-height: 32px; font-size: 24px; } .mdl-icon-toggle.is-checked .mdl-icon-toggle__label { color: rgb(63,81,181); } .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label { color: rgba(0,0,0, 0.26); cursor: auto; -webkit-transition: none; 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 */ /* ========== 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 */ /* 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 */ .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: 1001; 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); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: 0 0; -ms-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; -webkit-transition: -webkit-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); z-index: -1; } .mdl-menu__container.is-visible .mdl-menu__outline { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index: 999; } .mdl-menu__outline.mdl-menu--bottom-right { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .mdl-menu__outline.mdl-menu--top-left { -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } .mdl-menu__outline.mdl-menu--top-right { -webkit-transform-origin: 100% 100%; -ms-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 { -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1); 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; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); 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[disabled] { color: rgb(189,189,189); background-color: transparent; cursor: auto; } .mdl-menu__item[disabled]:hover { background-color: transparent; } .mdl-menu__item[disabled]:focus { background-color: transparent; } .mdl-menu__item[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 */ /* ========== 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 */ /* TOOLTIP */ .mdl-progress { display: block; position: relative; height: 4px; width: 500px; } .mdl-progress > .bar { display: block; position: absolute; top: 0; bottom: 0; width: 0%; -webkit-transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .mdl-progress > .progressbar { background-color: rgb(63,81,181); z-index: 1; left: 0; } .mdl-progress > .bufferbar { background-image: -webkit-linear-gradient(left, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), -webkit-linear-gradient(left, rgb(63,81,181), rgb(63,81,181)); background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); z-index: 0; left: 0; } .mdl-progress > .auxbar { right: 0; } @supports (-webkit-appearance: none) { .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar { background-image: -webkit-linear-gradient(left, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), -webkit-linear-gradient(left, rgb(63,81,181), rgb(63,81,181)); background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); } } .mdl-progress:not(.mdl-progress__indeterminate) > .auxbar { background-image: -webkit-linear-gradient(left, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), -webkit-linear-gradient(left, rgb(63,81,181), rgb(63,81,181)); background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); } .mdl-progress.mdl-progress__indeterminate > .bar1 { background-color: rgb(63,81,181); -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 { background-image: none; background-color: rgb(63,81,181); -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 */ /* ========== 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 */ /* 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 */ .mdl-navigation { display: -webkit-box; 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; font-weight: 500; font-size: 13px; margin: 0; } .mdl-layout { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -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: "Roboto", "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-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .mdl-layout__drawer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -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); -ms-transform: translateX(-250px); transform: translateX(-250px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; will-change: transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-property: -webkit-transform; transition-property: transform; color: rgb(66,66,66); overflow: visible; overflow-y: auto; z-index: 5; } .mdl-layout__drawer.is-visible { -webkit-transform: translateX(0); -ms-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; } .connecting-flight-text:before { content: ""; position: absolute; right: 60% !important; bottom: 100%; width: 0px; height: 0px; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #32337e; border-left: 5px solid transparent; } .check-out-section .modal { position: fixed; top: 10%; left: 0%; z-index: 1050; width: 80% !important; margin-left: 0px; background-color: white; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; MARGIN: 0 AUTO; HEIGHT: AUTO; } .mdl-layout__drawer .mdl-navigation { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-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; } .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; 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); -ms-transform: translateX(0); transform: translateX(0); } #change_password .modal { width: 430px !important; } } .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: 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__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -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: rgb(63,81,181); color: rgb(255,255,255); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-property: max-height, box-shadow; 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-box; 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-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -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-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 64px; margin: 0; padding: 0 40px 0 80px; } @media screen and (max-width: 1024px) { .mdl-layout__header-row { height: 56px; padding: 0 16px 0 72px; } } .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-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-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; -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 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; } .mdl-layout__content { -ms-flex: 0 1 auto; display: inline-block; overflow-y: auto; overflow-x: hidden; -webkit-box-flex: 1; -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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: rgb(63,81,181); overflow-y: hidden; overflow-x: scroll; } .mdl-layout__tab-bar::-webkit-scrollbar { display: none; } @media screen and (max-width: 1024px) { .mdl-layout__tab-bar { width: calc(100% - 60px); padding: 0 0 0 60px; } } .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-box-flex: 0; -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: rgb(63,81,181); color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media screen and (max-width: 1024px) { .mdl-layout__tab-bar-button { display: none; width: 60px; } .fareRule::before { content: ""; position: absolute; right: 25% !important; bottom: 100%; width: 0px; height: 0px; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #32337e; border-left: 5px solid transparent; } .Economy.fareRule:before { content: ""; position: absolute; right: 25% !important; bottom: 100%; width: 0px; height: 0px; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #32337e; border-left: 5px solid transparent; } .Business.fareRule:before { content: ""; position: absolute; right: 6% !important; bottom: 100%; width: 0px; height: 0px; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #32337e; border-left: 5px solid transparent; } } .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-box-flex: 0; -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-box-flex: 1; -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: rgb(255,64,129); -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; -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1); 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 */ /* ========== 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 */ /* 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 */ .mdl-radio { position: relative; font-size: 16px !important; 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 rgb(63,81,181); } .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; -webkit-transition-duration: 0.28s; transition-duration: 0.28s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); border-radius: 50%; background: rgb(63,81,181); } .mdl-radio.is-checked .mdl-radio__inner-circle { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .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; } .mdl-radio.is-disabled .mdl-radio__label { color: rgba(0,0,0, 0.26); cursor: auto; } .mdl-radio__ripple-container { position: absolute; z-index: 2; top: -9px; left: -13px; box-sizing: border-box; width: 42px; height: 42px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } .mdl-radio__ripple-container .mdl-ripple { background: rgb(63,81,181); } .mdl-radio.is-disabled .mdl-radio__ripple-container { cursor: auto; } .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 */ /* ========== 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 */ /* TOOLTIP */ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded { -ms-appearance: none; height: 32px; margin: 0; } .mdl-slider { width: calc(100% - 40px); margin: 0 20px; } .mdl-slider.is-upgraded { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 2px; background: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: 0; padding: 0; color: rgb(63,81,181); -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, rgb(63,81,181) 16px, rgb(63,81,181) 0); } .mdl-slider.is-upgraded::-ms-fill-upper { padding: 0; background: linear-gradient(to left, transparent, transparent 16px, rgba(0,0,0, 0.26) 16px, rgba(0,0,0, 0.26) 0); } .mdl-slider.is-upgraded::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; box-sizing: border-box; border-radius: 50%; background: rgb(63,81,181); border: none; -webkit-transition: -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); } .mdl-slider.is-upgraded::-moz-range-thumb { -moz-appearance: none; width: 12px; height: 12px; box-sizing: border-box; border-radius: 50%; background-image: none; background: rgb(63,81,181); border: none; } .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb { box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); } .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb { box-shadow: 0 0 0 10px rgba(63,81,181, 0.26); } .mdl-slider.is-upgraded:active::-webkit-slider-thumb { background-image: none; background: rgb(63,81,181); -webkit-transform: scale(1.5); transform: scale(1.5); } .mdl-slider.is-upgraded:active::-moz-range-thumb { background-image: none; background: rgb(63,81,181); transform: scale(1.5); } .mdl-slider.is-upgraded::-ms-thumb { width: 32px; height: 32px; border: none; border-radius: 50%; background: rgb(63,81,181); -ms-transform: scale(0.375); transform: scale(0.375); transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); } .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb { background: radial-gradient(circle closest-side, rgb(63,81,181) 0%, rgb(63,81,181) 37.5%, rgba(63,81,181, 0.26) 37.5%, rgba(63,81,181, 0.26) 100%); -ms-transform: scale(1); transform: scale(1); } .mdl-slider.is-upgraded:active::-ms-thumb { background: rgb(63,81,181); -ms-transform: scale(0.5625); 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%); -ms-transform: scale(1); transform: scale(1); } .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb { -ms-transform: scale(0.5625); 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 { -ms-transform: scale(0.25); 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 { -ms-transform: scale(0.25); 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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -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-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; border: 0; padding: 0; -webkit-transform: translate(0, -1px); -ms-transform: translate(0, -1px); transform: translate(0, -1px); } .mdl-slider__background-lower { background: rgb(63,81,181); -webkit-box-flex: 0; -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-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0; position: relative; border: 0; padding: 0; -webkit-transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1); 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 */ /* ========== 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 */ /* 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: rgb(63,81,181); } .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: rgb(63,81,181); } .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: rgb(63,81,181); } .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: rgb(63,81,181); } .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); -ms-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); -ms-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 */ /* ========== 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 */ /* 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 */ .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.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); -webkit-transition-duration: 0.28s; transition-duration: 0.28s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-property: left; transition-property: left; } .mdl-switch.is-checked .mdl-switch__thumb { background: rgb(63,81,181); left: 16px; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } .mdl-switch.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); -ms-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.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); -webkit-transition-duration: 0.40s; transition-duration: 0.40s; -webkit-transition-timing-function: step-end; transition-timing-function: step-end; -webkit-transition-property: left; transition-property: left; } .mdl-switch__ripple-container .mdl-ripple { background: rgb(63,81,181); } .mdl-switch.is-disabled .mdl-switch__ripple-container { cursor: auto; } .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple { background: transparent; } .mdl-switch.is-checked .mdl-switch__ripple-container { cursor: auto; 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 */ /* ========== 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 */ /* TOOLTIP */ .mdl-tabs { display: block; width: 100%; } .mdl-tabs__tab-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -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-box-align: start; -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; color: red; 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; letter-spacing: .2px !important; text-transform: none; font-size: 16px; font-weight: regular !important; } .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active { color: rgba(0,0,0, 0.87); } .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after { height: 2px; width: 100%; display: block; content: " "; bottom: 0px; left: 0px; position: absolute; background: rgb(63,81,181); -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; -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1); transition: all 1s cubic-bezier(0.4, 0, 1, 1); } .mdl-tabs__tab .mdl-tabs__ripple-container { display: block; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 1; overflow: hidden; } .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple { background: rgb(63,81,181); } .mdl-tabs__panel { display: block; } .mdl-tabs.is-upgraded .mdl-tabs__panel { display: none; } .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active { display: block; } @-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 */ /* ========== 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 */ /* 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 */ .mdl-textfield { position: relative; font-size: 16px; display: inline-block; box-sizing: border-box; width: 300px; max-width: 100%; margin: 0; padding: 10px 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; margin: 0; padding: 10px 0 2px 0px; width: 100%; background: none; text-align: left; color: inherit; } .mdl-textfield.is-focused .mdl-textfield__input { outline: none; } .mdl-textfield.is-invalid .mdl-textfield__input { border-color: rgb(222, 50, 38); box-shadow: none; } .mdl-textfield.is-disabled .mdl-textfield__input { background-color: transparent; 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: 14px; width: 100%; overflow: hidden; white-space: nowrap; text-align: left; } .mdl-textfield.is-dirty .mdl-textfield__label { visibility: hidden; } .mdl-textfield--floating-label .mdl-textfield__label { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .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 { color: rgb(63,81,181); font-size: 14px; top: -3px !important; 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 { top: -56px; } .mdl-textfield--floating-label.is-invalid .mdl-textfield__label { color: rgb(222, 50, 38); font-size: 12px; } .mdl-textfield__label:after { background-color: rgb(63,81,181); bottom: 10px; content: ''; height: 2px; left: 45%; position: absolute; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 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(222, 50, 38); } .mdl-textfield__error { color: rgb(222, 50, 38); 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; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 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 */ /* ========== 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 */ /* TOOLTIP */ .mdl-tooltip { -webkit-transform: scale(0); /*-ms-transform: scale(0);*/ transform: scale(0); /*-webkit-transform-origin: top center; -ms-transform-origin: top center;*/ transform-origin: top center; will-change: unset; box-shadow: 0 2px 19px 0 rgba(171,171,171,.68); z-index: 999; background-color: #fff !important; border-radius: 2px; color: #898989; font-size: 10px; font-weight: 500; line-height: 14px; max-width: 170px; position: fixed; top: -500px; left: -500px; height: auto !important; border-radius: 5px; padding: 10px 20px; text-align: left; letter-spacing: 0.2px; } .mdl-tooltip:before { content: ""; position: absolute; right: 45%; bottom: 100%; width: 0px; height: 0px; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid white; border-left: 5px solid transparent; } .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 */ /* ========== 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 */ /* 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 */ .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); } /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT 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 */ /* ========== 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 */ /* TOOLTIP */ .mdl-grid { display: -webkit-box; 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; -webkit-box-align: stretch; -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; } @media (max-width: 479px) { .memberprofile-otp { width: 88% !important; } .payu-netbank-fields-container .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: calc(100% - 16px); margin: 8px !important; } .paytm-wallet-fields-container .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: calc(100% - 16px); margin: 8px !important; } .sod-security-field { margin: 8px !important; } .sod-isd-field { margin: 8px !important; } .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--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: 75%; }*/ .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); margin: 0px !important } .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); } #sodmodal .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: calc(100% - 16px) !important; } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: 100%; } .compact-srch .compact-srch-date-year-container { margin-left: 4px !important; margin-right: -6px !important; padding-top: 7px; float: left; font-size: 12px; } .compact-srch > div > div > div { float: left; padding: 0 0px 0 3px !important; } .compact-srch .compact-srch-change button i { font-size: 24px !important; position: relative !important; } .compact-srch .compact-srch-date-year-container p { font-size: 18px; position: relative; top: -2px !important; margin-left: 8px !important; } .compact-srch .compct-inner-container { float: left; margin-top: -20px !important; margin-left: 8px !important; } .compact-srch .compact-srch-change button { height: 33px; width: 33px; min-width: 33px; color: #32337e; padding: 0; margin-top: -24px !important; } .itin-flight-details-mobile { width: 40% !important } .itin-flight-details-icon-mobile { width: 20% !important } .balance-due-details { text-align: center !important } .checkin-pax-flight-details-resp { width: 21% !important } .checkin-pax-flight-details-resp span { font-size: 14px !important } .checkin-pax-flight-details-resp-1 { width: 31% !important } .checkin-pax-flight-details-resp-1 span { font-size: 14px !important } .checkin-pax-flight-details-resp-2 { width: 29% !important; margin: 8px !important } .checkin-pax-flight-details-resp-2 span { font-size: 14px !important } .checkin-pax-table tr td { padding: 10px 12px !important; } .checkin-pax-pax-name span { font-size: 14px !important; } .itin .itin-flights .itin-flight .itin-flight-details-1 > div.itin-flight-details-plane h4 img { margin-top: 10px !important; width: 20px !important; } .payment-type-button-container .payment-type-button .payment-type-name.short-name { padding-top: 0px } .compact-srch .compact-srch-date div.compact-srch-date-container .compact-srch-date-day-month-container { margin-top: 6px !important; } .user-info-gravatar, .user-info-action { float: left; display: none !important; } #upper-header #userInfoShowOptions { float: left; position: relative; top: 24px; } .userInfoShowOptions-partner { top: -11px !important; } .user-info-meta1 { position: relative; top: 5px; } .payment-selection-button-container .payment-selection-button.selected { background-color: #f5d563 !important; border-left: 0px solid #f5d563; } .stored-payment-method-fields .radio-circle { position: relative; top: 15px !important; } .sc-month, .sc-year, .sc-cvv { width: calc(32% - 16px) !important; } .sod-subtabs a { border-right-color: #cacaca !important; } .sod-tabs, .sod-subtabs { background: #fff !important } .myagency-activity-right-btn { float: none !important; } #sodmodal .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: calc(100% - 16px) !important; } .payu-netbank-fields-container .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: calc(100% - 16px); margin: 8px !important } .paytm-wallet-fields-container .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: calc(100% - 16px); margin: 8px !important; } .sod-security-field { margin: 8px !important; } .sod-isd-field { margin: 8px !important; } #chechinPopupId .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(18% - 16px); } .mobile-num-grid .mdl-cell { margin: 0px 0px !important; } .mobile-num-grid .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: calc(100% - 5px) !important; } .mobile-num-main-label { position: relative; left: 0px !important; margin-top: 4px; } .email-div .mdl-cell { margin: 0px 0px !important; } .email-div .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: calc(100% - 5px) !important; } .emergency-num-div .emergency-isd-num { margin-left: 0px !important } .emergency-num-div .emergency-area-num { margin-left: 2px !important } .emergency-num-div .emergency-num { margin-left: 0px !important; margin-right: 20px; } } @media (min-width: 320px) and (max-width: 480px) { .currency-drop-tab { margin-top: 20% !important; height: 33px; width: 33px; min-width: 33px; color: #32337e; padding: 0; margin-top: -24px !important; } .itin-flight-details-mobile { width: 40% !important; } .itin-flight-details-icon-mobile { width: 20% !important; } .balance-due-details { text-align: center !important; } .checkin-pax-flight-details-resp { width: 21% !important; } .checkin-pax-flight-details-resp span { font-size: 14px !important; } .checkin-pax-flight-details-resp-1 { width: 31% !important; } .checkin-pax-flight-details-resp-1 span { font-size: 14px !important; } .checkin-pax-flight-details-resp-2 { width: 29% !important; margin: 8px !important; } .checkin-pax-flight-details-resp-2 span { font-size: 14px !important; } .checkin-pax-table tr td { padding: 10px 12px !important; } .checkin-pax-pax-name span { font-size: 14px !important; } .itin .itin-flights .itin-flight .itin-flight-details-1 > div.itin-flight-details-plane h4 img { margin-top: 10px !important; width: 20px !important; } .payment-type-button-container .payment-type-button .payment-type-name.short-name { padding-top: 0px; } .compact-srch .compact-srch-date div.compact-srch-date-container .compact-srch-date-day-month-container { margin-top: 6px !important; } .user-info-gravatar, .user-info-action { float: left; display: none !important; } #upper-header #userInfoShowOptions { float: left; position: relative; top: 24px; } .userInfoShowOptions-partner { top: -11px !important; } .user-info-meta1 { position: relative; top: 5px; } .payment-selection-button-container .payment-selection-button.selected { background-color: #f5d563 !important; border-left: 0px solid #f5d563; } .stored-payment-method-fields .radio-circle { position: relative; top: 15px !important; } .sc-month, .sc-year, .sc-cvv { width: calc(32% - 16px) !important; } .sod-subtabs a { border-right-color: #cacaca !important; } /*.tabs-space a.active{ margin-left:3px!important; }*/ .sod-tabs, .sod-subtabs { background: #fff !important; } .myagency-activity-right-btn { float: none !important; } .SessionDetails-Flight-Details .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: calc(50% - 1px) !important; } .SessionDetails-Flight-Details .mdl-cell--4-col, .SessionDetails-Flight-Details .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: calc(100% - 1px) !important; margin: 0px !important; } .session-search-button { margin-top: 10px !important; } .session-modal-inner .mem-common-modal-body { padding-left: 5px !important; } #SessionDetails .mdl-grid { padding: 2px !important; } } @media (min-width: 320px) and (max-width: 480px) { /*.profile-info .mdl-cell--4-col{ margin: 8px!important; }*/ .currency-drop-tab { margin-top: 20% !important; } .booking-currency { position: relative; bottom: 25px !important; } #upper-header .mdl-cell { margin: 0px; } .goair-dropdown-overlay { display: none; } .large-search-form { margin-bottom: 0; position: relative; margin: 0% 0% -2% 0% !important; } .payment-voucher span { padding-top: 8px !important; } .available-passengers-icons { width: 100% !important; float: none !important; text-align: center; top: 10px !important; position: relative !important; } .available-passengers { width: 100% !important; float: none !important; margin-top: 1%; } .split-pnr-section .modal { top: 10%; left: 1% !important; width: 90% !important; } .split-pnr-section .modal-body { position: relative; overflow-y: auto; padding: 10px 15px 30px 15px !important; } .split-pnr-section .modal-title { margin-left: 15px !important; margin-right: 15px !important; } .checkout-passenger h5 { position: relative; left: 1%; color: black; font-size: 12px; font-weight: 600; bottom: -3px; clear: both; } .check-out-section .modal-body { /*max-height: 600px!important;*/ padding: 0px 10px 15px 10px !important; } .check-out-section .mdl-checkbox__label { line-height: 4px; /*margin-left: 10%!important;*/ } .check-out-section .mdl-data-table td:last-of-type, .check-out-section .mdl-data-table th:last-of-type { padding-right: 24px; text-align: center; font-size: 12px !important; line-height: 1.4; } .check-out-section h4 { text-align: center !important; height: auto !important } .connect-flight-legend-mobile { margin-top: 4% !important; display: block !important; } .avail-table, .avail-table .avail-table-vert { vertical-align: middle; margin-top: 4% !important; } .connect-flight-legend-mobile { display: block !important; } .check-out-section .mdl-data-table td { vertical-align: text-bottom; height: 70px; } .check-out-section .mdl-checkbox__box-outline { left: -7px; top: 7px !important; } .check-out-section .mdl-checkbox__label { left: 8px; } .present-trips .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type { padding-left: 8px; } .checkout-passenger h5 { position: relative; left: 1%; color: black; font-size: 12px; font-weight: 600; bottom: -3px; clear: both; } .check-out-section .modal-body { max-height: 600px !important; padding: 0px 10px 15px 10px !important; } .check-out-section .mdl-checkbox__label { line-height: 4px; margin-left: 10% !important; } .check-out-section .mdl-data-table td:last-of-type, .check-out-section .mdl-data-table th:last-of-type { padding-right: 24px; text-align: center; font-size: 12px !important; line-height: 1.4; } .check-out-section h4 { text-align: center !important; height: auto !important; } .connect-flight-legend-mobile { margin-top: 4% !important; } .avail-table, .avail-table .avail-table-vert { vertical-align: middle; margin-top: 4% !important; } .connect-flight-legend-mobile { display: block !important; } .seatpreference-container .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: calc(100% - 16px) !important; } .add-preference { margin-top: 14% !important; } .form-seat-submit-container { padding-bottom: 50px !important; } /*.bannerpopup .x { float: right; height: 0px; left: 10px; position: relative; top: 2px; width: 24px!important; font-size: 13px; }*/ .bannerpopup { width: 85% !important; } } @media (max-width: 320px) { .compact-srch h3 { width: 85px !important; font-size: 14px !important; margin-top: 7px; font-weight: bold; } .compact-srch-date-icon { background-size: 14px !important; } .compact-srch .compact-srch-change button { height: 33px; width: 44px !important; min-width: 33px; color: #32337e; padding: 0; margin-top: -29px; } .compact-srch > div > div > div { float: left; padding: 0 0px 0 3px !important; } .compact-srch-pax-adt { background-size: 16px !important; } .compact-srch .compact-srch-date-year-container { margin-left: -25px !important; margin-right: 22px !important; padding-top: 7px; float: left; font-size: 12px; } #header-brand-mini .mdl-grid { left: 35% !important; bottom: 11px; } #upper-header .mdl-cell { margin: 0px; } .present-trips td { width: 36%; font-size: 14px !important; border-bottom: none; vertical-align: middle; } .present-trips h3 { font-size: 14px !important; } .present-trips .mdl-cell--10-col, .present-trips .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: calc(69% - 16px) !important; } .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(32% - 16px) !important; } .ssr-list1 .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(25% - 16px) !important; } .head-label-container .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(25% - 16px) !important; } .ssr-forms .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(25% - 16px) !important; } .creditcard .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(27% - 16px) !important; } .payu-netbank-container .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(27% - 16px)!important; } .paytm-wallet .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(27% - 16px)!important; } .sod-isd-field { width: calc(26% - 16px)!important; } .profileinfo .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(20% - 0px) !important; } .editpassenger-form .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(20% - 0px) !important; } .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type { padding-left: 10px; } .check-out-section h4 { text-align: center !important; height: auto !important; font-size: 14px !important; line-height: 20px !important; } .check-out-section .mdl-checkbox__label { line-height: 16px !important; /*margin-left: 12% !important;*/ display: inline-block; } .available-passengers-icons { width: 100% !important; float: none !important; text-align: center; top: 10px !important; position: relative !important; } .available-passengers { width: 100% !important; float: none !important; margin-top: 1%; } .split-pnr-section .modal { top: 10%; left: 1% !important; width: 97% !important; } .split-pnr-section .modal-body { position: relative; overflow-y: auto; padding: 10px 15px 30px 15px !important; } .split-pnr-section .modal-title { margin-left: 15px !important; margin-right: 15px !important; } .itin-sub-header-tablet .mdl-cell { width: 100% !important; text-align: center !important; } #chechinPopupId .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(18% - 16px) !important; } } @media (min-width: 320px) and (max-width: 399px) { .present-trips .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(27% - 16px) !important; } .present-trips .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type { padding-left: 10px; } } @media (max-width:479px) and (min-width:401px) { .present-trips .mdl-cell--10-col, .present-trips .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: calc(75% - 16px) !important; } } @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--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%; } #desk { color: #fff; display: block !important; } #mobile { display: none; } .itin .itin-flights .itin-flight .itin-flight-details-1 * { padding: 0px 15px 0px 0px !important; } .checkin-pax-flight-details-resp { width: 30% !important } .checkin-pax-flight-details-resp-1 { width: 31% !important } .checkin-pax-flight-details-resp-2 { width: 29% !important } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { width: 100%; } #desk { color: #fff; display: block !important; } #mobile { display: none; } /*.mdl-cell--6-col{width:45%!important}*/ .itin .itin-flights .itin-flight .itin-flight-details-1 * { padding: 0px 15px 0px 0px !important; } .refund-buttons-container .payment-selection-button .payment-type-name.refund-res-credit { padding-top: 0px !important; } .checkin-pax-flight-details-resp { width: 30% !important; } .checkin-pax-flight-details-resp-1 { width: 31% !important; } .checkin-pax-flight-details-resp-2 { width: 29% !important; } .currency-drop-tab, .book-btn-tab { margin-top: 20% !important; } #upper-header * { font-family: 'Swiss', 'anton' !important; display: inline; } #upper-header .head-separator > img { width: 22px !important; height: 22px !important; padding-right: 10px; } .booking-currency { position: relative; bottom: 35px !important; } #upper-header .mdl-cell { margin: 0px; } .user-info-gravatar, .user-info-action { float: left; display: none !important; } #upper-header #userInfoShowOptions { float: left; position: relative; top: 12px; } .contact-data li { margin-right: 4px !important; } .goair-dropdown-overlay { display: none; } .contact-data li { margin-right: 4px !important; } .payment-type-button-container .payment-type-button .payment-type-name img { height: 21px; margin-top: -2px; position: relative; right: 0px; } .mem-register-day .mdl-cell--1-col, .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: calc(19% - 16px) !important; } #header-agentlogin .goair-nav .drop1 ul { top: 53px !important; } #header-agentlogin .drop1 ul li a { font-size: 16px !important; } #header-agentlogin .goair-nav .drop2 ul { top: 53px !important; } #header-agentlogin .drop2 ul li a { font-size: 16px !important; } #header-agentlogin .drop2 ul { left: 120px !important; } .user-info-action-options1 { min-width: 130px !important; width: 130px !important; } .user-info-meta1 { position: relative; top: 20px; } .staff-on-duty .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: calc(49% - 16px); } .contact-data li { margin-right: 4px !important; } .header-contact-block img { width: 14px; position: relative; top: 1px !important; } #sodmodal .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(25% - 8px) !important; } .creditcard .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: calc(17% - 16px) !important; } .creditcard .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(33% - 16px) !important; } .sc-month, .sc-year, .sc-cvv { width: calc(19% - 20px) !important; } .payu-netbank-fields-container .creditphoneno, .paytm-wallet-container .creditphoneno { width: calc(31% - 14px); } .SessionDetails-Flight-Details .mdl-cell--2-col, .SessionDetails-Flight-Details .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(31% - 1px) !important; } .SessionDetails-Flight-Details .mdl-cell--4-col, .SessionDetails-Flight-Details .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: calc(7% - 1px) !important; } .payu-netbank-fields-container .creditphoneno, .paytm-wallet-container .creditphoneno { width: calc(31% - 14px); } .payment-type-button-container .payment-type-button .payment-type-name img { height: 21px; margin-top: -4px; position: relative; right: 3px; } .mem-register-day .mdl-cell--1-col, .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: calc(19% - 16px) !important; } .search-fields1 .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: calc(32.5% - 14px); } .minisearchsecondline .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: calc(32.5% - 16px); } .promocode input, .currencyoption select { width: 64%; } .staff-on-duty .mdl-cell--2-col, .staff-on-duty .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: calc(16.6666666667%); } .staff-on-duty .mdl-cell--10-col, .staff-on-duty .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: 83.2%; } .signup-fields-container .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: calc(30.5% - 16px); } .search-fields2 .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: calc(32.5% - 14px); } .mobile-num-main-label { left: 8px !important; } .emergency-num-main-label-latest { margin-left: 8px !important; } .applied-pay .mdl-cell--4-col, .applied-pay .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: calc(28% - 16px); } .applied-pay .mdl-cell--2-col, .applied-pay .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(14% - 16px); } .sc-month, .sc-year, .sc-cvv { width: calc(19% - 20px) !important; } .payu-netbank-fields-container .creditphoneno, .paytm-wallet-container .creditphoneno { width: calc(31% - 14px); } .extras-passengers-container .mdl-cell--12-col, .extras-passengers-container .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: 100% !important; } } @media (min-width: 480px) and (max-width: 600px) { .large-search-form { margin-bottom: 0; position: relative; margin: 0% 0% -2% 0% !important; } .check-out-section .mdl-checkbox__label { line-height: 4px; margin-left: 10% !important; } .fareRule::before { content: ""; content: ""; position: absolute; right: 31% !important; bottom: 100%; width: 0px; height: 0px; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #32337e; border-left: 5px solid transparent; } .connect-flight-legend-mobile { display: block !important; } .itin-sub-header-tablet .mdl-cell { width: calc(75% - 16px); margin: 0px auto; } .check-out-section .mdl-data-table td { vertical-align: top; height: 55px; } .itin-sub-header-tablet-1 .mdl-cell { text-align: center; } .payment-options form .mdl-textfield.mdl-cell { margin-top: 5px !important; margin-bottom: 5px; } .paymentemailfield { width: 95% !important; } .stored-payment-method-fields .radio-circle { position: relative; top: 10px !important; } .payment-selection-button-container .payment-selection-button.selected { background-color: #f5d563 !important; border-left: 0px solid #f5d563; } /*.sc-month, .sc-year, .sc-cvv { width: calc(33% - 16px) !important; }*/ .seatpreference-container .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: calc(100% - 16px) !important; } .add-preference { margin-top: 7% !important; } .payment-selection-button-container .payment-selection-button.selected { background-color: #f5d563 !important; border-left: 0px solid #f5d563 !important; } .session-expire-button { width: 100%; text-align: center !important; margin-top: 3%; } .session-expire-text { width: 100%; } .sodtopmenu #upper-header #userInfoShowOptions { float: left; position: relative; top: 24px; } .fareRule::before { content: ""; content: ""; position: absolute; right: 31% !important; bottom: 100%; width: 0px; height: 0px; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #32337e; border-left: 5px solid transparent; } .connect-flight-legend-mobile { display: block !important; } .itin-sub-header-tablet .mdl-cell { width: calc(75% - 16px); margin: 0px auto; } #mini-group-booking1 { display: none; } #umnr-modal { position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; height: 190px; width: 470px; background: #fff; border-radius: 4px; } } @media (min-width: 320px) and (max-width: 360px) { #upper-header #userInfoShowOptions { float: left; position: relative; top: 19px; } .sodtopmenu #upper-header #userInfoShowOptions { float: left; position: relative; top: 24px; /*right:50%*/ } .user-info-action-options1 { min-width: 130px !important; width: 130px !important; } #header-agentlogin .goair-nav .drop1 ul { top: 53px !important; } #header-agentlogin .drop2 ul { left: 100px !important; } .sodtopmenu #upper-header #userInfoShowOptions { float: left; position: relative; top: 24px; /*right:50%*/ } .userInfoShowOptions-partner { position: relative; top: 0px !important; right: 0 !important; float: none !important } .smetabs .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; color: #999999; font-size: 16px !important; } .user-info-gravatar, .user-info-action { float: left; display: none !important; } #upper-header #userInfoShowOptions { float: left; position: relative; top: 24px; /*right:50%*/ } /*.bannerslider1{width: 32%!important;}*/ .ui-datepicker-title { margin: 0 1.3em !important; } .checkin-travel-doc-form-container .mdl-form-block { padding: 3% 0% 3% 5% !important; } .ssr-fields .mdl-cell { margin: 5px 0px 5px 0px !important } .extras-passengers-container .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: calc(65% - 0px); margin: 0 auto !important; } .extras-passengers-container .mdl-cell--12-col, .extras-passengers-container .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: 100% !important; } .extras-passengers-container1 .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: calc(50% - 16px); margin-top: 8px !important; } } @media (min-width: 840px) { .editpassenger-form .mdl-cell--6-col, .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 22px) !important; } .sod-dashboard-block .mdl-cell--6-col, .sod-dashboard-block .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 1px) !important; } .bannerpopup2 .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 12px) !important; } .sod-dashboard-block .mdl-cell--6-col, .sod-dashboard-block .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 1px) !important; } .mdl-grid { padding: 8px; } .mdl-cell { margin: 5px; width: calc(33.3333333333% - 16px); } /*#basic-information .mdl-cell--6-col, .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 10px)!important; }*/ .mdl-grid--no-spacing > .mdl-cell { width: 33.3333333333%; } .mdl-cell--hide-desktop { display: none !important; } /*.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%; } .dateofbirth .mdl-cell--4-col, .dateofbirth .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: calc(33.3333333333% - 8px); } /*.signup-fields-container .mdl-cell--3-col, .signup-fields-container .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(25% - 15px);*/ .flight-status .vertical-fs-tabs .fs-tabs__tab { width: 200px; height: 76px; line-height: 24px; box-sizing: border-box; letter-spacing: 2px; } .flight-status .vertical-fs-tabs a.fs-tabs__tab.is-active { border-right: 3px solid #32337e; background: #32337e; color: #FFDE00; width: 215px !important; border-top-right-radius: 6px; border-bottom-right-radius: 6px; padding-top: 7%; } .payment-payment-types .mdl-cell--12-col, .payment-payment-types .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: calc(100% - 0px); } /*.signup-fields-container .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 20px);*/ /*.profile-update-right-block .mdl-cell--3-col, .profile-update-right-block .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(29% - 9px); }*/ .profile-update-right-block .mdl-cell--6-col, .profile-update-right-block .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 10px) !important; } .profile-update-left-block .mdl-cell--6-col, .profile-update-left-block .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 10px) !important; } .profile-update-left-block .mdl-cell--6-col.goair-gostar-edit-fields-address-line, .profile-update-left-block .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop.goair-gostar-edit-fields-address-line { width: calc(50% - 16px) !important; } #basic_information .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: calc(70.666667% - 20px); } .search-fields1 .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: calc(12.333333% - 16px) !important; } .minisearchsecondline .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(26.6666666667% - 16px); } .minisearchsecondline .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: calc(13.666667% - 13px); } /*#basic_information .mdl-cell--4-col-desktop { width: calc(36%); } #basic_information .mdl-cell--3-col, #basic_information .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(29% - 13px); }*/ .staff-dashboard-tabs .horizontal-tabs .sod-tabs__tab { width: 200px; height: 40px; line-height: 24px; box-sizing: border-box; letter-spacing: 2px; } .staff-dashboard-tabs .horizontal-tabs a.sod-tabs__tab.is-active { border-right: 3px solid #32337e; background: #32337e; color: #FFDE00; width: 215px !important; border-top-right-radius: 0px; border-bottom-right-radius: 0px; padding-top: 1%; } .staff-on-duty .mdl-cell--2-col, .staff-on-duty .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: calc(16.6666666667%); } .staff-on-duty .mdl-cell--10-col, .staff-on-duty .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: 83.2%; } .extras-passengers-container .mdl-cell--12-col, .extras-passengers-container .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: calc(100% - 0px); } .search-fields2 .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: calc(12.333333% - 16px) !important; } .checkin-confrm-passenger-contact .mdl-cell--1-col, .checkin-confrm-passenger-contact .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: calc(8.3333333333% - 16px); } .applied-pay .mdl-cell--1-col, .applied-pay .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: calc(8.3333333333% - 16px); } .stored-card-details-member .mdl-cell--1-col, .stored-card-details-member .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: calc(8.3333333333% - 16px); } .ssr-list1 { position: relative; left: 3px; } } @media (min-width: 1963px) { #basic_information .mdl-cell--3-col, #basic_information .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(27% - 7px); } } .flight-search-input-container { position: relative; width: 100%; padding-right: 20px; box-sizing: border-box; position: relative !important; bottom: 20px !important; } .trip-currency-container select { height: 28px !important; } /*top menu header*/ #upper-header span { font-size: 12px !important; } /*itenary*/ .itin-sub-header h4 { font-size: 16px !important; } .itin-flight-details-carrier h4 { font-size: 14px !important; } .itin-flight-details-carrier h5 { font-size: 14px !important; } .itin-flight-details-time h4 { font-size: 14px !important; } .itin-flight-details-station h4 { font-size: 14px !important; } .itin-flight-details-station h5 { font-size: 14px !important; } .itin-flight-details-duration-time h4 { font-size: 14px !important; } .itin-flight-details-duration { font-size: 14px !important; } .itin-flight-details-duration-head { font-size: 14px !important; } /*checkin-passenger details*/ .checkin-flight-details { font-size: 14px !important; } .checkin-pax-flight-info { font-size: 16px !important; } .checkin-pax-table tr td .checkin-pax-pax-name { font-size: 16px !important; font-weight: 700; color: #555555; margin: 0; } /*checkin-confirmation*/ .checkin-confrm-passenger { font-size: 16px !important; } .checkin-pax-pax-name span { font-size: 16px !important; } .mdl-checkbox__label { position: relative; cursor: pointer; font-size: 14px !important; line-height: 24px; margin: 0; } /*itenary change booking*/ .rebook-flight-heading-change { font-size: 14px !important; } .rebook-flight-body .rebook-flight-table tr th { font-size: 14px !important; } .rebook-flight-body .rebook-flight-table tr td label { font-size: 14px !important; margin: 0; } .rebook-flight-body .rebook-flight-table tr td { padding: 15px 0 15px 8px; vertical-align: middle; font-size: 14px !important; } .rebook-flight-conditions a { font-size: 14px !important; } /*itenary cancel booking*/ /*.payment-buttons-header {font-size: 16px!important;margin-bottom: 30px;color: #494949;}*/ .payment-type-button-container .payment-type-button .payment-type-name { margin: 0; font-size: 16px !important; } .refund-details-header { margin-top: 15px; margin-bottom: 20px; font-size: 16px !important; } .refund-details-container .refund-details-content .card-details { padding-top: 20px !important; /*padding-bottom: 40px;*/ font-size: 14px !important; } .refund-details-container .refund-details-content .balance-due-details .small-balance-due { font-size: 14px !important; } .refund-details-container .refund-details-content .balance-due-details .big-balance-due { font-size: 14px !important; } .paytm-button-submit button span.book-payment-submit, book-payment-submit { font-size: 20px !important; } .booking-confirm h3 { font-size: 18px !important; color: rgb(50, 51, 126); } .cancel-changes-container p { font-size: 14px !important; } .cancel-changes-button-submit button span.book-payment-submit { font-size: 16px !important; } .itin .itin-flights .itin-flight .alert { padding: 10px; margin-bottom: 0px; font-size: 14px !important; } .itin .itin-sub-header { background-color: #eeeeee; padding: 10px; font-size: 14px !important; } /*Agent password reset success*/ .agent-passwrd-reset-msge { font-size: 14px !important; } .reset-passwrd-instrns { font-size: 14px !important; } .agent-succss-msge { font-size: 14px !important; } .page-sub-heading { font-size: 16px !important; } /*Application error page*/ .error-container h1 { font-size: 24px !important; } .error-container p { font-size: 14px !important; } .alert-heading { font-size: 16px !important; } /*Multiple tabs popup*/ .modal-body { font-size: 14px !important; } /*seat map no seat page message*/ .alert-info h4 { font-size: 16px !important; } .seatmap-unit-display-designator { font-size: 16px !important; } .seatmap-unit-display-fee { font-size: 14px !important; } .market-search-title { font-size: 24px !important; text-transform: none; margin: 0 0 1px !important; line-height: 38px !important; letter-spacing: .2px !important; font-weight: regular !important; text-align: center; } .homepage-tab-container .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active { color: white; font-family: Tahoma, Roboto, Arial, sans-serif !important; letter-spacing: .2px !important; text-transform: none; font-size: 16px; font-weight: regular !important; } .flight-search-input-container input, .flight-search-input-container label, .flight-search-input-container select { font-size: 14px !important; font-weight: 400 !important; padding-left: 36px; box-sizing: border-box; outline: none; color: #32337e; line-height: 1em; } .ui-datepicker td span, .ui-datepicker td a { font-size: 14px !important; font-family: tahoma !important; } .ui-datepicker th { font-size: 14px !important; } .my-trip-title { font-size: 24px !important; font-weight: normal !important; text-transform: none; margin: 0 0 10px; line-height: 1.2em; letter-spacing: 0.2px !important; } .flight-status-title { font-size: 24px !important; font-weight: 300; text-transform: none; margin: 0 0 10px; line-height: 1.2em; letter-spacing: 0.2px !important; } /*Flight select */ .breadcrumb-body a span { text-transform: capitalize !important; max-width: 100% !important; line-height: 1.2em; z-index: 3; font-size: 16px !important; } .compact-srch .compact-srch-change button { height: 47px; width: 125px; font-size: 16px !important; font-weight: normal !important; } .js-low-fare-tabs-container .main-cell.slider-cell .anythingSlider .anythingWindow .low-fare-tab-slider .low-fare-tab a .low-fare-price { font-size: 16px !important; line-height: 15px; } .fare-price label { display: block; text-align: center; font-size: 14px !important; color: #32337e !important; } .compact-srch .compact-srch-date div.compact-srch-date-container .compact-srch-date-day-month-container { /*margin-top: 16px!important;*/ } .compact-srch .compact-srch-date-year-container p { font-size: 18px; position: relative; top: 35px; } .compact-srch .compact-srch-date-year-container { margin-left: 45px; margin-right: 30px; padding-top: 7px; float: left; } .fare-tab-arrow .mdl-button { padding: 0 0px !important; } .compact-srch-form hide .mdl-grid { padding: 8px; padding-top: 0px !important; } .mdl-cell { margin-top: 8px !important; } /* Rightside sidebar*/ .conveniencefee-container .conveniencefee-body p { font-size: 14px !important; } p, form, select, option, textarea, input, table, dl { font-family: Tahoma, Roboto, Arial, sans-serif; font-size: 14px !important; color: #555555; } .promo .promo-body .apply-note { font-size: 14px !important; } h4, .h4 { font-size: 16px !important; letter-spacing: 0.2px; } .passengers-data .inline-label { margin-left: 8px; margin-right: 0; font-size: 14px !important; } .price-display-section-total div { margin: 20px 0; font-weight: bold; font-size: 20px !important; } /* Payment new*/ .payment-buttons-header { font-size: 16px !important; margin-bottom: 30px; color: #494949; font-weight: 400 !important; } /* Extras add */ .insurance-container .insurance-agree span.mdl-checkbox__label { font-size: 14px !important; } html > body { font-size: 14px !important; } .price-display-taxes-breakdown .price-display-summary-line-item { font-size: 12px !important; /*margin-bottom: 10px !important;*/ line-height: 15px !important; } .extras-passengers-container .pax-name { color: #898989; font-size: 16px !important; } .payment-type-button-container .payment-type-button .payment-type-name { margin: 0; font-size: 16px !important; padding: 14px 6px !important; } .payment-gateway-header { margin-top: 35px; margin-bottom: 20px; font-size: 16px !important; } .payment-submit-button-container .tc-checkbox-container label .tc-label-text { font-size: 14px !important; } .compact-srch h3 { font-size: 18px; font-weight: 600; } .mdl-form .form-block-title { font-size: 16px !important; line-height: 1.1em; margin-bottom: 0; font-weight: 600 !important; font-weight: swiss; } .compact-srch { width: 100%; object-fit: contain; background-color: #fbfbfb; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); padding: 15px 0 10px 0 !important; } .homepage-tab-container .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .homepage-tab-container .mdl-textfield--floating-label.is-dirty .mdl-textfield__label { color: #888888; font-weight: 400; font-size: 14px; top: -3px !important; } .homepage-tab-container .mdl-textfield__label { top: 16px !important; } .mdl-textfield.increment-input-container .mdl-button { bottom: 10px !important; right: 0; color: #f5d563; transition: color 0.2s ease-out; } .payment-fields-container .payment-detail-header { font-size: 14px !important; color: #555555; } .fare-price label .currency-code { position: relative; top: -5px; font-size: 12px !important; left: 3px; } .passengers-data li { margin-right: 4px !important; } .large-search-form-market .mdl-cell { margin-bottom: 0px !important; } .ssr-forms-action { padding: 0px 16px 0px 8px !important; } .price-display-content div.price-display-summary-line-item { margin-bottom: 2%; line-height: 30px; padding-bottom: 5px !important; } .mobile-num-main-label { position: relative; left: 5px; } .itin .itin-sub-header { background-color: #eeeeee; padding: 6px !important; } .itin .itin-flights .itin-flight .itin-flight-details-1 { padding: 0px !important; border-bottom: 1px dotted #555555; } .itin .itin-flights .itin-flight .itin-flight-details-1 > div { display: inline-block; vertical-align: top; padding: 0px !important; } .refund-details-container .refund-details-content .balance-due-details .balance-due-note { margin: 0px !important; text-align: left; } .checkin-pax-body .checkin-pax-flight-details { margin: 0px !important; text-align: center; } .checkin-pax-body form .mdl-checkbox { margin: 12px !important; height: 100%; } .breakdown-modal-container { margin-top: 4%; line-height: 30px; font-size: 14px !important; } .modal-footer { padding: 5px 15px 8px; margin-bottom: 0; text-align: right; background-color: whitesmoke; border-top: 1px solid #dddddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 white; -moz-box-shadow: inset 0 1px 0 white; box-shadow: inset 0 1px 0 white; } .mem-common-modal-body { padding-top: 5px !important; padding-bottom: 5px !important; padding-left: 16px !important; max-height: 435px; padding-right: 5px !important; } .modal-footer { padding: 6px 15px 8px; padding-top: 6px !important; padding-bottom: 5px !important; padding-left: 8px !important; } .fare-price label .currency-code { position: relative; top: -5px; font-size: 12px !important; left: 3px; } .itin .itin-flights .itin-flight .itin-flight-details-1 > div.itin-flight-details-plane h4 img { margin-top: 10px !important; width: 20px !important; } .itin .itin-flights .itin-flight .itin-flight-details-2 > div.itin-flight-details-duration > div.itin-flight-details-duration-time { background-size: 20px !important; padding-left: 34px !important; } .itin .itin-flights .itin-flight .itin-flight-details-2 > div { display: inline-block; vertical-align: top; padding: 4px !important; } .rebook-flight-body .rebook-flight-table tr td { padding-top: 10px !important; padding-bottom: 7px !important; padding-left: 8px !important; } .rebook-flight-body .rebook-flight-heading { padding-left: 8px !important; } .checkin-pax-flight-info img { width: 16px !important; } .itin .itin-flights .itin-flight .itin-flight-details-2 > div.itin-flight-details-seats > div .itin-flight-details-seat .itin-flight-details-seat-designator { background-size: 25px !important; } .itin-flight-details-seats h6 { font-size: 14px !important; } .itin-flight-details-seats h6 { font-size: 14px !important; } .checkin-pax-table tr td { font-size: 16px !important; } .large-search-form { margin-bottom: 0; position: relative; margin: 0% 10% -2% 10%; } #compactSearchForm .large-search-form{margin: 0% 0% -2% 0%} .checkin-print-pass { border: 1px solid #000; height: 150mm !important; width: 286mm !important; position: relative; } .checkin-print-pass .checkin-print-pass-header-container .checkin-print-pass-code-container img { height: 190%; } .checkin-print-pass .highlight { font-size: 16px !important; } .header { padding-top: 0px !important; } .compact-srch-pax-adt { background-size: 20px !important; } .compact-srch-date-icon { background-size: 20px !important; } .passenger-icon-name img { width: 20px !important; display: inline-block; } .price-display-section-paxs img { width: 20px !important; } .price-display-passenger img { width: 20px !important; } .refund-button-submit span { font-size: 16px !important; } .extras-ssr-container .mdl-radio { font-size: 14px !important; } .payment-header { margin-bottom: 20px; font-weight: 400 !important; color: #555 !important; } .book-btn-tab { position: relative !important; bottom: 40% !important; } .booking-currency { position: relative; bottom: 5%; } .header-seperator { position: relative; bottom: 2px; } /* top menu agent login */ .smetopmenu { margin-top: 2.7%; } .smetabs .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; color: #999999; } .smetabs .nav-tabs > li { margin-bottom: -1px; background: #f2f0f1; color: #fff !important; } .smetabs .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #f5f5f5; background-color: #32337e; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; } .smetabs .nav-tabs { border-bottom: 0px solid #dddddd; } .smetabs .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #fff !important; background-color: #32337e !important; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; } .flight-status-radiobtn { margin-bottom: 3%; } .payment-type-button-container .payment-type-button .payment-type-name.payTm-name img { height: 21px; margin-top: -4px; position: relative; right: 3px; } /* SME */ .login-agent-content { /*padding-right:3%!important;*/ text-align: justify !important; } .login-agent-content ul li { line-height: 2; } .login-agent-content h4 { margin-top: 3% !important; margin-bottom: 3% !important; font-weight: bold; } .connecting-flight-text { background: rgba(0,0,81,0.9); width: 170px; color: #fff; border-radius: 8px; display: none; position: absolute; font-size: 12px; z-index: 9999; text-align: left; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; margin-top: -50px; margin-left: 40px; border: 2px solid #fff; } .connecting-flight-img:hover .connecting-flight-text { display: block; } .connecting-flight-text:before { content: ""; position: absolute; left: -14px; top: 30px; width: 0px; height: 0px; border-top: 5px solid transparent; border-right: 10px solid #32337e; border-bottom: 5px solid transparent; border-left: 5px solid transparent; } @media (min-width: 480px) and (max-width: 600px) { .connect-flight-legend { margin-top: -100px !important; width: 20px !important; display: none; } .connect-flight-legend span, .connect-flight-legend-mobile span { padding: 5px 5px 0px 5px !important; } .present-trips .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type { padding-left: 8px; } .payment-type-button-container .payment-type-button .payment-type-name { font-size: 14px !important; padding: 0px 0px !important; width: 100%; padding: 1px !important; } } @media (min-width: 200px) and (max-width: 400px) { .connecting-flight-text:before { left: 80px; top: -12px; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #32337e; border-left: 5px solid transparent; } .connecting-flight-text { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; margin-top: 23%; margin-left: -70px; width: 170px; } .connect-flight-legend { margin-top: -100px !important; width: 20px !important; /*display:none;*/ } .connect-flight-legend-mobile { display: block !important; } } @media (min-width: 840px) and (max-width: 1139px) { .itin-sub-header-tablet .mdl-cell{width:45%!important;text-align:center!important} /*.itin-sub-header-tablet-1 .mdl-cell{width:45%!important;text-align:center!important}*/ .itin-sub-emailltinerary-field{width:60%!important;text-align:center!important} .itin-sub-emailltinerary-button{width:60%!important;text-align:center!important} /*.booking-currency .mdl-cell--2-col.clsdef{width: calc(20.666667% - 16px)!important;}*/ } @media (min-width: 993px) and (max-width: 1199px){ .large-search-form {margin: 0% 3% -2% 3%;} .booking-currency .mdl-cell--2-col.clsstu { width: 11% !important;} .booking-currency .mdl-cell--2-col.clsdef {width: 16% !important;} .booking-currency .mdl-cell--2-col.clssnr {width: 13% !important;} .booking-currency .mdl-cell--2-col.clschd {width: 23% !important;} .booking-currency .mdl-cell--2-col.g8-change-flight-booknow-btn {width: 15% !important;} .booking-currency .mdl-cell--2-col.g8-change-currency-drop {width: 12% !important;} .g8-change-currency-drop .g8-change-currency-tab {padding-right: 5px !important;} .book-btn-tab.g8-change-flight-book-btn-tab{right: 14px;} .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .g8-change-flight-booknow-btn{width: calc(96.6666666667% - 16px)!important} .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .g8-change-currency-drop .g8-change-currency-tab { padding-right: 12px !important; } .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .g8-change-flight-booknow-btn .g8-change-flight-book-btn-tab { padding-right: 12px !important; } .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .mdl-cell--2-col.clsstu { width: 13% !important;} .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .mdl-cell--2-col.clsdef {width: 19% !important;} .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .mdl-cell--2-col.clssnr {width: 15% !important;} .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .mdl-cell--2-col.clschd {width: 27% !important;} .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .g8-change-currency-drop { width: calc(17.6666666667% - 16px)!important;} } @media (min-width: 1200px) { .booking-currency .mdl-cell--2-col.clsstu {width: 11% !important;} .booking-currency .mdl-cell--2-col.clsdef {width: 17% !important;} .booking-currency .mdl-cell--2-col.clssnr {width: 14% !important;} .booking-currency .mdl-cell--2-col.clschd { width: 22% !important;} .booking-currency .mdl-cell--2-col.g8-change-flight-booknow-btn {width: 14% !important;} .booking-currency .mdl-cell--2-col.g8-change-currency-drop {width: 11% !important;} .g8-change-currency-drop .g8-change-currency-tab {padding-right: 5px!important;} } .connect-flight-legend-mobile { display: block; margin-top: 10px; position: absolute !important; font-size: 12px; width: 350px !important; text-align: left; } .connect-flight-legend table tr td:last-child { color: #000; font-size: 12px; font-weight: 600; } .connect-flight-legend .mdl-data-table { border: none !important; } .connect-flight-legend .mdl-data-table td { border-bottom: 0px solid !important; border-top: 0px solid !important; height: 25px; padding-left: 5px; } .connect-flight-legend .mdl-data-table tbody tr:hover { background-color: #fff !important; } .mem-common-container .mdl-data-table tbody tr:hover { background-color: #f0f5f8 !important; } .connect-flight-legend .mdl-data-table tbody tr { height: 25px; } .connecting-flight-text img { float: left; margin-right: 2%; margin-left: -20px; } /*.connect-flight-legend {*/ /*.connect-flight-legend { margin-top: -40px; position: absolute !important; font-size: 12px; width: 350px; text-align: left; }*/ .connect-flight-legend span, .connect-flight-legend-mobile span { padding: 0px 5px 0px 5px; white-space: nowrap; } .connecting-flight-text img { float: left; margin-right: 2%; margin-left: -20px; } .connecting-flight-text p { margin-left: 1%; color: #fff !important; font-size: 10px !important; line-height: 0.8em; } .connecting-flight-text h5 { font-size: 10px; line-height: 0.8em; padding-top: 4px; } .flight-info { padding: 0px 10px 0px 10px; } .connecting-flight-text .direct h5 { color: #f5d563; } /* .flight-info-top img, .flight-info-bottom img{ float:left; margin-right:2%; } .flight-info-top p{ margin-left:1%; color:#fff!important; font-size:10px!important; } .flight-info-bottom p { color: #fff!important; font-size:10px; } */ .connecting-flight-text p { margin-left: 1%; color: #fff !important; font-size: 10px !important; line-height: 0.8em; } .connecting-flight-text h5 { font-size: 10px; line-height: 0.8em; padding-top: 4px; } .flight-info { padding: 0px 10px 0px 10px; } .connecting-flight-text .direct h5 { /*color: #85c1e9;*/ color: #f5d563; } .connecting-flight-text .via h5 { /*color: #85c1e9;*/ color: #f5d563; } .connecting-flight-text .ond h5 { color: #f5d563; } .layover-time { background: url(../Images/Connecting-Flights/dash.png) repeat-x center; text-align: center; } .layover-time span { background: rgba(0,0,81,0.9); font-size: 10px; padding: 0px 5px 0px 5px; } .sme-login .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: black; text-shadow: 0 1px 0 white; opacity: 0.2; filter: alpha(opacity=20); position: relative; right: 10px; top: 10px; } .login-agent-content .modal-trigger { color: #32337e; cursor: pointer; } .accordion { margin: 0 auto; font-size: 14px; border-radius: 10px; padding: 0px; } .accordion ul { list-style: none; margin: 0; padding: 0; } .accordion li { margin: 0; padding: 0; } .accordion [type=radio], .accordion [type=checkbox] { display: none; } .accordion label { display: block; font-size: 14px; line-height: 16px; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); font-weight: 700; cursor: pointer; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; background-image: url('../Images/Extras/arrow-1.png') !important; background-position: right !important; background-repeat: no-repeat !important; color: #898989; padding-left: 4% !important; } .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background: #ffffff; color: #898989; box-shadow: 2px -3px 5px 6px #cccccc; font-size: 14px; } .present-trips h3 { font-size: 14px !important; } .present-trips .mdl-cell--10-col, .present-trips .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: calc(69% - 16px) !important; } /*.mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(32% - 16px)!important; }*/ /*.creditcard .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(17% - 16px) !important; } .payu-netbank-container .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(17% - 16px) !important; } .paytm-wallet .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(17% - 16px) !important; } .sod-isd-field { width: calc(26% - 16px) !important; }*/ .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type { padding-left: 10px; } .check-out-section h4 { text-align: center !important; height: auto !important; font-size: 14px !important; line-height: 20px !important; } .accordion .content { padding: 0 10px; overflow: hidden; border: 1px solid #fff; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } .accordion p { color: #333; margin: 0 0 10px; } .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background: #ffffff; color: #898989; box-shadow: 2px -3px 5px 6px #cccccc; font-size: 14px; } .accordion .content { padding: 0 10px; overflow: hidden; border: 1px solid #fff; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } .accordion p { color: #333; margin: 0 0 10px; } .accordion h3 { color: #542437; padding: 0; margin: 10px 0; } .vertical ul li { overflow: hidden; margin: 0 0 3%; background: white; border: 1px solid #cacaca; } .itin-sub-header-tablet .mdl-cell { /*width: 100% !important;*/ text-align: center !important } .checknowbtn1 { text-align: center; margin-top: 0%; margin-left: 5%; } .vertical ul li label { padding: 10px; } .vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom: 0; background-image: url('../Images/Extras/ic_keyboard_arrow_up_black_18dp_1x.png') !important; background-position: right; background-repeat: no-repeat; padding-left: 4%; } .vertical ul li .content { height: 0px; border-top: 0; } .vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { height: auto; } #myModalLabel { font-size: 20px !important; color: #424242 !important; font-weight: 600 !important; } .check-out-section .modal, .split-pnr-section .modal { /*position: fixed;*/ position: absolute; top: 10%; left: 0%; z-index: 1050; width: 50%; margin-left: 0px; background-color: white; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; MARGIN: 0 AUTO; HEIGHT: AUTO; } .check-out-section .modal.fade.in { top: 10%; background: #e8e6e7; } .check-out-section .modal-header { padding: 15px 40px 15px 40px; border-bottom: 1px solid #e8e6e7; } .check-out-section .close { float: right; font-size: 20px; opacity: 1; filter: alpha(opacity=20); background: #fff !important; width: 30px; border-radius: 100%; height: 30px; position: relative; left: 2%; bottom: 18px; border: 2px solid black !important; } .split-pnr-section .modal-body { position: relative; overflow-y: auto; padding: 10px 50px 30px 50px; } .split-pnr-section .modal.fade.in { top: 10%; background: #fff; } .split-pnr-section .modal-header { padding: 0px 0px 0px 0px; border-bottom: 1px solid #fff; } .split-pnr-section .modal-title { margin-left: 50px !important; margin-top: 18px !important; margin-right: 50px !important; border-bottom: 1px solid #555555; } .split-pnr-section .close { float: right; font-size: 20px; opacity: 1; filter: alpha(opacity=20); background: #fff !important; width: 30px; border-radius: 100%; height: 30px; position: relative; left: 2%; bottom: 40px; border: 2px solid black !important; } .keyboard-icon i { float: right !important; } .check-out-section .mdl-data-table { white-space: normal; line-height: 1.3em; width: 100%; border: 0px solid rgba(0, 0, 0, 0.12); } /*.payment-options .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(32% - 16px); }*/ .check-out-section .mdl-data-table thead { padding-bottom: 3px; border-bottom: 1px solid #cacaca; } .check-out-section .mdl-data-table th:first-of-type { padding-left: 24px; width: 80%; } .check-out-section .mdl-data-table td:last-of-type, .check-out-section .mdl-data-table th:last-of-type { padding-right: 24px; text-align: center; font-size: 12px; } .checkout-passenger .mdl-checkbox__label { position: relative; cursor: pointer; font-size: 12px !important; line-height: 21px; margin: 0; } .check-out-section .mdl-data-table td { border-bottom: 0px solid black !important; border-top: 0px solid black !important; } .checkout-btn { text-align: center; margin-top: 1%; margin-bottom: 1%; } .checkout-passenger { margin-top: 2%; padding-left: 3%; } .checkout-passenger h4 { color: #32337e; font-size: 14px !important; font-weight: 700; float: left; } .check-out-section h4 { color: #32337e; font-size: 16px !important; font-weight: bold; margin: 3px 0; } .checkout-passenger h5 { position: relative; left: 1%; color: black; font-size: 12px; font-weight: 600; bottom: -3px; } .check-out-section .modal-body { max-height: 600px !important; padding: 0px 40px 15px 40px; } .flight-status .vertical-fs-tabs .fs-tabs__tab { width: 216px; height: 76px; line-height: 24px; box-sizing: border-box; letter-spacing: 2px; } .flight-status .vertical-fs-tabs a.fs-tabs__tab.is-active { border-right: 3px solid #32337e; background: #32337e; color: #FFDE00; width: 225px !important; border-top-right-radius: 6px; border-bottom-right-radius: 6px; padding-top: 7%; } .check-out-section table tbody label { background-image: none !important; border: 0px solid red !important; padding: 3px; } .check-out-section .mdl-checkbox__label { line-height: 4px; margin-left: 4%; } .available-passengers { width: 40%; float: left; margin-top: 1%; } .available-passengers-icons { width: 19%; float: left; text-align: center; top: 110px; position: relative; } .available-passengers h4 { background: #32337e; color: #fff; padding-left: 13px; font-size: 14px !important; } .lstBox { border: 1px solid #cacaca !important; height: 200px; overflow-y: auto; } .passengers-list { padding: 15px 15px 5px 20px; text-transform: capitalize; } .available-passengers input[type="checkbox"] { cursor: pointer; margin-right: 16px; margin-top: -2px; } li.passengers-list span { position: relative; text-align: -webkit-center; margin-left: 10%; top: 3px; font-size: 12px; } div.passengers-list span { position: relative; text-align: -webkit-center; margin-left: 20%; top: 3px; font-size: 12px; } .split-pnr-section .modal-footer { text-align: center !important; border-top: white; margin-bottom: 15px; } .passenger-confirm-btn { margin-right: 4%; } .pop { display: none; } .available-passengers-icons i { background: #bababa; padding: 10px; border-radius: 100%; color: #fff; margin-bottom: 10%; cursor: pointer; } .split-pnr-alert { width: 35% !important; position: absolute !important; top: 28% !important; } .split-pnr-alert .modal-body { position: relative; overflow-y: auto; padding: 20px 0px 10px 0px; text-align: center; font-size: 18px !important; } #passenger-splitpnr .available-passengers { width: 47.5%; float: left; margin-top: 1%; padding-right: 5% !important; } #passenger-splitpnr .available-passengers:last-child { padding-right: 0% !important; } #passenger-splitpnr p, #split-pnr p { font-weight: 600; color: #424242; } .available-passengers h5 { font-size: 14px !important; color: #424242; font-weight: 600 !important; margin: 0px 0px 5px 0px; } #passenger-splitpnr { padding-bottom: 15px; padding-top: 10px; } .md1-circle-bg { background-color: #32337e !important; } .fareRule { position: relative; background: #fff; padding: 10px; clear: both; bottom: 6px; border-radius: 3px; border: 1px solid #32337e; box-shadow: inset 0px 0px 6px rgba(50,51,126,.5); margin: 8px 8px 0px 8px; } .fareRule p { color: #32337e !important; line-height: 18px; font-size: 12px !important; } .fareRule p.fareRuleBody { height: 55px; overflow-y: hidden; } .moreRules p.fareRuleBody { height: auto !important; overflow-y: hidden; } span.readMore, span.readLess { cursor: pointer; } .moreRules span.readMore { display: none; } .moreRules span.readLess { display: block; } .FareRule-Mobile { display: none; } .fareRule:before { content: ""; position: absolute; right: 20%; bottom: 100%; width: 0px; height: 0px; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #32337e; border-left: 5px solid transparent; } .Economy1.fareRule:before, .Business1.fareRule:before { content: ""; position: absolute; right: 20%; bottom: 100%; width: 0px; height: 0px; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #32337e; border-left: 5px solid transparent; } .Economy2.fareRule:before, .Business2.fareRule:before { content: ""; position: absolute; right: 6%; bottom: 100%; width: 0px; height: 0px; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #32337e; border-left: 5px solid transparent; } .fare-price .fare-radio-button:checked + label { width: 100%; min-height: 50px; color: white !important; /*background-image: url(../Images/Connecting-Flights/saleicon.png); background-repeat: no-repeat; background-position: 102% top;*/ } .fare-price-sale label { background-image: url(../Images/Connecting-Flights/saleicon.png); background-repeat: no-repeat; background-position: 103% top; background-color: white; } .fare-price .fare-radio-button:checked + label .selectedMarker { position: relative; margin-top: -2px; display: block !important; position: relative; right: 10%; } .fare-price label .price-text { display: block; position: relative; right: 0%; } .fare-price-sale label .price-text { right: 10%; } .dummyfareplacement { margin-top: -15px; position: absolute; } .fareTagName { font-size: 12px; display: block; position: relative; right: 10%; } .seats-count { position: relative; right: 0%; } .fare-price-sale .seats-count { right: 10%; } .fare-rule .material-icons { font-size: 16px; margin-top: 3px; position: absolute; padding-left: 5px; cursor: pointer; } .fareRule .material-icons { cursor: pointer; } .fareRuleBody { } .readMore { display: block; font-size: 12px; text-align: right; color: #32337e; } .readLess { display: none; font-size: 12px; text-align: right; color: #32337e; } .fare-price .fare-radio-button + label.withTag.withFewSeats .fareTagName { margin-top: -6px; } .fare-price .fare-radio-button + label.withTag.withFewSeats .price-text { margin-top: -6px; } .fareRuleRow-desktop td { padding: 0px !important; } .connect-flight-legend-mobile { display: none; } .travel-document-container .inline-label { min-width: 100px; } .travel-document-container a.password-details-link::after { font-family: "Material Icons"; content: "\E313"; color: gray; font-size: 24px; position: absolute; margin-left: 15px; cursor: pointer; } .travel-document-container a.active.password-details-link::after { font-family: "Material Icons"; content: "\E316"; color: gray; font-size: 24px; position: absolute; margin-left: 15px; cursor: pointer; } .password-details-link { cursor: pointer; padding-left: 6px; } .passport-container { margin-top: 3%; } .holdContainer { text-align: center; padding-bottom: 20px; } .hold-info { display: block; position: relative; padding: 10px; margin-bottom: 10px; color: #555555; background-color: #d6d6d6; vertical-align: middle; font-size: 15px; font-weight: bold; } .seatmap-assignment-title { padding: 13px 0px 0px 20px; } .alert-info ul { list-style-type: none; } .alert-info ul > li { text-indent: -5px; } .alert-info ul > li:before { content: "-"; text-indent: -5px; } .seatmap-assignment-title { padding: 13px 0px 0px 20px; } .seat-disclaimer-content { text-align: justify; line-height: 24px !important; } .seatmap-disclaimer-list { padding: 0px 20px 20px 20px !important; } .seatmap-assignment-title-1 { padding: 13px 0px 0px 16px; } #header-options .goair-nav > li:first-child > a, #header-options .goair-nav > li:first-child > span { cursor: pointer; border-left: 0px solid #a5aec5; position: relative; bottom: 1px; } #webfee_breakdown_modal_link { text-decoration: underline; } .banner-itinerary-container { padding: 0px !important; } .banner-itinerary-container { padding: 0px !important } #header-options .goair-nav > li:first-child > a, #header-options .goair-nav > li:first-child > span { } .umb-banner-itinerary-container .container { min-height: 100%; width: auto !important; height: 100%; } .slick-next:before { margin-left: -4px !important; } /*.tabs-space a.active{ margin-left:3px!important; }*/ .sod-tabs, .sod-subtabs{background:#fff!important} /*.ssr-forms .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width:100%!important; }*/ @media (min-width: 320px) and (max-width: 480px) { .currency-drop-tab { margin-top: 10% !important; } } @media (max-width: 479px) { .checkin-travel-doc-form-container .mdl-form-block { padding: 3% 0% 3% 5% !important; } .passengers-data .inline-label { margin-left: 0px !important; } .password-details-link { cursor: pointer; padding-left: 0px } .present-trips .mdl-cell--10-col, .present-trips .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: calc(75% - 16px); } .passengers-data .inline-label { margin-left: 0px !important; } .empty-cell { display: none; } /*.profile-info .mdl-cell--4-col { margin: 8px !important; } .user-info-action-options1 { min-width: 130px !important; width: 130px !important; } #header-agentlogin .goair-nav .drop1 ul { top: 53px !important; } #header-agentlogin .drop1 ul li a { font-size: 16px !important; } #header-agentlogin .goair-nav .drop2 ul { top: 53px !important; } @media (max-width: 320px) { .compact-srch h3 { width: 85px !important; font-size: 14px !important; margin-top: 7px; font-weight: bold; } #header-agentlogin .drop2 ul { left: 100px !important; } .user-login-icon { position: relative; top: -2px !important; }*/ .present-trips h3 { font-size: 18px !important; } .header-contact-block img { width: 14px; position: relative; bottom: 1px; } #upper-header .head-separator > img { width: 20px !important; height: 20px !important; top: -1px !important; } .user-info-action-options1 { min-width: 130px !important; width: 130px !important; } #header-agentlogin .goair-nav .drop1 ul { top: 53px !important; } #header-agentlogin .drop1 ul li a { font-size: 16px !important } #header-agentlogin .goair-nav .drop2 ul { top: 53px !important; } #header-agentlogin .drop2 ul li a { font-size: 16px !important } #header-agentlogin .drop2 ul { left: 100px !important; } .user-login-icon { position: relative; top: -2px !important; } .sod-travelling-info .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: calc(100% - 8px) !important; } .header-contact-block img { width: 14px; position: relative; bottom: 1px; } #upper-header .head-separator > img { width: 20px !important; height: 20px !important; top: -1px !important; } .payment-type-button-container .payment-type-button .payment-type-name { margin: 0; font-size: 14px !important; padding: 0px 0px !important; width: 100%; padding: 0px 8px !important; } .payment-type-button-container .payment-type-button .payment-icon i { padding-top: 3px !important; } .payment-sidebarleft .mdl-grid { padding: 0px !important; } .extras-ssr-container .mdl-radio { font-size: 14px!important; margin-top: 0%; margin-bottom: 2%; } .SessionDetails-Flight-Details .mdl-cell--3-col-phone.mdl-cell--3-col-phone { width: calc(60% - 16px); } /*.session-expire-button { width: 100%!important; text-align: center!important; margin-top: 3%; } .session-expire-text { width: 100%!important; }*/ .profile-info .mdl-cell--4-col { margin: 8px !important; } .gs-savebtn { text-align: center; margin-bottom: 0px !important; margin-top: 15px !important } .savepassenger-btn { width: 150px; background-color: #212121 !important; float: none !important; border-radius: 3px; text-transform: uppercase !important; font-size: 14px; } .promocode input, .currencyoption select { width: 60%; } .search-fields1 .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(35% - 12px) !important; margin-right: 0px; } .search-fields1 .mdl-cell--12-col { width: calc(100% - 0px) !important; } .search-fields1 .mdl-cell { margin: 8px 2px 3px 2px !important; } .search-fields1 .mdl-grid { padding: 8px 2px 0px 2px; } .search-fields1 .mdl-cell--2-col-phone { width: calc(50% - 7px) !important; } .special-pax-radio-container1 .mdl-cell { margin: 8px 2px 3px 2px !important; } .special-pax-radio-container1 .mdl-grid { padding: 8px 2px 0px 5px; } .special-pax-radio-container1 .mdl-cell--12-col { width: calc(100% - 0px) !important; } .search-fields2 .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(35% - 12px) !important; margin-right: 0px; } .search-fields2 .mdl-cell--12-col { width: calc(100% - 0px) !important; } .search-fields2 .mdl-cell { margin: 8px 2px 3px 2px !important; } .search-fields2 .mdl-grid { padding: 8px 2px 0px 2px; } .search-fields2 .mdl-cell--2-col-phone { width: calc(50% - 7px) !important; } .itin-sub-header-tablet-1 { margin-top: 20px !important; } .applied-pay .mdl-cell--2-col, .applied-pay .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(25% - 16px); } } /* pre book meals*/ @media (min-width: 361px) and (max-width: 435px) { .ssr-fields .mdl-cell { margin: 5px 0px 5px 0px !important } .extras-passengers-container .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: calc(65% - 0px); margin:0 auto!important; } /*.extras-passengers-container .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: calc(50% - 16px); margin-top: 8px !important; }*/ .extras-passengers-container .mdl-cell--12-col, .extras-passengers-container .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: 100%!important; } } @media (min-width: 436px) and (max-width: 479px) { .extras-passengers-container .mdl-cell--12-col, .extras-passengers-container .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: 100%!important; } } @media (max-width:479px) and (min-width:401px){ .present-trips .mdl-cell--10-col, .present-trips .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: calc(75% - 16px)!important; } } /* SSR responsiveness */ @media (max-width:767px) and (min-width:650px){ .ssr-fields .mdl-cell--2-col, .ssr-fields .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(25% - 5px); } } @media (max-width:649px) and (min-width:480px){ .ssr-fields .mdl-cell--2-col, .ssr-fields .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(45% - 0px); margin: 0 auto!important; } } @media (max-width:992px) and (min-width:840px) { .ssr-fields .mdl-cell--3-col, .ssr-fields .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(45% - 16px); margin: 0 auto !important; } .ssr-nav-left{ float:left } .ssr-nav-right{ float:right } .viewall-btn{ text-align:center; float:none!important; } .booking-currency .mdl-cell--2-col.clsstu {width: calc(20.666667% - 16px) !important;} .booking-currency .mdl-cell--2-col.clsdef{width: calc(26.666667% - 16px)!important;} .booking-currency .mdl-cell--2-col.clssnr{width: calc(20.666667% - 16px)!important;} .booking-currency .mdl-cell--2-col.clschd {width: calc(34.666667% - 16px) !important;} .booking-currency .mdl-cell--2-col.g8-change-flight-booknow-btn{width: calc(47% - 16px)!important;} .booking-currency .mdl-cell--2-col.g8-change-currency-drop{width: calc(47% - 16px)!important;} .book-btn-tab.g8-change-flight-book-btn-tab{width: 100%;margin-top: 45px;} .g8-change-currency-tab{margin-top: 45px;} #compactSearchForm .large-search-form{margin: 0% 0% -2% 0%!important;} .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .mdl-cell--2-col.clsstu {width: calc(20.666667% - 16px) !important;} .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .mdl-cell--2-col.clsdef {width: calc(26.666667% - 16px)!important;} .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .mdl-cell--2-col.clssnr {width: calc(20.666667% - 16px)!important;} .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .mdl-cell--2-col.clschd {width: calc(35.666667% - 16px) !important;} } @media (max-width:650px) { .ssr-nav-left{ float:left } .ssr-nav-right{ float:right } .viewall-btn{ text-align:center; float:none!important; } } /* End of SSR */ @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--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%; } #desk{ color:#fff; display:block!important } #mobile{display:none} .itin .itin-flights .itin-flight .itin-flight-details-1 * {padding: 0px 15px 0px 0px!important;} /*.refund-buttons-container .payment-selection-button .payment-type-name.refund-res-credit { padding-top: 0px!important; }*/ .checkin-pax-flight-details-resp{width:30%!important} .checkin-pax-flight-details-resp-1{width:31%!important} .checkin-pax-flight-details-resp-2{width:29%!important} .currency-drop-tab, .book-btn-tab { margin-top:20%!important } #upper-header * { font-family: 'Swiss', 'anton' !important; display:inline } #upper-header .head-separator > img { width: 22px!important; height: 22px!important; padding-right: 10px; } .booking-currency { position:relative; bottom:35px!important; } #upper-header .mdl-cell { margin:0px; } .user-info-gravatar, .user-info-action { float: left; display: none!important; } #upper-header #userInfoShowOptions { float: left; position: relative; top: 12px; } .contact-data li { margin-right: 4px!important; } .goair-dropdown-overlay{display:none} .contact-data li { margin-right: 4px!important; } .payment-type-button-container .payment-type-button .payment-type-name img { height: 21px; margin-top: -2px; position: relative; right: 0px; } .mem-register-day .mdl-cell--1-col, .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: calc(19% - 16px)!important; } #header-agentlogin .goair-nav .drop1 ul { top: 53px!important; } #header-agentlogin .drop1 ul li a{font-size:16px!important} #header-agentlogin .goair-nav .drop2 ul { top: 53px!important; } #header-agentlogin .drop2 ul li a{font-size:16px!important} #header-agentlogin .drop2 ul{left: 120px!important;} .user-info-action-options1 { min-width: 130px!important; width: 130px!important; } .user-info-meta1{position: relative; top: 6px;} .staff-on-duty .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: calc(49% - 16px); } .header-contact-block img{ width: 14px; position: relative; top: 1px!important; } #sodmodal .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(25% - 8px)!important; } .staff-on-duty .mdl-cell--2-col, .staff-on-duty .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: calc(16.6666666667%); } .staff-on-duty .mdl-cell--10-col, .staff-on-duty .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: 83.2%; } .creditcard .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: calc(17% - 16px)!important; } .creditcard .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(33% - 16px)!important; } /*.creditphoneno.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(31% - 16px)!important; }*/ .sc-month, .sc-year, .sc-cvv { width: calc(19% - 20px)!important; } .payu-netbank-fields-container .creditphoneno, .paytm-wallet-container .creditphoneno .lazy-pay-container{ width: calc(31% - 14px); } .extras-passengers-container .mdl-cell--12-col, .extras-passengers-container .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: 100%!important; } .payment-options .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(32% - 16px); } .booking-currency .mdl-cell--2-col.clsdef, .booking-currency .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet.clsdef{width: calc(39% - 16px)!important;} .booking-currency .mdl-cell--2-col.clssnr, .booking-currency .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet.clssnr{width: calc(35% - 16px)!important;} #compactSearchForm .large-search-form{margin: 0% 12% -2% 12%!important;} .booking-currency .mdl-cell--2-col.clschd {width: 50% !important;} } @media (min-width: 601px) and (max-width: 839px) { .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .mdl-cell--2-col.clsstu {width: calc(17.666667% - 16px) !important;} .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .mdl-cell--2-col.clsdef {width: calc(25.666667% - 16px)!important;} .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .mdl-cell--2-col.clssnr {width: calc(21.666667% - 16px)!important;} .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .mdl-cell--2-col.clschd {width: calc(34.666667% - 16px) !important;} } @media (min-width: 480px) and (max-width: 600px) { .large-search-form { margin-bottom: 0; position: relative; margin: 0% 0% -2% 0% !important; } .check-out-section .mdl-checkbox__label { line-height: 4px; margin-left: 10% !important; } .fareRule::before { content: ""; content: ""; position: absolute; right: 31% !important; bottom: 100%; width: 0px; height: 0px; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #32337e; border-left: 5px solid transparent; } .connect-flight-legend-mobile { display: block !important; } .itin-sub-header-tablet .mdl-cell { width: calc(75% - 16px); margin: 0px auto; } .itin-sub-header-tablet-1 .mdl-cell { text-align: center; } .payment-options form .mdl-textfield.mdl-cell { margin-top: 5px !important; margin-bottom: 5px; } .paymentemailfield { width: 95% !important } .stored-payment-method-fields .radio-circle { position: relative; top: 10px !important; } .payment-selection-button-container .payment-selection-button.selected { background-color: #f5d563 !important; border-left: 0px solid #f5d563; } .sc-month, .sc-year, .sc-cvv { width: calc(33% - 16px) !important; } .payment-selection-button-container .payment-selection-button.selected { background-color: #f5d563 !important; border-left: 0px solid #f5d563 !important; } #compactSearchForm .large-search-form { margin: 0% 0% -2% 0% !important; } .left-col .left-col-content .compact-srch-form .large-search-form .booking-currency .mdl-cell--2-col.clschd { width: calc(50.666667% - 16px) !important; } } @media (min-width: 320px) and (max-width: 360px) { .smetabs .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; color: #999999; font-size: 16px!important; } .user-info-gravatar, .user-info-action { float: left; display: none!important; } #upper-header #userInfoShowOptions { float: left; position: relative; top: 14px; } .sodtopmenu #upper-header #userInfoShowOptions { float: left; position: relative; top: 24px; /*right:50%*/ } .user-info-action-options1{min-width: 130px!important;width: 130px!important;} #header-agentlogin .goair-nav .drop1 ul { top: 53px!important; } #header-agentlogin .drop2 ul { left: 100px !important; } .sodtopmenu #upper-header #userInfoShowOptions { float: left; position: relative; top: 24px; /*right:50%*/ } .ssr-fields .mdl-cell {margin: 5px 0px 5px 0px !important} .extras-passengers-container .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: calc(75% - 0px); margin:0 auto!important; } .extras-passengers-container .mdl-cell--12-col, .extras-passengers-container .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: 100%!important; } /*.bannerslider1{width: 32%!important;}*/ .userInfoShowOptions-partner{ position: relative; top: 0px!important; right: 0!important; float:none!important } /*Added Meal Images css*/ .extras-passengers-container1 .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: calc(50% - 16px); margin-top: 8px !important; } } @media (min-width: 840px) { .editpassenger-form .mdl-cell--6-col, .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 22px)!important; } .sod-dashboard-block .mdl-cell--6-col, .sod-dashboard-block .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{width: calc(50% - 1px)!important;} .mdl-grid { padding: 8px; } .mdl-cell { margin: 5px; width: calc(33.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 33.3333333333%; } .mdl-cell--hide-desktop { display: none !important; } .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%; } .dateofbirth .mdl-cell--4-col, .dateofbirth .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: calc(33.3333333333% - 8px); } .flight-status .vertical-fs-tabs .fs-tabs__tab { width: 216px; height: 76px; line-height: 24px; box-sizing: border-box; letter-spacing: 2px; } .flight-status .vertical-fs-tabs a.fs-tabs__tab.is-active { border-right: 3px solid #32337e; background: #32337e; color: #FFDE00; width: 225px!important; border-top-right-radius: 6px; border-bottom-right-radius: 6px; padding-top: 7%; } .payment-payment-types .mdl-cell--12-col, .payment-payment-types .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: calc(100% - 0px); } /*.signup-fields-container .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 20px);*/ /*.profile-update-right-block .mdl-cell--3-col, .profile-update-right-block .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(29% - 9px); }*/ .profile-update-right-block .mdl-cell--6-col, .profile-update-right-block .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 10px)!important; } .profile-update-left-block .mdl-cell--6-col,.profile-update-left-block .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 10px)!important; } #basic_information .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: calc(70.666667% - 20px); } /*#basic_information .mdl-cell--4-col-desktop { width: calc(36%); } #basic_information .mdl-cell--3-col, #basic_information .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(29% - 13px); }*/ .staff-dashboard-tabs .horizontal-tabs .sod-tabs__tab { width: 200px; height: 40px; line-height: 24px; box-sizing: border-box; letter-spacing: 2px; } .staff-dashboard-tabs .horizontal-tabs a.sod-tabs__tab.is-active { border-right: 3px solid #32337e; background: #32337e; color: #FFDE00; width: 215px!important; border-top-right-radius: 0px; border-bottom-right-radius: 0px; padding-top: 1%; } .staff-on-duty .mdl-cell--2-col, .staff-on-duty .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: calc(16.6666666667%); } .staff-on-duty .mdl-cell--10-col, .staff-on-duty .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: 83.2%; } .extras-passengers-container .mdl-cell--12-col, .extras-passengers-container .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: calc(100% - 0px); } .extras-travel-insurance-fields-country-email .mdl-cell--6-col, .extras-travel-insurance-fields-country-email .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 16px) !important; } .passerngers-revamp-data .passenger-title-revamp-field.mdl-cell--1-col, .passerngers-revamp-data .passenger-title-revamp-field.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: calc(10.3333333333% - 16px) !important; } .infant-revamp .infant-nationality-field-rev.mdl-cell--2-col, .infant-revamp .infant-nationality-field-rev.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: calc(18.666667% - 16px) !important; } } @media (min-width: 1963px) { #basic_information .mdl-cell--3-col, #basic_information .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(27% - 7px); } } .flight-search-input-container { position: relative; width: 100%; padding-right: 20px; box-sizing: border-box; position: relative!important; bottom: 20px!important; } .trip-currency-container select{ height:28px!important; } /*top menu header*/ #upper-header span {font-size: 12px!important;} /*itenary*/ .itin-sub-header h4{font-size:16px!important} .itin-flight-details-carrier h4{font-size:14px!important} .itin-flight-details-carrier h5{font-size:14px!important} .itin-flight-details-time h4{font-size:14px!important} .itin-flight-details-station h4{font-size:14px!important} .itin-flight-details-station h5{font-size:14px!important} .itin-flight-details-duration-time h4{font-size:14px!important} .itin-flight-details-duration{font-size:14px!important} .itin-flight-details-duration-head{font-size:14px!important} @media (min-width:840px) and (max-width:940px) { .mem-profile-cards { width: 64%; } .profile-info { width: 33%; } } @media (min-width:840px) and (max-width:1024px) { .register-firstname .mdl-cell--8-col, .register-firstname .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: calc(78.666667% - 16px); } #header-agentlogin .drop1 ul li a { font-size: 16px !important; } .payment-type-button-container .payment-type-button .payment-type-name { margin: 0; font-size: 14px !important; padding: 14px 17px !important; } #header-agentlogin .goair-nav .drop1 ul { top: 36px !important; } .payment-type-button-container .payment-type-button .payment-type-name { margin: 0; font-size: 14px !important; padding: 14px 17px !important; } .mem-session-modal { top: 21% !important; width: 74% !important; margin: 0 auto !important; } } @media (min-width: 575px) and (max-width: 840px) { .flight-status .vertical-fs-tabs.fs-tabs .fs-tabs__tab { text-align: left; background: #d8d9eb; border-bottom: 1px solid #cacaca; padding-top: 5% !important; color: #32337e; } .flight-status .vertical-fs-tabs .fs-tabs__tab { height: 85px !important; line-height: 24px; box-sizing: border-box; letter-spacing: 2px; } } .connect-flight-legend-mobile { display: block; margin-top: 10px; position: absolute !important; font-size: 12px; width: 350px !important; text-align: left; } @media (min-width:941px) and (max-width:1140px) { .profile-info { background-color: whitesmoke; border: 1px solid black; width: 29.5%; } .mem-profile-cards { width: 68%; } } @media (max-width:756px) and (min-width:480px) { .staff-on-duty .mdl-cell--10-col, .staff-on-duty .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: 83% !important; } .extras-passengers-container .mdl-cell--12-col, .extras-passengers-container .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: calc(100% - 0px); } } @media (min-width: 1963px) { #basic_information .mdl-cell--3-col, #basic_information .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(27% - 7px); } } @media (max-width:756px) and (min-width:620px) { .staff-on-duty .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: calc(49% - 17px) !important; } } @media (max-width:619px) and (min-width:480px) { .staff-on-duty .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: calc(49% - 19px) !important; } } /*.threeSplitDates .mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(25% - 13px); }*/ a.disabled { color: #cacaca; text-decoration: none !important; cursor: default !important; } /*a.disabled:hover { color:#cacaca; text-decoration:none !important; }*/ a.disabled:hover, a.disabled:focus { color: #cacaca; text-decoration: none !important; } @media (max-width:599px) { .member-profile-signup .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { width: calc(100% - 16px); } } /*@media (max-width:767px){ .myprofileinfo .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{ width:100%; } }*/ .checkedinSeat td { cursor: text !important; font-weight: bold; color: #bbb; } .checkedinSeat td .material-icons { padding-left: 10px; } a.sod-tabs__tab:hover, a.sod-tabs__tab:focus, a.sod-tabs__tab:active, a.sod-tabs__tab:visited { text-decoration: none; } .sod-tabs .sod-tabs__tab { padding-left: 25px; padding-right: 10px; } .staff-dashboard-tabs .horizontal-tabs { /*margin-top: 20px;*/ border: 1px solid #cacaca; 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); } .staff-dashboard-tabs .horizontal-tabs .sod-tabs__tab-bar { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: inherit; border-bottom: none; border-right: 1px solid rgba(10, 11, 49, 0.20); } /*Flight Status*/ a.fs-tabs__tab:hover, a.fs-tabs__tab:focus, a.fs-tabs__tab:active, a.fs-tabs__tab:visited { text-decoration: none; } .fs-tabs .fs-tabs__tab { padding-left: 25px; padding-right: 10px; } .flight-status .vertical-fs-tabs { margin-top: 20px; border: 1px solid #cacaca; 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); } .flight-status .vertical-fs-tabs .fs-tabs__tab-bar { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: inherit; border-bottom: none; border-right: 1px solid rgba(10, 11, 49, 0.20); } .staff-dashboard-tabs .horizontal-tabs .sod-tabs__tab { height: 40px; line-height: 24px; box-sizing: border-box; letter-spacing: 2px; } .flight-status .vertical-fs-tabs .fs-tabs__tab { height: 76px; line-height: 24px; box-sizing: border-box; letter-spacing: 2px; } .staff-dashboard-tabs .horizontal-tabs .sod-tabs__tab:hover, .flight-status .vertical-fs-tabs .fs-tabs__tab:hover { background: rgba(158, 158, 158, 0.34); color: black; } .staff-dashboard-tabs .horizontal-tabs a.sod-tabs__tab.is-active { border-right: 3px solid #32337e; background: #32337e; color: #FFDE00; width: 100%; border-top-right-radius: 0px; border-bottom-right-radius: 0px; padding-top: 1%; } .staff-dashboard-tabs .horizontal-tabs .sod-tabs__tab.is-active:after { content: inherit; height: 0; } .flight-status .vertical-fs-tabs .fs-tabs__tab { height: 76px; line-height: 24px; box-sizing: border-box; letter-spacing: 2px; } .flight-status .vertical-fs-tabs .fs-tabs__tab:hover { background: rgba(158, 158, 158, 0.34); color: black; } .flight-status .vertical-fs-tabs a.fs-tabs__tab.is-active { border-right: 3px solid #32337e; background: #32337e; color: #FFDE00; width: 110%; border-top-right-radius: 6px; border-bottom-right-radius: 6px; padding-top: 7%; } .flight-status .vertical-fs-tabs .fs-tabs__tab.is-active:after { content: inherit; height: 0; } .sod-tabs__panel { padding: 20px 30px; } .staff-dashboard-tabs .horizontal-tabs.sod-tabs .sod-tabs__tab { text-align: left; background: #f4f8fb; border-bottom: 0px solid #cacaca; padding-top: 1%; color: #32337e; border-right: 1px solid #32337e; } .fs-tabs__panel { padding: 20px 30px; } .flight-status .vertical-fs-tabs.fs-tabs .fs-tabs__tab { text-align: left; background: #d8d9eb; border-bottom: 1px solid #cacaca; padding-top: 7%; color: #32337e; } .text-center { text-align: center; } .sod-tabs__tab.is-active { color: #E21549; } .sod-tabs__tab { color: #999999; box-sizing: border-box; flex-grow: 1; } .fs-tabs__tab.is-active { color: #E21549; } .fs-tabs__tab { color: #999999; box-sizing: border-box; flex-grow: 1; } .sod-tabs__tab, .fs-tabs__tab { margin: 0; border: none; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding: 0 24px 0 24px; padding-top: 0px; padding-right: 24px; padding-left: 24px; float: left; position: relative; display: block; color: red; 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; letter-spacing: .2px !important; text-transform: none; font-size: 16px; font-weight: regular !important; } .sod-tabs__tab.is-active:after, .fs-tabs__tab.is-active:after { height: 2px; width: 100%; display: block; content: " "; bottom: 0px; left: 0px; position: absolute; background: rgb(63,81,181); -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; -webkit-transition: all 1s cubic-bezier(0.4, 0, 1, 1); transition: all 1s cubic-bezier(0.4, 0, 1, 1); } .sod-tabs__tab .sod-tabs__ripple-container, .fs-tabs__tab .fs-tabs__ripple-container { display: block; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 1; overflow: hidden; } .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple { background: rgb(63,81,181); } .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple { background: rgb(63,81,181); } /*.vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active:before { content: ""; position: absolute; left: -14px; top: 30px; width: 0px; height: 0px; border-top: 5px solid transparent; border-right: 20px solid #FFDE00 ; border-bottom: 5px solid transparent; border-left: 5px solid transparent; }*/ /* hide input */ .staff-dashboard-tabs .mdl-tabs__panel { background: #fff; } .staff-dashboard-tabs { width: 100%; margin-bottom: 3%; } /*.horizontal-tabs .mdl-tabs.is-upgraded .mdl-tabs__panel.is-active { display: block; .horizontal-tabs .mdl-tabs.is-upgraded .mdl-tabs__panel { display: none; } @media (min-width: 480px) and (max-width: 600px) { /*.connect-flight-legend { margin-top:-100px !important; width:20px !important; display:none }*/ .connect-flight-legend span, .connect-flight-legend-mobile span { padding: 5px 5px 0px 5px !important; } /*.horizontal-tabs .sod.is-upgraded .mdl-tabs__panel.is-active { display: block; } .horizontal-tabs .sod.is-upgraded .mdl-tabs__panel { display: none; }*/ .sod-tabs__tab2 sod-tabs__tab is-active { display: block; } .sod-tabs__tab1 sod-tabs__tab is-active { display: block; } /*.connecting-flight-text { padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; margin-top: 23%; margin-left: -70px; width: 170px; }*/ .connect-flight-legend { /*margin-top:-100px !important; width:20px !important;*/ /*display:none;*/ } .connect-flight-legend-mobile { display: block !important; } .sod-tabs a.active, .sod-subtabs a.active { color: white; font-weight: bold; background: #32337e; } .sod-subtabs a { display: block; background-color: #fff; float: left; text-align: center; padding: 10px 10px 10px 9.5px; left: 2px; border: 1px solid #cacaca; border-right-color: #fff; } .fare-group-head-info { position: absolute; width: 650px; margin-top: 40px; } .fare-group-head-info div { float: left; margin-right: 20px; } .fare-group-head-info .avail-filter { /*width:300px;*/ width: 268px; box-shadow: 0 8px 6px -6px #989898; border: 1px solid #cacaca; } .fare-group-head-info .connect-flight-legend { padding-top: 15px } @media (min-width: 320px) and (max-width: 840px) { .fare-group-head-info { width: 350px; margin-top: 0px; } } @media (min-width: 320px) and (max-width: 480px) { .fare-group-head-info { position: relative; margin-bottom: -40px; } .fare-group-head-info div { float: none; } .fare-group-head-info .avail-filter { display: inline-block; } } @media (min-width: 840px) and (max-width: 1139px) { .itin-sub-header-tablet .mdl-cell { width: 45% !important; text-align: center !important } } .sod-tabs, .sod-subtabs { float: left; width: 100%; background: #f4f8fb; } .sod-button:hover { color: #fff !important; } .rel-tab { display: none; } .tabs-content div.active { display: block; clear: both; } .tabs-content { } .panel-block { display: inline-block; } .mdl-grid .staff-on-duty { padding: 0px !important; } .sodpanel { border-left: 1px solid #cacaca; } .connect-flight-legend { /*margin-top:-40px; position:absolute !important;*/ font-size: 12px; /*width:350px;*/ text-align: left; } hr.type_7 { border: 0; height: 55px; background-repeat: no-repeat; background-image: url('../Images/Sod/sod-border.PNG'); } .sod-tabs-right { margin-top: 1%; } /*#sodmodal.modal{ width:600px!important; }*/ #sodmodal .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(25% - 0px); } .sod-airportname .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop, .sod-fare-details .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop, .sod-total-details .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: 50% !important; } #sodmodal.modal { margin-top: 4%; } .createbooking-btn { background-color: rgba(0,0,0, 0.12) !important; color: rgba(0,0,0, 0.26) !important; 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) !important; } .sod-sol-msg-block h4 { position: relative; top: 50px; } /* hide input */ input.radio:empty { margin-left: -999px; display: none; } input.radio:empty ~ label { position: relative; float: left; line-height: 2.5em; text-indent: 3.25em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input.radio:empty ~ label:before { position: absolute; top: 0; bottom: 0; left: 0; content: ''; width: 2.5em; background: #32337e; border-radius: 3px 0 0 3px; content: '\E836' !important; font-family: 'Material Icons'; text-indent: .9em; color: #cacaca; } input.radio:hover:not(:checked) ~ label { color: #888; } input.radio:checked ~ label:before { content: '\E837' !important; text-indent: .9em; color: #FFDE00; background-color: #32337e; font-family: 'Material Icons'; } input.radio:checked ~ label { color: #777; } input.radio:focus ~ label:before { box-shadow: 0 0 0 3px #999; } .flight-status .mdl-tabs__panel { background: #fff; } .flight-status { width: 100%; margin-bottom: 3%; } .checknowbtn button, .checknowbtn1 button { width: 200px; } .checknowbtn button:before, .checknowbtn1 button:before { position: absolute; top: 0; bottom: 0; left: 0; content: ''; width: 2.5em; background: #fff; border-radius: 0px 0 0 0px; text-indent: .9em; color: #cacaca; border: 1px solid #cacaca; background: url(../Images/GoAir/icon-checknow-btn.jpg) no-repeat right center !important; } #byroute { margin-top: 1%; } .main-content { clear: both; } .origin-field { float: left; } .mem-common-card-header { padding: 10px 0 10px 20px; z-index: 2; position: relative; } #content-fs { display: none; } .input-flight-status-stations { background: url(../../Images/icons/material/arrows/expand_more_black.png) no-repeat right center; background-size: 24px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; } .flight-status-tabs { padding: 0 23px 0 23px; } #popupoverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index: 1040; display: none; } .bannerpopup a { text-decoration: none; } .popup { width: 100%; margin: 0 auto; display: none; position: fixed; z-index: 99999; text-align: center; } .bannerpopup { width: 675px; height: 0px; margin: 40px auto; background: #f3f3f3; position: relative; z-index: 103; border-radius: 5px; box-shadow: 0 2px 5px #000; } .bannerpopup p { clear: both; color: #555555; text-align: justify; } .bannerpopup p a { color: #d91900; font-weight: bold; } .bannerpopup .x { float: right; height: 0px; position: absolute; right: 0px; } .bannerpopup .x:hover { cursor: pointer; } @media print { @page { size: landscape; } } #popUp p i.material-icons { margin-left: -26px; position: absolute; } #popUp p { padding-left: 25px !important; } .travel-document-container { margin-top: 3%; } .js-radio-action { cursor: pointer; position: relative; top: 6px; } .hold-trans-suceess-msg h3 { text-align: center } .hold-booking-checkbox { top: 0px; 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; } .js-radio-action { cursor: pointer; position: relative; top: 6px } .stored-payment-method-fields form { width: 100%; } .stored-payment-method-fields .radio-circle { width: 30px; height: 30px; background-image: url('../Images/Member/storedcar-radioicon.png'); background-repeat: no-repeat; position: relative; top: 16px; float: left; background-size: 16px; } .stored-payment-method-fields .radio-circle.selected { background-image: url('../Images/Member/storedcard-radiobutton_checked.png'); background-repeat: no-repeat; } .newCard-content { margin-top: 0px !important; } .newCard-header.selected { background-color: #dde0ef; box-shadow: none; margin: 20px 0px 0px 0px; color: #32337e; font-weight: 100; } .newCard-header .card-trigger i { float: right; } .newCard-header .card-trigger { cursor: pointer; } .js-stored-payment-method-fields { border-top: 1px solid #cacaca !important; } .stored-payment-method-fields:first-child { border-top: 0px solid #cacaca !important; } ::-webkit-input-placeholder { position: relative; bottom: 4px; } .currency-block { margin-left: 5%; } .payment-options form .mdl-textfield.mdl-cell { margin-top: 10px !important; margin-bottom: 5px; } .vault-star { color: #f5d563; } .accountnoicon { position: absolute; right: 0px; bottom: 12px; width: 35px; } .cvv-box ::-webkit-input-placeholder { padding: 10px 0px 2px 0px !important; } /* Internet explorer, Edge and mozilla firefox cross browser condition*/ /* Edge cross browser condition*/ @supports(-ms-ime-align:auto) { .cvv-box .mdl-textfield__input { padding: 10px 0px 10px 0px; } .travel-doc-edit-icon-block .mdl-button { vertical-align: baseline !important; } } /* Internet explorer cross browser condition*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .travel-doc-edit-icon-block .mdl-button { vertical-align: baseline !important; } } /* mozilla firefox cross browser condition*/ @-moz-document url-prefix() { .cvv-box .mdl-textfield__input { padding: 10px 0px 10px 0px; } .travel-doc-edit-icon-block .mdl-button { vertical-align: -webkit-baseline-middle !important; } } /* end of Internet explorer, Edge and mozilla firefox cross browser condition*/ .avail-info-no-flights h3 { font-size: 16px !important; line-height: 32px; } .itin-sub-header img { width: 25px; } .check-out-section form { margin-bottom: 0px !important } .refund-buttons-container .payment-selection-button.selected { border-left: 4px solid #f5d563; background: #f5d563 !important; } .refund-buttons-container .payment-selection-button { border-bottom: 0px solid #000 !important; box-shadow: 0 2px 4px 0 rgba(0,0,0,.18); } .payment-paylater-checkbox { text-align: center; } /*.mdl-card__actions .mdl-button .mdl-js-button .mdl-button--raised .mdl-js-ripple-effect .button-primary .btn-activities { position: absolute !important; bottom: 20px !important; }*/ .myagency-activity-right-btn { float: right; } .phonenostaricon { position: absolute; right: 20px; color: #f5d563; } .loginphonenostaricon { position: relative; left: 5px; color: #f5d563; } .session-search-button { margin-top: 20px; } .SessionDetails-Flight-Details span { color: #32337e; line-height: 2.5; } .SessionDetails-Flight-Details h6 { margin: 0px 0 !important; width: 100%; } .SessionDetails-Flight-Details img { width: 14px; margin-bottom: 4px; } .session-expire-text { width: 81.5% } .session-expire-button { width: 18%; text-align: right; } @media (min-width: 1025px) { .mem-session-modal { top: 21% !important; width: 700px !important; left: 45% !important; } } .vl { border-left: 1px solid #cccccc; height: 66px; margin-top: 10px; position: relative; right: 14px; } .session-timeout-seperator { border-top: 1px solid #cccccc; margin: 2px 0 0px 0px !important; } .sod-sol-msg-block h4 { position: relative; top: 50px; } /* hide input */ input.radio:empty { margin-left: -999px; display: none; } input.radio:empty ~ label { position: relative; float: left; line-height: 2.5em; text-indent: 3.25em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input.radio:empty ~ label:before { position: absolute; top: 0; bottom: 0; left: 0; content: ''; width: 2.5em; background: #32337e; border-radius: 3px 0 0 3px; content: '\E836' !important; font-family: 'Material Icons'; text-indent: .9em; color: #cacaca; } @media (max-width:767px) { .vl { border-left: 0px solid #cccccc !important; } } .last-search-repeat-text { color: #32337e; margin-bottom: 10px !important; } input.radio:checked ~ label:before { content: '\E837' !important; text-indent: .9em; color: #FFDE00; background-color: #32337e; font-family: 'Material Icons'; } /*@media(max-width:576px) and (min-width:361px){ .session-expire-text { width: 65.5%!important; } .session-expire-button { width: 33%!important; } }*/ @media(max-width:575px) and (min-width:320px) { .session-expire-text { width: 100% !important; } .session-expire-button { width: 100% !important; text-align: center; } } *#quote-carousel { padding: 0 10px 30px 10px; margin-top: 30px; text-align: center; } /*#quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: -10px; margin-right: -19px; } #quote-carousel .carousel-indicators li { background: #c0c0c0; } #quote-carousel .carousel-indicators .active { background: #333333; height:10px; width:10px; margin-bottom:1px; } .testimonial_subtitle{ color: #0aaa7a; font-size: 12px; } .testimonial_btn{ background-color: #373d4b !important; color: #fff !important; } .seprator { height: 2px; width: 56px; background-color: #0aaa7a; margin: 7px 0 10px 0; } #quote-carousel { padding: 0 10px 30px 10px; margin-top: 12px; text-align:center; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } #quote-carousel .carousel-indicators { right: 40%; top: auto; bottom: 2px; margin-right: -19px; }*/ .flight-status .mdl-tabs__panel { background: #fff; } .flight-status { width: 100%; margin-bottom: 3%; } .checknowbtn button, .checknowbtn1 button { width: 200px; } .checknowbtn button:before, .checknowbtn1 button:before { position: absolute; top: 0; bottom: 0; left: 0; content: ''; width: 2.5em; background: #fff; border-radius: 0px 0 0 0px; /*content:'\E539'; font-family: 'Material Icons';*/ text-indent: .9em; color: #cacaca; border: 1px solid #cacaca; background: url(../Images/GoAir/icon-checknow-btn.jpg) no-repeat right center !important; } #byroute { margin-top: 1%; } #quote-carousel .carousel-indicators li { background: #c0c0c0; } #quote-carousel .carousel-indicators .active { background: #32337e !important; height: 10px; width: 10px; margin-bottom: 1px; } .slider1-WholeText { border: 1px solid !important; width: 80% !important; } .announcement { color: #fff; background-color: #32337e; padding: 6px; text-align: center; margin-top: 20px; border-top-right-radius: 8px; border-top-left-radius: 8px; } .carousel-slider { border: 1px solid #cacaca; margin-top: -11px !important; padding: 20px; min-height: 252px; height: auto; } .login-agent-content .carousel-indicators { margin: 20px auto 0 auto !important; left: 36%; } .filtersearch1 { float: left; background: green; padding: 10px; } .main-content { clear: both; } .origin-field { float: left; } .mem-common-card-header { padding: 10px 0 10px 20px; z-index: 2; position: relative; } .filtersearch2 { width: 100px; float: left; background: red; padding: 10px; } .filtersearch3 { width: 100px; float: left; background: red; padding: 10px; } .filtersearch4 { width: 100px; float: left; background: red; padding: 10px; } .filtersearch1 input[type=checkbox]:checked + label { background: red; font-style: normal; padding: 10px; width: 100px; color: #fff } #webfee_breakdown_modal_link { text-decoration: underline; } .read-more-state { display: none; } .login-agent-content .read-more-target { opacity: 0; max-height: 0; font-size: 0; transition: .25s ease; } .read-more-state:checked ~ .read-more-wrap .read-more-target { opacity: 1; font-size: inherit; max-height: 999em; } @media print { @page { size: landscape } } #popUp p i.material-icons { margin-left: -26px; position: absolute; } #popUp p { padding-left: 25px !important; } .read-more-state ~ .read-more-trigger:before { content: 'Show more'; } .read-more-state:checked ~ .read-more-trigger:before { content: 'Show less'; } /*.travel-document-container{ margin-top:3%; }*/ .read-more-trigger { cursor: pointer; display: inline-block; padding: 0 .5em; color: #666; font-size: .9em; line-height: 2; border: 1px solid #ddd; border-radius: .25em; } .carousel-inner .fareRule { border: 0px; box-shadow: none; margin: 0px; } .carousel-inner .fareRule:before { border-right: 0px; border-left: 0px; } .termsncond-checkbox-container { margin-top: 15px; margin-bottom: 15px; } .stored-cards .mdl-radio.is-checked #show-me { border-bottom: 1px solid #cacaca !important } .stored-cards .mdl-radio.is-checked #show-me, .stored-cards .mdl-radio.is-checked #show-me1, .stored-cards .mdl-radio.is-checked #show-me2 { border-bottom: 1px solid #cacaca !important } .currency-radio-label { margin-left: 4%; } .js-radio-action { cursor: pointer; position: relative; top: 6px; } .stored-payment-method-fields form { width: 100%; } .stored-payment-method-fields .radio-circle { width: 30px; height: 30px; background-image: url('../Images/Member/storedcar-radioicon.png'); background-repeat: no-repeat; position: relative; top: 16px; float: left; background-size: 16px; } /*.stored-payment-method-fields .radio-circle.selected { position: relative; top: 24px; float: left; background-size: 16px; }*/ .stored-payment-method-fields .radio-circle.selected { /*background-image: url('../Images/Icons/check-img.png') !important;*/ background-image: url('../Images/Member/storedcard-radiobutton_checked.png'); background-repeat: no-repeat; } .carousel-inner .fareRule p.fareRuleBody { height: 100px; text-align: justify; } .carousel-inner .fareRule p { line-height: 24px; font-size: 14px !important; } .carousel-inner .readMore { margin-top: 30px; } .PartnerLogin-RightBlock label { margin-bottom: 0px !important; } @media(min-width:320px) and (max-width:360px) { /*.login-agent-content .carousel-indicators{left: 14%!important;}*/ /*.carousel-slider { height: 1390px; }*/ .carousel-dots { width: 40px !important; } } @media(min-width:361px) and (max-width:424px) { /*.login-agent-content .carousel-indicators{left: 26%!important;}*/ /*.carousel-slider { height: 1290px; }*/ .carousel-dots { width: 40px !important; } } @media(min-width:425px) and (max-width:479px) { /*.carousel-slider { height: 1042px; }*/ .carousel-dots { width: 40px !important; } .newCard-header { font-weight: bold; background-color: #fbfbfb; padding: 15px; margin: 20px 0px 100px 0px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18); } .newCard-content { margin-top: 0px !important; } .newCard-header.selected { background-color: #dde0ef; box-shadow: none; margin: 20px 0px 0px 0px; color: #32337e; font-weight: 100; } .newCard-header .card-trigger i { float: right; } .newCard-header .card-trigger { cursor: pointer; } .js-stored-payment-method-fields { border-top: 1px solid #cacaca !important; } .stored-payment-method-fields:first-child { border-top: 0px solid #cacaca !important; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ position: relative; bottom: 4px; } .currency-block { margin-left: 4%; } } @media(min-width:480px) and (max-width:600px) { /*.carousel-slider { height: 925px; }*/ .carousel-dots { width: 40px !important; } } @media(min-width:601px) and (max-width:767px) { /*.carousel-slider { height: 925px; }*/ .carousel-dots { width: 40px !important; } } @media(min-width:768px) and (max-width:839px) { /*.carousel-slider { height: 925px; }*/ .carousel-dots { width: 40px !important; } } .vault-star { color: #f5d563; } .accountnoicon { position: absolute; right: 0px; bottom: 12px; width: 35px; } .cvv-box ::-webkit-input-placeholder { padding: 10px 0px 2px 0px !important; } @media(min-width:840px) and (max-width:1023px) { /*.carousel-slider { height: 850px; }*/ .carousel-dots { width: 40px !important; } } @media(min-width:1024px) and (max-width:1240px) { /*.carousel-slider { height: 740px; }*/ .carousel-dots { width: 40px !important; } } @media(min-width:840px) and (max-width:870px) { .carousel-slider { min-height: 275px; height: auto; } } .read-more-state { display: none; } .read-more-target { opacity: 0; max-height: 0; font-size: 0; transition: .25s ease; } .read-more-state:checked ~ .read-more-wrap .read-more-target { opacity: 1; font-size: inherit; max-height: 999em; } .read-more-state ~ .read-more-trigger:before { content: 'Show more'; } .refund-buttons-container .payment-selection-button.selected { border-left: 4px solid #f5d563; background: #f5d563 !important; } .read-more-trigger { cursor: pointer; display: inline-block; padding: 0 .5em; color: #666; font-size: .9em; line-height: 2; border: 1px solid #ddd; border-radius: .25em; } .checkedinSeat td { cursor: text !important; font-weight: bold; color: #bbb; } .checkedinSeat td .material-icons { padding-left: 10px; } s hr.mp-seperator1:nth-child(2) { border: 0; height: 1px; /*background: #333;*/ background-image: -webkit-linear-gradient(left, #fdfdfd, #a2a2a2, #fdfdfd); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); background-image: -o-linear-gradient(left, #ccc, #333, #ccc); margin: 5px 0 5px 0px !important; } .gostar-dest-arrive-det hr { border-top: 0px solid #eeeeee; margin: 0px 0 0px 0px !important; } @media (max-width: 767px) { hr.mp-seperator:nth-child(2) { border-bottom: 1px solid #cacaca; height: 0px; background: none; } .gostar-dest-arrive-det-mobile hr { border-top: 0px solid #eeeeee; margin: 0px 0 0px 0px !important; } .lazypay-textbox .mdl-textfield__input { color: #555555 !important; } } /*hr.mp-seperator { border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #fdfdfd, #a2a2a2, #fdfdfd); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); background-image: -o-linear-gradient(left, #ccc, #333, #ccc); margin: 5px 0 5px 0px !important; }*/ /*@media (max-width: 767px){ hr.mp-seperator{border-bottom:1px solid #cacaca;height: 0px; background: none;} }*/ /* Passenger dropdown list */ .custom-select select { display: none; /*hide original SELECT element:*/ } .select-selected { background-color: #32337e; } /*style the arrow inside the select element:*/ .select-selected:after { position: absolute; content: "\e5cf"; top: 10px; right: 25px; width: 0; height: 0; /* border: 6px solid transparent; */ border-color: #fff transparent transparent transparent; font-family: "Material Icons"; font-size: 24px; } /*point the arrow upwards when the select box is open (active):*/ .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 7px; position: absolute; content: "\e5ce"; top: 10px; right: 25px; width: 0; height: 0; /* border: 6px solid transparent; */ border-color: #fff transparent transparent transparent; font-family: "Material Icons"; font-size: 24px; } select-selected select-arrow-active { } /*style the items (options), including the selected item:*/ .select-items div, .select-selected { color: #ffffff; padding: 8px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; } /*style items (options):*/ .select-items { position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; } /*hide the items when the select box is closed:*/ .select-hide { display: none; } .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); } .select-items div { color: #444 !important; } .savepassenger-btn, .buttonSaveInfant { width: 190px; background-color: #212121 !important; float: right; border-radius: 3px; /*text-transform: uppercase !important;*/ font-size: 14px; color: #fff !important; } .gs-savebtn .savepassenger-btn.ui-state-disabled, .gs-savebtn .mdl-button[disabled][disabled] { opacity: 0.13 !important; color: #fff !important; } .gs-savebtn { margin-bottom: 0px !important; } .mem-profile-cards .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label { color: rgb(50, 51, 126); font-size: 14px; top: -3px !important; visibility: visible; font-weight: 600; } /*.seatpreferences-body { clear:both }*/ #mySeatPrefences form { padding: 0px; } .goair-add-passport-details { padding: 0px 0px 0px 0px !important; } .bookingwidget-profile { margin-top: 3%; } /* */ .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.9em !important; text-align: center; } .ui-widget-header { background: #32337e; color: white; font-weight: 300; font-size: 18px !important; } .ui-datepicker .ui-datepicker-title select { margin: 6px 10px !important; border: 1px solid #32337e; width: 70px !important; background: url(../../Images/icons/material/arrows/expand_more_black.png) no-repeat right center !important; background-size: 20px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; background-color: #f1f1f1 !important; padding: 0px 6px !important; height: 25px !important; } .contact-overall-div .mdl-textfield__label { z-index: 1 !important } .addpassenger-block .mdl-textfield__label { z-index: 1 !important } #passengerForm .mdl-textfield__label { z-index: 1 !important } .passengerDateOfBirth { background: url(../Images/GoAir/Header/calender.png); background-repeat: no-repeat; background-position: right; } .infantDateOfBirth { background: url(../Images/GoAir/Header/calender.png); background-repeat: no-repeat; background-position: right; } .check-box-wheelchair-container i { position: relative; top: 5px; } .save-card-label-text { color: #494949; } .arrow-btn .toggle-icon { position: relative; bottom: 0px !important; } .sme-helpline-number span { font-weight: 900; } .payment-paylater-checkbox{text-align:center;} .ssr-fields .mdl-cell { margin: 5px 16px 5px 0px; } .extras-unavailable{ text-align: center; font-size: 18px; margin-top: 6%!important; } .phonenostaricon{ position: absolute; right: 20px; color: #f5d563; } .loginphonenostaricon{ position: relative; left: 5px; color: #f5d563; } .extras-travel-insurance-fields-input.mdl-cell { margin-top: 0px !important; padding: 0px 0 10px 0px!important; } .gostar-button-header { background: #ffd12e; padding: 2px 8px; border-radius: 7px; margin-right: 2px; } .meals-note-message { font-size: 12px !important; } .baggageinfo-display-section { border-bottom: 1px dotted #999999; } .divopacity { opacity: 1; background-color: #ccc; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1000; } .baggage-details-summary-journey { font-weight: bold; font-size: 14px; line-height: 21px; color: #32337e; } .baggage-details-summary-header { color: rgb(50, 51, 126); font-weight: bold; padding-top: 7px; } .baggage-details-summary-text{ font-size: 14px; font-weight: normal; line-height: 21px; } /*.price-display-container-lastdiv #price_display_total.price-display-section { border-bottom: 0px dotted #999999; }*/ .conveniencefee-body { font-size: 12px; text-align: justify; text-justify: inter-word; margin: 8px 0; } /*.extras-ssr-container p { color: #555; }*/ /*.low-fare-tab.active { background: #ffffff !important; border: 1px solid #cacaca !important; height: 80px !important; margin-top: 0px !important; } .low-fare-tab.active > a > div > div { font-weight: bold !important; } .low-fare-tab { border-top: 1px solid #cacaca !important; border-bottom: 1px solid #cacaca !important; height: 60px !important; margin-top: 10px !important; background: #f7f9fc !important; } .js-low-fare-tabs-container .main-cell.slider-cell { height: 120px !important; width: 85% !important; } .mdl-cell--10-col-desktop > div.anythingSlider-default > div.anythingWindow { height: 100px !important; margin-top: 10px; } .fare-tab-arrow { height: 78px !important; border-top: 1px solid #cacaca !important; border-bottom: 1px solid #cacaca !important; margin-top: 20px !important; } .fare-tab-arrow:first-of-type { border-left: 1px solid #cacaca !important; } .fare-tab-arrow:last-of-type { border-right: 1px solid #cacaca !important; } .border-right { border: 0px solid #cacaca !important; } .js-avail-row { border: 1px solid #cacaca !important; } .hr-devider { width: 75%; border-bottom: 2px solid #cacaca !important; margin: 0 auto; } .fare-table { border-collapse: separate; border-spacing: 0 .25em; } .fare-table > tbody > tr > td { border-bottom: 1px solid #cacaca !important; border-top: 1px solid #cacaca !important; } .fare-table > tbody > tr > td:first-of-type { border-left: 1px solid #cacaca !important; } .fare-table > tbody > tr > td:last-of-type { border-right: 1px solid #cacaca !important; } .border-right { border-right: 1px solid #cacaca !important; } .border-right:first-of-type { border-left: 1px solid #cacaca !important; } .fare-table > tbody > tr > td:nth-child(1) { border-right: 1px solid #cacaca !important; } .seats-count { color: #00b050!important; } .price-text { color: #7f7f7f !important; font-size: 20px !important; } .flight-type-img{ max-width:300px; } .flight-info-top { color: #b9babc; } .flight-info-middle { color: #000000; font-size: 18px; text-align: center; margin-top: 10px; } .view-details { float: right; margin-top: 10px; color: #2f8bcc; font-size: 12px; cursor: pointer; } .flight-info-conecting { color: #000000; } .fareTagName.fare-rule { text-align: right !important; right: 20% !important; color: #cccccc; } .flight-economic { color: #ffffff; background-color: #346fb3; height: 30px; border-bottom: 2px solid white; border-left: 2px solid white !important; border-right: 1px solid #cacaca !important; border-top: 1px solid #cacaca !important; } .sort-trigger-icon { top: 6px; background-image: url("../../../Images/GoAir/Select/asc-sort-icon.png"); } .sort-trigger-icon { top: 6px; background-image: url("../../../Images/GoAir/Select/desc-sort-icon.png"); } .search-flight-tab { border-top: 1px solid #cacaca !important; border-bottom: 1px solid #cacaca !important; border-left: 1px solid #cacaca !important; height: 60px !important; margin-top: 10px !important; } .search-flight-tab:last-of-type { border-right: 1px solid #cacaca !important; } .compact-srch.compact-srch-pax > div { margin-left: 0px !important; margin-right: 0px !important; } .station-text { color: #7f7f7f !important; font-size: 16px !important; }*/ /*.low-fare-tab.active { background: #ffffff !important; border: 1px solid #cacaca !important; height: 80px !important; margin-top: 0px !important; }*/ .price-display-summary-line-item-pax { margin-bottom: 2%; line-height: 20px !important; } .price-display-tax-details-header { border-bottom: 0px dotted #999999 !important; } .price-display-tax-details{ color: rgb(50, 51, 126); text-decoration: underline; } .priceitinerary-dottedline { border-bottom: 1px dotted #999999 !important; } .header-title-section { padding: 20px; } .header-tile-section-buttons { margin: 0% 10% 0% 10%; text-align: right; } .pull-right-change { width:30%; } .pull-left-change { width:70%; } .fare-table tbody tr:nth-child(1) .fare-price-text label .price-text { padding-top: 25px !important; } .contact-details-margin { margin-left: 0px; } .insurance-quote-alignment { padding-left: 0px; } .g8-change-currency-drop .currency-dropdown-select { padding-left: 6px !important; } .g8-change-currency-drop .currency-label-booking { padding-left: 6px !important; } .fligh-booking-home { padding: 0 5px !important; }