@charset "UTF-8"; /** * material-design-lite - Material Design Components in CSS, JS and HTML * @version v1.3.0 * @license Apache-2.0 * @copyright 2015 Google, Inc. * @link https://github.com/google/material-design-lite */ html { color: rgba(0, 0, 0, 0.87); } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .browserupgrade { margin: .2em 0; background: #ccc; color: #000; padding: .2em 0; } .hidden { display: none !important; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } @media print { *, *:before, *:after, *:first-letter { background: transparent !important; color: #000 !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } 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; } } 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); } html { width: 100%; height: 100%; -ms-touch-action: manipulation; touch-action: manipulation; } body { width: 100%; min-height: 100%; } main { display: block; } *[hidden] { display: none !important; } html, body { font-family: "Helvetica","Arial",sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } h1, h2, h3, h4, h5, h6, p { padding: 0; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-family: "Roboto","Helvetica","Arial",sans-serif; font-weight: 400; line-height: 1.35; letter-spacing: -.02em; opacity: .54; font-size: .6em; } h1 { font-size: 56px; line-height: 1.35; letter-spacing: -.02em; margin: 24px 0; } h1, h2 { font-family: "Roboto","Helvetica","Arial",sans-serif; font-weight: 400; } h2 { font-size: 45px; line-height: 48px; } h2, h3 { margin: 24px 0; } h3 { font-size: 34px; line-height: 40px; } h3, h4 { font-family: "Roboto","Helvetica","Arial",sans-serif; font-weight: 400; } h4 { font-size: 24px; line-height: 32px; -moz-osx-font-smoothing: grayscale; margin: 24px 0 16px; } h5 { font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: .02em; } h5, h6 { font-family: "Roboto","Helvetica","Arial",sans-serif; margin: 24px 0 16px; } h6 { font-size: 16px; letter-spacing: .04em; } h6, p { font-weight: 400; line-height: 24px; } p { font-size: 14px; letter-spacing: 0; margin: 0 0 16px; } a { color: #ffab40; font-weight: 500; } blockquote { font-family: "Roboto","Helvetica","Arial",sans-serif; position: relative; font-size: 24px; font-weight: 300; font-style: italic; line-height: 1.35; letter-spacing: .08em; } blockquote:before { position: absolute; left: -.5em; content: '\201C'; } blockquote:after { content: '\201D'; margin-left: -.05em; } mark { background-color: #f4ff81; } dt { font-weight: 700; } address { font-size: 12px; line-height: 1; font-style: normal; } address, ul, ol { font-weight: 400; letter-spacing: 0; } ul, ol { font-size: 14px; line-height: 24px; } .mdl-typography--display-4, .mdl-typography--display-4-color-contrast { font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 112px; font-weight: 300; line-height: 1; letter-spacing: -.04em; } .mdl-typography--display-4-color-contrast { opacity: .54; } .mdl-typography--display-3, .mdl-typography--display-3-color-contrast { font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 56px; font-weight: 400; line-height: 1.35; letter-spacing: -.02em; } .mdl-typography--display-3-color-contrast { opacity: .54; } .mdl-typography--display-2, .mdl-typography--display-2-color-contrast { font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 45px; font-weight: 400; line-height: 48px; } .mdl-typography--display-2-color-contrast { opacity: .54; } .mdl-typography--display-1, .mdl-typography--display-1-color-contrast { font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 34px; font-weight: 400; line-height: 40px; } .mdl-typography--display-1-color-contrast { opacity: .54; } .mdl-typography--headline, .mdl-typography--headline-color-contrast { font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; -moz-osx-font-smoothing: grayscale; } .mdl-typography--headline-color-contrast { opacity: .87; } .mdl-typography--title, .mdl-typography--title-color-contrast { font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: .02em; } .mdl-typography--title-color-contrast { opacity: .87; } .mdl-typography--subhead, .mdl-typography--subhead-color-contrast { font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: .04em; } .mdl-typography--subhead-color-contrast { opacity: .87; } .mdl-typography--body-2, .mdl-typography--body-2-color-contrast { font-size: 14px; font-weight: 700; line-height: 24px; letter-spacing: 0; } .mdl-typography--body-2-color-contrast { opacity: .87; } .mdl-typography--body-1, .mdl-typography--body-1-color-contrast { font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; } .mdl-typography--body-1-color-contrast { opacity: .87; } .mdl-typography--body-2-force-preferred-font, .mdl-typography--body-2-force-preferred-font-color-contrast { font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: 0; } .mdl-typography--body-2-force-preferred-font-color-contrast { opacity: .87; } .mdl-typography--body-1-force-preferred-font, .mdl-typography--body-1-force-preferred-font-color-contrast { font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; } .mdl-typography--body-1-force-preferred-font-color-contrast { opacity: .87; } .mdl-typography--caption, .mdl-typography--caption-force-preferred-font { font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; } .mdl-typography--caption-force-preferred-font { font-family: "Roboto","Helvetica","Arial",sans-serif; } .mdl-typography--caption-color-contrast, .mdl-typography--caption-force-preferred-font-color-contrast { font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; opacity: .54; } .mdl-typography--caption-force-preferred-font-color-contrast, .mdl-typography--menu { font-family: "Roboto","Helvetica","Arial",sans-serif; } .mdl-typography--menu { font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0; } .mdl-typography--menu-color-contrast { opacity: .87; } .mdl-typography--menu-color-contrast, .mdl-typography--button, .mdl-typography--button-color-contrast { font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0; } .mdl-typography--button, .mdl-typography--button-color-contrast { text-transform: uppercase; } .mdl-typography--button-color-contrast { opacity: .87; } .mdl-typography--text-left { text-align: left; } .mdl-typography--text-right { text-align: right; } .mdl-typography--text-center { text-align: center; } .mdl-typography--text-justify { text-align: justify; } .mdl-typography--text-nowrap { white-space: nowrap; } .mdl-typography--text-lowercase { text-transform: lowercase; } .mdl-typography--text-uppercase { text-transform: uppercase; } .mdl-typography--text-capitalize { text-transform: capitalize; } .mdl-typography--font-thin { font-weight: 200 !important; } .mdl-typography--font-light { font-weight: 300 !important; } .mdl-typography--font-regular { font-weight: 400 !important; } .mdl-typography--font-medium { font-weight: 500 !important; } .mdl-typography--font-bold { font-weight: 700 !important; } .mdl-typography--font-black { font-weight: 900 !important; } .material-icons { font-family: 'Material Icons'; font-weight: 400; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } .mdl-color-text--red { color: #f44336 !important; } .mdl-color--red { background-color: #f44336 !important; } .mdl-color-text--red-50 { color: #ffebee !important; } .mdl-color--red-50 { background-color: #ffebee !important; } .mdl-color-text--red-100 { color: #ffcdd2 !important; } .mdl-color--red-100 { background-color: #ffcdd2 !important; } .mdl-color-text--red-200 { color: #ef9a9a !important; } .mdl-color--red-200 { background-color: #ef9a9a !important; } .mdl-color-text--red-300 { color: #e57373 !important; } .mdl-color--red-300 { background-color: #e57373 !important; } .mdl-color-text--red-400 { color: #ef5350 !important; } .mdl-color--red-400 { background-color: #ef5350 !important; } .mdl-color-text--red-500 { color: #f44336 !important; } .mdl-color--red-500 { background-color: #f44336 !important; } .mdl-color-text--red-600 { color: #e53935 !important; } .mdl-color--red-600 { background-color: #e53935 !important; } .mdl-color-text--red-700 { color: #d32f2f !important; } .mdl-color--red-700 { background-color: #d32f2f !important; } .mdl-color-text--red-800 { color: #c62828 !important; } .mdl-color--red-800 { background-color: #c62828 !important; } .mdl-color-text--red-900 { color: #b71c1c !important; } .mdl-color--red-900 { background-color: #b71c1c !important; } .mdl-color-text--red-A100 { color: #ff8a80 !important; } .mdl-color--red-A100 { background-color: #ff8a80 !important; } .mdl-color-text--red-A200 { color: #ff5252 !important; } .mdl-color--red-A200 { background-color: #ff5252 !important; } .mdl-color-text--red-A400 { color: #ff1744 !important; } .mdl-color--red-A400 { background-color: #ff1744 !important; } .mdl-color-text--red-A700 { color: #d50000 !important; } .mdl-color--red-A700 { background-color: #d50000 !important; } .mdl-color-text--pink { color: #e91e63 !important; } .mdl-color--pink { background-color: #e91e63 !important; } .mdl-color-text--pink-50 { color: #fce4ec !important; } .mdl-color--pink-50 { background-color: #fce4ec !important; } .mdl-color-text--pink-100 { color: #f8bbd0 !important; } .mdl-color--pink-100 { background-color: #f8bbd0 !important; } .mdl-color-text--pink-200 { color: #f48fb1 !important; } .mdl-color--pink-200 { background-color: #f48fb1 !important; } .mdl-color-text--pink-300 { color: #f06292 !important; } .mdl-color--pink-300 { background-color: #f06292 !important; } .mdl-color-text--pink-400 { color: #ec407a !important; } .mdl-color--pink-400 { background-color: #ec407a !important; } .mdl-color-text--pink-500 { color: #e91e63 !important; } .mdl-color--pink-500 { background-color: #e91e63 !important; } .mdl-color-text--pink-600 { color: #d81b60 !important; } .mdl-color--pink-600 { background-color: #d81b60 !important; } .mdl-color-text--pink-700 { color: #c2185b !important; } .mdl-color--pink-700 { background-color: #c2185b !important; } .mdl-color-text--pink-800 { color: #ad1457 !important; } .mdl-color--pink-800 { background-color: #ad1457 !important; } .mdl-color-text--pink-900 { color: #880e4f !important; } .mdl-color--pink-900 { background-color: #880e4f !important; } .mdl-color-text--pink-A100 { color: #ff80ab !important; } .mdl-color--pink-A100 { background-color: #ff80ab !important; } .mdl-color-text--pink-A200 { color: #ff4081 !important; } .mdl-color--pink-A200 { background-color: #ff4081 !important; } .mdl-color-text--pink-A400 { color: #f50057 !important; } .mdl-color--pink-A400 { background-color: #f50057 !important; } .mdl-color-text--pink-A700 { color: #c51162 !important; } .mdl-color--pink-A700 { background-color: #c51162 !important; } .mdl-color-text--purple { color: #9c27b0 !important; } .mdl-color--purple { background-color: #9c27b0 !important; } .mdl-color-text--purple-50 { color: #f3e5f5 !important; } .mdl-color--purple-50 { background-color: #f3e5f5 !important; } .mdl-color-text--purple-100 { color: #e1bee7 !important; } .mdl-color--purple-100 { background-color: #e1bee7 !important; } .mdl-color-text--purple-200 { color: #ce93d8 !important; } .mdl-color--purple-200 { background-color: #ce93d8 !important; } .mdl-color-text--purple-300 { color: #ba68c8 !important; } .mdl-color--purple-300 { background-color: #ba68c8 !important; } .mdl-color-text--purple-400 { color: #ab47bc !important; } .mdl-color--purple-400 { background-color: #ab47bc !important; } .mdl-color-text--purple-500 { color: #9c27b0 !important; } .mdl-color--purple-500 { background-color: #9c27b0 !important; } .mdl-color-text--purple-600 { color: #8e24aa !important; } .mdl-color--purple-600 { background-color: #8e24aa !important; } .mdl-color-text--purple-700 { color: #7b1fa2 !important; } .mdl-color--purple-700 { background-color: #7b1fa2 !important; } .mdl-color-text--purple-800 { color: #6a1b9a !important; } .mdl-color--purple-800 { background-color: #6a1b9a !important; } .mdl-color-text--purple-900 { color: #4a148c !important; } .mdl-color--purple-900 { background-color: #4a148c !important; } .mdl-color-text--purple-A100 { color: #ea80fc !important; } .mdl-color--purple-A100 { background-color: #ea80fc !important; } .mdl-color-text--purple-A200 { color: #e040fb !important; } .mdl-color--purple-A200 { background-color: #e040fb !important; } .mdl-color-text--purple-A400 { color: #d500f9 !important; } .mdl-color--purple-A400 { background-color: #d500f9 !important; } .mdl-color-text--purple-A700 { color: #a0f !important; } .mdl-color--purple-A700 { background-color: #a0f !important; } .mdl-color-text--deep-purple { color: #673ab7 !important; } .mdl-color--deep-purple { background-color: #673ab7 !important; } .mdl-color-text--deep-purple-50 { color: #ede7f6 !important; } .mdl-color--deep-purple-50 { background-color: #ede7f6 !important; } .mdl-color-text--deep-purple-100 { color: #d1c4e9 !important; } .mdl-color--deep-purple-100 { background-color: #d1c4e9 !important; } .mdl-color-text--deep-purple-200 { color: #b39ddb !important; } .mdl-color--deep-purple-200 { background-color: #b39ddb !important; } .mdl-color-text--deep-purple-300 { color: #9575cd !important; } .mdl-color--deep-purple-300 { background-color: #9575cd !important; } .mdl-color-text--deep-purple-400 { color: #7e57c2 !important; } .mdl-color--deep-purple-400 { background-color: #7e57c2 !important; } .mdl-color-text--deep-purple-500 { color: #673ab7 !important; } .mdl-color--deep-purple-500 { background-color: #673ab7 !important; } .mdl-color-text--deep-purple-600 { color: #5e35b1 !important; } .mdl-color--deep-purple-600 { background-color: #5e35b1 !important; } .mdl-color-text--deep-purple-700 { color: #512da8 !important; } .mdl-color--deep-purple-700 { background-color: #512da8 !important; } .mdl-color-text--deep-purple-800 { color: #4527a0 !important; } .mdl-color--deep-purple-800 { background-color: #4527a0 !important; } .mdl-color-text--deep-purple-900 { color: #311b92 !important; } .mdl-color--deep-purple-900 { background-color: #311b92 !important; } .mdl-color-text--deep-purple-A100 { color: #b388ff !important; } .mdl-color--deep-purple-A100 { background-color: #b388ff !important; } .mdl-color-text--deep-purple-A200 { color: #7c4dff !important; } .mdl-color--deep-purple-A200 { background-color: #7c4dff !important; } .mdl-color-text--deep-purple-A400 { color: #651fff !important; } .mdl-color--deep-purple-A400 { background-color: #651fff !important; } .mdl-color-text--deep-purple-A700 { color: #6200ea !important; } .mdl-color--deep-purple-A700 { background-color: #6200ea !important; } .mdl-color-text--indigo { color: #3f51b5 !important; } .mdl-color--indigo { background-color: #3f51b5 !important; } .mdl-color-text--indigo-50 { color: #e8eaf6 !important; } .mdl-color--indigo-50 { background-color: #e8eaf6 !important; } .mdl-color-text--indigo-100 { color: #c5cae9 !important; } .mdl-color--indigo-100 { background-color: #c5cae9 !important; } .mdl-color-text--indigo-200 { color: #9fa8da !important; } .mdl-color--indigo-200 { background-color: #9fa8da !important; } .mdl-color-text--indigo-300 { color: #7986cb !important; } .mdl-color--indigo-300 { background-color: #7986cb !important; } .mdl-color-text--indigo-400 { color: #5c6bc0 !important; } .mdl-color--indigo-400 { background-color: #5c6bc0 !important; } .mdl-color-text--indigo-500 { color: #3f51b5 !important; } .mdl-color--indigo-500 { background-color: #3f51b5 !important; } .mdl-color-text--indigo-600 { color: #3949ab !important; } .mdl-color--indigo-600 { background-color: #3949ab !important; } .mdl-color-text--indigo-700 { color: #303f9f !important; } .mdl-color--indigo-700 { background-color: #303f9f !important; } .mdl-color-text--indigo-800 { color: #283593 !important; } .mdl-color--indigo-800 { background-color: #283593 !important; } .mdl-color-text--indigo-900 { color: #1a237e !important; } .mdl-color--indigo-900 { background-color: #1a237e !important; } .mdl-color-text--indigo-A100 { color: #8c9eff !important; } .mdl-color--indigo-A100 { background-color: #8c9eff !important; } .mdl-color-text--indigo-A200 { color: #536dfe !important; } .mdl-color--indigo-A200 { background-color: #536dfe !important; } .mdl-color-text--indigo-A400 { color: #3d5afe !important; } .mdl-color--indigo-A400 { background-color: #3d5afe !important; } .mdl-color-text--indigo-A700 { color: #304ffe !important; } .mdl-color--indigo-A700 { background-color: #304ffe !important; } .mdl-color-text--blue { color: #2196f3 !important; } .mdl-color--blue { background-color: #2196f3 !important; } .mdl-color-text--blue-50 { color: #e3f2fd !important; } .mdl-color--blue-50 { background-color: #e3f2fd !important; } .mdl-color-text--blue-100 { color: #bbdefb !important; } .mdl-color--blue-100 { background-color: #bbdefb !important; } .mdl-color-text--blue-200 { color: #90caf9 !important; } .mdl-color--blue-200 { background-color: #90caf9 !important; } .mdl-color-text--blue-300 { color: #64b5f6 !important; } .mdl-color--blue-300 { background-color: #64b5f6 !important; } .mdl-color-text--blue-400 { color: #42a5f5 !important; } .mdl-color--blue-400 { background-color: #42a5f5 !important; } .mdl-color-text--blue-500 { color: #2196f3 !important; } .mdl-color--blue-500 { background-color: #2196f3 !important; } .mdl-color-text--blue-600 { color: #1e88e5 !important; } .mdl-color--blue-600 { background-color: #1e88e5 !important; } .mdl-color-text--blue-700 { color: #1976d2 !important; } .mdl-color--blue-700 { background-color: #1976d2 !important; } .mdl-color-text--blue-800 { color: #1565c0 !important; } .mdl-color--blue-800 { background-color: #1565c0 !important; } .mdl-color-text--blue-900 { color: #0d47a1 !important; } .mdl-color--blue-900 { background-color: #0d47a1 !important; } .mdl-color-text--blue-A100 { color: #82b1ff !important; } .mdl-color--blue-A100 { background-color: #82b1ff !important; } .mdl-color-text--blue-A200 { color: #448aff !important; } .mdl-color--blue-A200 { background-color: #448aff !important; } .mdl-color-text--blue-A400 { color: #2979ff !important; } .mdl-color--blue-A400 { background-color: #2979ff !important; } .mdl-color-text--blue-A700 { color: #2962ff !important; } .mdl-color--blue-A700 { background-color: #2962ff !important; } .mdl-color-text--light-blue { color: #03a9f4 !important; } .mdl-color--light-blue { background-color: #03a9f4 !important; } .mdl-color-text--light-blue-50 { color: #e1f5fe !important; } .mdl-color--light-blue-50 { background-color: #e1f5fe !important; } .mdl-color-text--light-blue-100 { color: #b3e5fc !important; } .mdl-color--light-blue-100 { background-color: #b3e5fc !important; } .mdl-color-text--light-blue-200 { color: #81d4fa !important; } .mdl-color--light-blue-200 { background-color: #81d4fa !important; } .mdl-color-text--light-blue-300 { color: #4fc3f7 !important; } .mdl-color--light-blue-300 { background-color: #4fc3f7 !important; } .mdl-color-text--light-blue-400 { color: #29b6f6 !important; } .mdl-color--light-blue-400 { background-color: #29b6f6 !important; } .mdl-color-text--light-blue-500 { color: #03a9f4 !important; } .mdl-color--light-blue-500 { background-color: #03a9f4 !important; } .mdl-color-text--light-blue-600 { color: #039be5 !important; } .mdl-color--light-blue-600 { background-color: #039be5 !important; } .mdl-color-text--light-blue-700 { color: #0288d1 !important; } .mdl-color--light-blue-700 { background-color: #0288d1 !important; } .mdl-color-text--light-blue-800 { color: #0277bd !important; } .mdl-color--light-blue-800 { background-color: #0277bd !important; } .mdl-color-text--light-blue-900 { color: #01579b !important; } .mdl-color--light-blue-900 { background-color: #01579b !important; } .mdl-color-text--light-blue-A100 { color: #80d8ff !important; } .mdl-color--light-blue-A100 { background-color: #80d8ff !important; } .mdl-color-text--light-blue-A200 { color: #40c4ff !important; } .mdl-color--light-blue-A200 { background-color: #40c4ff !important; } .mdl-color-text--light-blue-A400 { color: #00b0ff !important; } .mdl-color--light-blue-A400 { background-color: #00b0ff !important; } .mdl-color-text--light-blue-A700 { color: #0091ea !important; } .mdl-color--light-blue-A700 { background-color: #0091ea !important; } .mdl-color-text--cyan { color: #00bcd4 !important; } .mdl-color--cyan { background-color: #00bcd4 !important; } .mdl-color-text--cyan-50 { color: #e0f7fa !important; } .mdl-color--cyan-50 { background-color: #e0f7fa !important; } .mdl-color-text--cyan-100 { color: #b2ebf2 !important; } .mdl-color--cyan-100 { background-color: #b2ebf2 !important; } .mdl-color-text--cyan-200 { color: #80deea !important; } .mdl-color--cyan-200 { background-color: #80deea !important; } .mdl-color-text--cyan-300 { color: #4dd0e1 !important; } .mdl-color--cyan-300 { background-color: #4dd0e1 !important; } .mdl-color-text--cyan-400 { color: #26c6da !important; } .mdl-color--cyan-400 { background-color: #26c6da !important; } .mdl-color-text--cyan-500 { color: #00bcd4 !important; } .mdl-color--cyan-500 { background-color: #00bcd4 !important; } .mdl-color-text--cyan-600 { color: #00acc1 !important; } .mdl-color--cyan-600 { background-color: #00acc1 !important; } .mdl-color-text--cyan-700 { color: #0097a7 !important; } .mdl-color--cyan-700 { background-color: #0097a7 !important; } .mdl-color-text--cyan-800 { color: #00838f !important; } .mdl-color--cyan-800 { background-color: #00838f !important; } .mdl-color-text--cyan-900 { color: #006064 !important; } .mdl-color--cyan-900 { background-color: #006064 !important; } .mdl-color-text--cyan-A100 { color: #84ffff !important; } .mdl-color--cyan-A100 { background-color: #84ffff !important; } .mdl-color-text--cyan-A200 { color: #18ffff !important; } .mdl-color--cyan-A200 { background-color: #18ffff !important; } .mdl-color-text--cyan-A400 { color: #00e5ff !important; } .mdl-color--cyan-A400 { background-color: #00e5ff !important; } .mdl-color-text--cyan-A700 { color: #00b8d4 !important; } .mdl-color--cyan-A700 { background-color: #00b8d4 !important; } .mdl-color-text--teal { color: #009688 !important; } .mdl-color--teal { background-color: #009688 !important; } .mdl-color-text--teal-50 { color: #e0f2f1 !important; } .mdl-color--teal-50 { background-color: #e0f2f1 !important; } .mdl-color-text--teal-100 { color: #b2dfdb !important; } .mdl-color--teal-100 { background-color: #b2dfdb !important; } .mdl-color-text--teal-200 { color: #80cbc4 !important; } .mdl-color--teal-200 { background-color: #80cbc4 !important; } .mdl-color-text--teal-300 { color: #4db6ac !important; } .mdl-color--teal-300 { background-color: #4db6ac !important; } .mdl-color-text--teal-400 { color: #26a69a !important; } .mdl-color--teal-400 { background-color: #26a69a !important; } .mdl-color-text--teal-500 { color: #009688 !important; } .mdl-color--teal-500 { background-color: #009688 !important; } .mdl-color-text--teal-600 { color: #00897b !important; } .mdl-color--teal-600 { background-color: #00897b !important; } .mdl-color-text--teal-700 { color: #00796b !important; } .mdl-color--teal-700 { background-color: #00796b !important; } .mdl-color-text--teal-800 { color: #00695c !important; } .mdl-color--teal-800 { background-color: #00695c !important; } .mdl-color-text--teal-900 { color: #004d40 !important; } .mdl-color--teal-900 { background-color: #004d40 !important; } .mdl-color-text--teal-A100 { color: #a7ffeb !important; } .mdl-color--teal-A100 { background-color: #a7ffeb !important; } .mdl-color-text--teal-A200 { color: #64ffda !important; } .mdl-color--teal-A200 { background-color: #64ffda !important; } .mdl-color-text--teal-A400 { color: #1de9b6 !important; } .mdl-color--teal-A400 { background-color: #1de9b6 !important; } .mdl-color-text--teal-A700 { color: #00bfa5 !important; } .mdl-color--teal-A700 { background-color: #00bfa5 !important; } .mdl-color-text--green { color: #4caf50 !important; } .mdl-color--green { background-color: #4caf50 !important; } .mdl-color-text--green-50 { color: #e8f5e9 !important; } .mdl-color--green-50 { background-color: #e8f5e9 !important; } .mdl-color-text--green-100 { color: #c8e6c9 !important; } .mdl-color--green-100 { background-color: #c8e6c9 !important; } .mdl-color-text--green-200 { color: #a5d6a7 !important; } .mdl-color--green-200 { background-color: #a5d6a7 !important; } .mdl-color-text--green-300 { color: #81c784 !important; } .mdl-color--green-300 { background-color: #81c784 !important; } .mdl-color-text--green-400 { color: #66bb6a !important; } .mdl-color--green-400 { background-color: #66bb6a !important; } .mdl-color-text--green-500 { color: #4caf50 !important; } .mdl-color--green-500 { background-color: #4caf50 !important; } .mdl-color-text--green-600 { color: #43a047 !important; } .mdl-color--green-600 { background-color: #43a047 !important; } .mdl-color-text--green-700 { color: #388e3c !important; } .mdl-color--green-700 { background-color: #388e3c !important; } .mdl-color-text--green-800 { color: #2e7d32 !important; } .mdl-color--green-800 { background-color: #2e7d32 !important; } .mdl-color-text--green-900 { color: #1b5e20 !important; } .mdl-color--green-900 { background-color: #1b5e20 !important; } .mdl-color-text--green-A100 { color: #b9f6ca !important; } .mdl-color--green-A100 { background-color: #b9f6ca !important; } .mdl-color-text--green-A200 { color: #69f0ae !important; } .mdl-color--green-A200 { background-color: #69f0ae !important; } .mdl-color-text--green-A400 { color: #00e676 !important; } .mdl-color--green-A400 { background-color: #00e676 !important; } .mdl-color-text--green-A700 { color: #00c853 !important; } .mdl-color--green-A700 { background-color: #00c853 !important; } .mdl-color-text--light-green { color: #8bc34a !important; } .mdl-color--light-green { background-color: #8bc34a !important; } .mdl-color-text--light-green-50 { color: #f1f8e9 !important; } .mdl-color--light-green-50 { background-color: #f1f8e9 !important; } .mdl-color-text--light-green-100 { color: #dcedc8 !important; } .mdl-color--light-green-100 { background-color: #dcedc8 !important; } .mdl-color-text--light-green-200 { color: #c5e1a5 !important; } .mdl-color--light-green-200 { background-color: #c5e1a5 !important; } .mdl-color-text--light-green-300 { color: #aed581 !important; } .mdl-color--light-green-300 { background-color: #aed581 !important; } .mdl-color-text--light-green-400 { color: #9ccc65 !important; } .mdl-color--light-green-400 { background-color: #9ccc65 !important; } .mdl-color-text--light-green-500 { color: #8bc34a !important; } .mdl-color--light-green-500 { background-color: #8bc34a !important; } .mdl-color-text--light-green-600 { color: #7cb342 !important; } .mdl-color--light-green-600 { background-color: #7cb342 !important; } .mdl-color-text--light-green-700 { color: #689f38 !important; } .mdl-color--light-green-700 { background-color: #689f38 !important; } .mdl-color-text--light-green-800 { color: #558b2f !important; } .mdl-color--light-green-800 { background-color: #558b2f !important; } .mdl-color-text--light-green-900 { color: #33691e !important; } .mdl-color--light-green-900 { background-color: #33691e !important; } .mdl-color-text--light-green-A100 { color: #ccff90 !important; } .mdl-color--light-green-A100 { background-color: #ccff90 !important; } .mdl-color-text--light-green-A200 { color: #b2ff59 !important; } .mdl-color--light-green-A200 { background-color: #b2ff59 !important; } .mdl-color-text--light-green-A400 { color: #76ff03 !important; } .mdl-color--light-green-A400 { background-color: #76ff03 !important; } .mdl-color-text--light-green-A700 { color: #64dd17 !important; } .mdl-color--light-green-A700 { background-color: #64dd17 !important; } .mdl-color-text--lime { color: #cddc39 !important; } .mdl-color--lime { background-color: #cddc39 !important; } .mdl-color-text--lime-50 { color: #f9fbe7 !important; } .mdl-color--lime-50 { background-color: #f9fbe7 !important; } .mdl-color-text--lime-100 { color: #f0f4c3 !important; } .mdl-color--lime-100 { background-color: #f0f4c3 !important; } .mdl-color-text--lime-200 { color: #e6ee9c !important; } .mdl-color--lime-200 { background-color: #e6ee9c !important; } .mdl-color-text--lime-300 { color: #dce775 !important; } .mdl-color--lime-300 { background-color: #dce775 !important; } .mdl-color-text--lime-400 { color: #d4e157 !important; } .mdl-color--lime-400 { background-color: #d4e157 !important; } .mdl-color-text--lime-500 { color: #cddc39 !important; } .mdl-color--lime-500 { background-color: #cddc39 !important; } .mdl-color-text--lime-600 { color: #c0ca33 !important; } .mdl-color--lime-600 { background-color: #c0ca33 !important; } .mdl-color-text--lime-700 { color: #afb42b !important; } .mdl-color--lime-700 { background-color: #afb42b !important; } .mdl-color-text--lime-800 { color: #9e9d24 !important; } .mdl-color--lime-800 { background-color: #9e9d24 !important; } .mdl-color-text--lime-900 { color: #827717 !important; } .mdl-color--lime-900 { background-color: #827717 !important; } .mdl-color-text--lime-A100 { color: #f4ff81 !important; } .mdl-color--lime-A100 { background-color: #f4ff81 !important; } .mdl-color-text--lime-A200 { color: #eeff41 !important; } .mdl-color--lime-A200 { background-color: #eeff41 !important; } .mdl-color-text--lime-A400 { color: #c6ff00 !important; } .mdl-color--lime-A400 { background-color: #c6ff00 !important; } .mdl-color-text--lime-A700 { color: #aeea00 !important; } .mdl-color--lime-A700 { background-color: #aeea00 !important; } .mdl-color-text--yellow { color: #ffeb3b !important; } .mdl-color--yellow { background-color: #ffeb3b !important; } .mdl-color-text--yellow-50 { color: #fffde7 !important; } .mdl-color--yellow-50 { background-color: #fffde7 !important; } .mdl-color-text--yellow-100 { color: #fff9c4 !important; } .mdl-color--yellow-100 { background-color: #fff9c4 !important; } .mdl-color-text--yellow-200 { color: #fff59d !important; } .mdl-color--yellow-200 { background-color: #fff59d !important; } .mdl-color-text--yellow-300 { color: #fff176 !important; } .mdl-color--yellow-300 { background-color: #fff176 !important; } .mdl-color-text--yellow-400 { color: #ffee58 !important; } .mdl-color--yellow-400 { background-color: #ffee58 !important; } .mdl-color-text--yellow-500 { color: #ffeb3b !important; } .mdl-color--yellow-500 { background-color: #ffeb3b !important; } .mdl-color-text--yellow-600 { color: #fdd835 !important; } .mdl-color--yellow-600 { background-color: #fdd835 !important; } .mdl-color-text--yellow-700 { color: #fbc02d !important; } .mdl-color--yellow-700 { background-color: #fbc02d !important; } .mdl-color-text--yellow-800 { color: #f9a825 !important; } .mdl-color--yellow-800 { background-color: #f9a825 !important; } .mdl-color-text--yellow-900 { color: #f57f17 !important; } .mdl-color--yellow-900 { background-color: #f57f17 !important; } .mdl-color-text--yellow-A100 { color: #ffff8d !important; } .mdl-color--yellow-A100 { background-color: #ffff8d !important; } .mdl-color-text--yellow-A200 { color: #ff0 !important; } .mdl-color--yellow-A200 { background-color: #ff0 !important; } .mdl-color-text--yellow-A400 { color: #ffea00 !important; } .mdl-color--yellow-A400 { background-color: #ffea00 !important; } .mdl-color-text--yellow-A700 { color: #ffd600 !important; } .mdl-color--yellow-A700 { background-color: #ffd600 !important; } .mdl-color-text--amber { color: #ffc107 !important; } .mdl-color--amber { background-color: #ffc107 !important; } .mdl-color-text--amber-50 { color: #fff8e1 !important; } .mdl-color--amber-50 { background-color: #fff8e1 !important; } .mdl-color-text--amber-100 { color: #ffecb3 !important; } .mdl-color--amber-100 { background-color: #ffecb3 !important; } .mdl-color-text--amber-200 { color: #ffe082 !important; } .mdl-color--amber-200 { background-color: #ffe082 !important; } .mdl-color-text--amber-300 { color: #ffd54f !important; } .mdl-color--amber-300 { background-color: #ffd54f !important; } .mdl-color-text--amber-400 { color: #ffca28 !important; } .mdl-color--amber-400 { background-color: #ffca28 !important; } .mdl-color-text--amber-500 { color: #ffc107 !important; } .mdl-color--amber-500 { background-color: #ffc107 !important; } .mdl-color-text--amber-600 { color: #ffb300 !important; } .mdl-color--amber-600 { background-color: #ffb300 !important; } .mdl-color-text--amber-700 { color: #ffa000 !important; } .mdl-color--amber-700 { background-color: #ffa000 !important; } .mdl-color-text--amber-800 { color: #ff8f00 !important; } .mdl-color--amber-800 { background-color: #ff8f00 !important; } .mdl-color-text--amber-900 { color: #ff6f00 !important; } .mdl-color--amber-900 { background-color: #ff6f00 !important; } .mdl-color-text--amber-A100 { color: #ffe57f !important; } .mdl-color--amber-A100 { background-color: #ffe57f !important; } .mdl-color-text--amber-A200 { color: #ffd740 !important; } .mdl-color--amber-A200 { background-color: #ffd740 !important; } .mdl-color-text--amber-A400 { color: #ffc400 !important; } .mdl-color--amber-A400 { background-color: #ffc400 !important; } .mdl-color-text--amber-A700 { color: #ffab00 !important; } .mdl-color--amber-A700 { background-color: #ffab00 !important; } .mdl-color-text--orange { color: #ff9800 !important; } .mdl-color--orange { background-color: #ff9800 !important; } .mdl-color-text--orange-50 { color: #fff3e0 !important; } .mdl-color--orange-50 { background-color: #fff3e0 !important; } .mdl-color-text--orange-100 { color: #ffe0b2 !important; } .mdl-color--orange-100 { background-color: #ffe0b2 !important; } .mdl-color-text--orange-200 { color: #ffcc80 !important; } .mdl-color--orange-200 { background-color: #ffcc80 !important; } .mdl-color-text--orange-300 { color: #ffb74d !important; } .mdl-color--orange-300 { background-color: #ffb74d !important; } .mdl-color-text--orange-400 { color: #ffa726 !important; } .mdl-color--orange-400 { background-color: #ffa726 !important; } .mdl-color-text--orange-500 { color: #ff9800 !important; } .mdl-color--orange-500 { background-color: #ff9800 !important; } .mdl-color-text--orange-600 { color: #fb8c00 !important; } .mdl-color--orange-600 { background-color: #fb8c00 !important; } .mdl-color-text--orange-700 { color: #f57c00 !important; } .mdl-color--orange-700 { background-color: #f57c00 !important; } .mdl-color-text--orange-800 { color: #ef6c00 !important; } .mdl-color--orange-800 { background-color: #ef6c00 !important; } .mdl-color-text--orange-900 { color: #e65100 !important; } .mdl-color--orange-900 { background-color: #e65100 !important; } .mdl-color-text--orange-A100 { color: #ffd180 !important; } .mdl-color--orange-A100 { background-color: #ffd180 !important; } .mdl-color-text--orange-A200 { color: #ffab40 !important; } .mdl-color--orange-A200 { background-color: #ffab40 !important; } .mdl-color-text--orange-A400 { color: #ff9100 !important; } .mdl-color--orange-A400 { background-color: #ff9100 !important; } .mdl-color-text--orange-A700 { color: #ff6d00 !important; } .mdl-color--orange-A700 { background-color: #ff6d00 !important; } .mdl-color-text--deep-orange { color: #ff5722 !important; } .mdl-color--deep-orange { background-color: #ff5722 !important; } .mdl-color-text--deep-orange-50 { color: #fbe9e7 !important; } .mdl-color--deep-orange-50 { background-color: #fbe9e7 !important; } .mdl-color-text--deep-orange-100 { color: #ffccbc !important; } .mdl-color--deep-orange-100 { background-color: #ffccbc !important; } .mdl-color-text--deep-orange-200 { color: #ffab91 !important; } .mdl-color--deep-orange-200 { background-color: #ffab91 !important; } .mdl-color-text--deep-orange-300 { color: #ff8a65 !important; } .mdl-color--deep-orange-300 { background-color: #ff8a65 !important; } .mdl-color-text--deep-orange-400 { color: #ff7043 !important; } .mdl-color--deep-orange-400 { background-color: #ff7043 !important; } .mdl-color-text--deep-orange-500 { color: #ff5722 !important; } .mdl-color--deep-orange-500 { background-color: #ff5722 !important; } .mdl-color-text--deep-orange-600 { color: #f4511e !important; } .mdl-color--deep-orange-600 { background-color: #f4511e !important; } .mdl-color-text--deep-orange-700 { color: #e64a19 !important; } .mdl-color--deep-orange-700 { background-color: #e64a19 !important; } .mdl-color-text--deep-orange-800 { color: #d84315 !important; } .mdl-color--deep-orange-800 { background-color: #d84315 !important; } .mdl-color-text--deep-orange-900 { color: #bf360c !important; } .mdl-color--deep-orange-900 { background-color: #bf360c !important; } .mdl-color-text--deep-orange-A100 { color: #ff9e80 !important; } .mdl-color--deep-orange-A100 { background-color: #ff9e80 !important; } .mdl-color-text--deep-orange-A200 { color: #ff6e40 !important; } .mdl-color--deep-orange-A200 { background-color: #ff6e40 !important; } .mdl-color-text--deep-orange-A400 { color: #ff3d00 !important; } .mdl-color--deep-orange-A400 { background-color: #ff3d00 !important; } .mdl-color-text--deep-orange-A700 { color: #dd2c00 !important; } .mdl-color--deep-orange-A700 { background-color: #dd2c00 !important; } .mdl-color-text--brown { color: #795548 !important; } .mdl-color--brown { background-color: #795548 !important; } .mdl-color-text--brown-50 { color: #efebe9 !important; } .mdl-color--brown-50 { background-color: #efebe9 !important; } .mdl-color-text--brown-100 { color: #d7ccc8 !important; } .mdl-color--brown-100 { background-color: #d7ccc8 !important; } .mdl-color-text--brown-200 { color: #bcaaa4 !important; } .mdl-color--brown-200 { background-color: #bcaaa4 !important; } .mdl-color-text--brown-300 { color: #a1887f !important; } .mdl-color--brown-300 { background-color: #a1887f !important; } .mdl-color-text--brown-400 { color: #8d6e63 !important; } .mdl-color--brown-400 { background-color: #8d6e63 !important; } .mdl-color-text--brown-500 { color: #795548 !important; } .mdl-color--brown-500 { background-color: #795548 !important; } .mdl-color-text--brown-600 { color: #6d4c41 !important; } .mdl-color--brown-600 { background-color: #6d4c41 !important; } .mdl-color-text--brown-700 { color: #5d4037 !important; } .mdl-color--brown-700 { background-color: #5d4037 !important; } .mdl-color-text--brown-800 { color: #4e342e !important; } .mdl-color--brown-800 { background-color: #4e342e !important; } .mdl-color-text--brown-900 { color: #3e2723 !important; } .mdl-color--brown-900 { background-color: #3e2723 !important; } .mdl-color-text--grey { color: #9e9e9e !important; } .mdl-color--grey { background-color: #9e9e9e !important; } .mdl-color-text--grey-50 { color: #fafafa !important; } .mdl-color--grey-50 { background-color: #fafafa !important; } .mdl-color-text--grey-100 { color: #f5f5f5 !important; } .mdl-color--grey-100 { background-color: #f5f5f5 !important; } .mdl-color-text--grey-200 { color: #eee !important; } .mdl-color--grey-200 { background-color: #eee !important; } .mdl-color-text--grey-300 { color: #e0e0e0 !important; } .mdl-color--grey-300 { background-color: #e0e0e0 !important; } .mdl-color-text--grey-400 { color: #bdbdbd !important; } .mdl-color--grey-400 { background-color: #bdbdbd !important; } .mdl-color-text--grey-500 { color: #9e9e9e !important; } .mdl-color--grey-500 { background-color: #9e9e9e !important; } .mdl-color-text--grey-600 { color: #757575 !important; } .mdl-color--grey-600 { background-color: #757575 !important; } .mdl-color-text--grey-700 { color: #616161 !important; } .mdl-color--grey-700 { background-color: #616161 !important; } .mdl-color-text--grey-800 { color: #424242 !important; } .mdl-color--grey-800 { background-color: #424242 !important; } .mdl-color-text--grey-900 { color: #212121 !important; } .mdl-color--grey-900 { background-color: #212121 !important; } .mdl-color-text--blue-grey { color: #607d8b !important; } .mdl-color--blue-grey { background-color: #607d8b !important; } .mdl-color-text--blue-grey-50 { color: #eceff1 !important; } .mdl-color--blue-grey-50 { background-color: #eceff1 !important; } .mdl-color-text--blue-grey-100 { color: #cfd8dc !important; } .mdl-color--blue-grey-100 { background-color: #cfd8dc !important; } .mdl-color-text--blue-grey-200 { color: #b0bec5 !important; } .mdl-color--blue-grey-200 { background-color: #b0bec5 !important; } .mdl-color-text--blue-grey-300 { color: #90a4ae !important; } .mdl-color--blue-grey-300 { background-color: #90a4ae !important; } .mdl-color-text--blue-grey-400 { color: #78909c !important; } .mdl-color--blue-grey-400 { background-color: #78909c !important; } .mdl-color-text--blue-grey-500 { color: #607d8b !important; } .mdl-color--blue-grey-500 { background-color: #607d8b !important; } .mdl-color-text--blue-grey-600 { color: #546e7a !important; } .mdl-color--blue-grey-600 { background-color: #546e7a !important; } .mdl-color-text--blue-grey-700 { color: #455a64 !important; } .mdl-color--blue-grey-700 { background-color: #455a64 !important; } .mdl-color-text--blue-grey-800 { color: #37474f !important; } .mdl-color--blue-grey-800 { background-color: #37474f !important; } .mdl-color-text--blue-grey-900 { color: #263238 !important; } .mdl-color--blue-grey-900 { background-color: #263238 !important; } .mdl-color--black { background-color: #000 !important; } .mdl-color-text--black { color: #000 !important; } .mdl-color--white { background-color: #fff !important; } .mdl-color-text--white { color: #fff !important; } .mdl-color--primary { background-color: #607d8b !important; } .mdl-color--primary-contrast { background-color: white !important; } .mdl-color--primary-dark { background-color: #455a64 !important; } .mdl-color--accent { background-color: #ffab40 !important; } .mdl-color--accent-contrast { background-color: #424242 !important; } .mdl-color-text--primary { color: #607d8b !important; } .mdl-color-text--primary-contrast { color: white !important; } .mdl-color-text--primary-dark { color: #455a64 !important; } .mdl-color-text--accent { color: #ffab40 !important; } .mdl-color-text--accent-contrast { color: #424242 !important; } .mdl-ripple { background: #000; border-radius: 50%; height: 50px; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; overflow: hidden; } .mdl-ripple.is-animating { transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1); } .mdl-ripple.is-visible { opacity: .3; } .mdl-animation--default, .mdl-animation--fast-out-slow-in { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .mdl-animation--linear-out-slow-in { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .mdl-animation--fast-out-linear-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .mdl-badge { position: relative; white-space: nowrap; margin-right: 24px; } .mdl-badge:not([data-badge]) { margin-right: auto; } .mdl-badge[data-badge]:after { content: attr(data-badge); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: -11px; right: -24px; font-family: "Roboto","Helvetica","Arial",sans-serif; font-weight: 600; font-size: 12px; width: 22px; height: 22px; border-radius: 50%; background: #ffab40; color: #424242; } .mdl-button .mdl-badge[data-badge]:after { top: -10px; right: -5px; } .mdl-badge.mdl-badge--no-background[data-badge]:after { color: #ffab40; background: rgba(66, 66, 66, 0.2); box-shadow: 0 0 1px gray; } .mdl-badge.mdl-badge--overlap { margin-right: 10px; } .mdl-badge.mdl-badge--overlap:after { right: -10px; } .mdl-button { background: 0 0; border: none; border-radius: 2px; color: #000; position: relative; height: 36px; margin: 0; min-width: 64px; padding: 0 16px; display: inline-block; font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 0; overflow: hidden; will-change: box-shadow; transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); outline: none; cursor: pointer; text-decoration: none; text-align: center; line-height: 36px; vertical-align: middle; } .mdl-button::-moz-focus-inner { border: 0; } .mdl-button:hover { background-color: rgba(158, 158, 158, 0.2); } .mdl-button:focus:not(:active) { background-color: rgba(0, 0, 0, 0.12); } .mdl-button:active { background-color: rgba(158, 158, 158, 0.4); } .mdl-button.mdl-button--colored { color: #607d8b; } .mdl-button.mdl-button--colored:focus:not(:active) { background-color: rgba(0, 0, 0, 0.12); } input.mdl-button[type="submit"] { -webkit-appearance: none; } .mdl-button--raised { background: rgba(158, 158, 158, 0.2); 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.4); } .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.4); } .mdl-button--raised.mdl-button--colored { background: #607d8b; color: white; } .mdl-button--raised.mdl-button--colored:hover { background-color: #607d8b; } .mdl-button--raised.mdl-button--colored:active { background-color: #607d8b; } .mdl-button--raised.mdl-button--colored:focus:not(:active) { background-color: #607d8b; } .mdl-button--raised.mdl-button--colored .mdl-ripple { background: white; } .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.2); box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); position: relative; line-height: normal; } .mdl-button--fab .material-icons { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-12px, -12px); transform: translate(-12px, -12px); line-height: 24px; width: 24px; } .mdl-button--fab.mdl-button--mini-fab { height: 40px; min-width: 40px; width: 40px; } .mdl-button--fab .mdl-button__ripple-container { border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000); } .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.4); } .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.4); } .mdl-button--fab.mdl-button--colored { background: #ffab40; color: #424242; } .mdl-button--fab.mdl-button--colored:hover { background-color: #ffab40; } .mdl-button--fab.mdl-button--colored:focus:not(:active) { background-color: #ffab40; } .mdl-button--fab.mdl-button--colored:active { background-color: #ffab40; } .mdl-button--fab.mdl-button--colored .mdl-ripple { background: #424242; } .mdl-button--icon { border-radius: 50%; font-size: 24px; height: 32px; margin-left: 0; margin-right: 0; min-width: 32px; width: 32px; padding: 0; overflow: hidden; color: inherit; line-height: normal; } .mdl-button--icon .material-icons { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-12px, -12px); transform: translate(-12px, -12px); line-height: 24px; width: 24px; } .mdl-button--icon.mdl-button--mini-icon { height: 24px; min-width: 24px; width: 24px; } .mdl-button--icon.mdl-button--mini-icon .material-icons { top: 0; left: 0; } .mdl-button--icon .mdl-button__ripple-container { border-radius: 50%; -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000); } .mdl-button__ripple-container { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; overflow: hidden; } .mdl-button[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: #607d8b; } .mdl-button--primary.mdl-button--primary .mdl-ripple { background: white; } .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab { color: white; background-color: #607d8b; } .mdl-button--accent.mdl-button--accent { color: #ffab40; } .mdl-button--accent.mdl-button--accent .mdl-ripple { background: #424242; } .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab { color: #424242; background-color: #ffab40; } .mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled { color: rgba(0, 0, 0, 0.26); cursor: default; background-color: transparent; } .mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); box-shadow: none; } .mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled { color: rgba(0, 0, 0, 0.26); } .mdl-button .material-icons { vertical-align: middle; } .mdl-card { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 16px; font-weight: 400; min-height: 200px; overflow: hidden; width: 330px; z-index: 1; position: relative; background: #fff; border-radius: 2px; box-sizing: border-box; } .mdl-card__media { background-color: #ffab40; background-repeat: repeat; background-position: 50% 50%; background-size: cover; background-origin: padding-box; background-attachment: scroll; box-sizing: border-box; } .mdl-card__title { -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #000; display: block; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: stretch; -ms-flex-pack: stretch; justify-content: stretch; line-height: normal; padding: 16px; -webkit-perspective-origin: 165px 56px; perspective-origin: 165px 56px; -webkit-transform-origin: 165px 56px; transform-origin: 165px 56px; box-sizing: border-box; } .mdl-card__title.mdl-card--border { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .mdl-card__title-text { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; color: inherit; display: block; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 24px; font-weight: 300; line-height: normal; overflow: hidden; -webkit-transform-origin: 149px 48px; transform-origin: 149px 48px; margin: 0; } .mdl-card__subtitle-text { font-size: 14px; color: rgba(0, 0, 0, 0.54); margin: 0; } .mdl-card__supporting-text { color: rgba(0, 0, 0, 0.54); font-size: 1rem; line-height: 18px; overflow: hidden; padding: 16px; width: 90%; } .mdl-card__supporting-text.mdl-card--border { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .mdl-card__actions { font-size: 16px; line-height: normal; width: 100%; background-color: transparent; padding: 8px; box-sizing: border-box; } .mdl-card__actions.mdl-card--border { border-top: 1px solid rgba(0, 0, 0, 0.1); } .mdl-card--expand { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .mdl-card__menu { position: absolute; right: 16px; top: 16px; } .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 #607d8b; } fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox.is-disabled .mdl-checkbox__box-outline { border: 2px solid rgba(0, 0, 0, 0.26); cursor: auto; } .mdl-checkbox__focus-helper { position: absolute; top: 3px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; border-radius: 50%; background-color: transparent; } .mdl-checkbox.is-focused .mdl-checkbox__focus-helper { box-shadow: 0 0 0 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 0 8px rgba(96, 125, 139, 0.26); background-color: rgba(96, 125, 139, 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: 0 0; transition-duration: .28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: background; } .mdl-checkbox.is-checked .mdl-checkbox__tick-outline { background: #607d8b url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); } fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline { background: rgba(0, 0, 0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K"); } .mdl-checkbox__label { position: relative; cursor: pointer; font-size: 16px; line-height: 24px; margin: 0; } fieldset[disabled] .mdl-checkbox .mdl-checkbox__label, .mdl-checkbox.is-disabled .mdl-checkbox__label { color: rgba(0, 0, 0, 0.26); cursor: auto; } .mdl-checkbox__ripple-container { position: absolute; z-index: 2; top: -6px; left: -10px; box-sizing: border-box; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000); } .mdl-checkbox__ripple-container .mdl-ripple { background: #607d8b; } fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container, .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container { cursor: auto; } fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple, .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple { background: 0 0; } .mdl-chip { height: 32px; font-family: "Roboto","Helvetica","Arial",sans-serif; line-height: 32px; padding: 0 12px; border: 0; border-radius: 16px; background-color: #dedede; display: inline-block; color: rgba(0, 0, 0, 0.87); margin: 2px 0; font-size: 0; white-space: nowrap; } .mdl-chip__text { font-size: 13px; vertical-align: middle; display: inline-block; } .mdl-chip__action { height: 24px; width: 24px; background: 0 0; opacity: .54; cursor: pointer; padding: 0; margin: 0 0 0 4px; font-size: 13px; text-decoration: none; color: rgba(0, 0, 0, 0.87); border: none; outline: none; } .mdl-chip__action, .mdl-chip__contact { display: inline-block; vertical-align: middle; overflow: hidden; text-align: center; } .mdl-chip__contact { height: 32px; width: 32px; border-radius: 16px; margin-right: 8px; font-size: 18px; line-height: 32px; } .mdl-chip:focus { outline: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .mdl-chip:active { background-color: #d6d6d6; } .mdl-chip--deletable { padding-right: 4px; } .mdl-chip--contact { padding-left: 0; } .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: #fff; } .mdl-data-table thead { padding-bottom: 3px; } .mdl-data-table thead .mdl-data-table__select { margin-top: 0; } .mdl-data-table tbody tr { position: relative; height: 48px; transition-duration: .28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: background-color; } .mdl-data-table tbody tr.is-selected { background-color: #e0e0e0; } .mdl-data-table tbody tr:hover { background-color: #eee; } .mdl-data-table td { text-align: right; } .mdl-data-table th { padding: 0 18px 12px 18px; text-align: right; } .mdl-data-table td:first-of-type, .mdl-data-table th:first-of-type { padding-left: 24px; } .mdl-data-table td:last-of-type, .mdl-data-table th:last-of-type { padding-right: 24px; } .mdl-data-table td { position: relative; height: 48px; border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding: 12px 18px; box-sizing: border-box; } .mdl-data-table td, .mdl-data-table td .mdl-data-table__select { vertical-align: middle; } .mdl-data-table th { position: relative; vertical-align: bottom; text-overflow: ellipsis; font-weight: 700; line-height: 24px; letter-spacing: 0; height: 48px; font-size: 12px; color: rgba(0, 0, 0, 0.54); padding-bottom: 8px; box-sizing: border-box; } .mdl-data-table th.mdl-data-table__header--sorted-ascending, .mdl-data-table th.mdl-data-table__header--sorted-descending { color: rgba(0, 0, 0, 0.87); } .mdl-data-table th.mdl-data-table__header--sorted-ascending:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:before { font-family: 'Material Icons'; font-weight: 400; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; -moz-font-feature-settings: 'liga'; font-feature-settings: 'liga'; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; font-size: 16px; content: "\E5D8"; margin-right: 5px; vertical-align: sub; } .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover { cursor: pointer; } .mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before, .mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before { color: rgba(0, 0, 0, 0.26); } .mdl-data-table th.mdl-data-table__header--sorted-descending:before { content: "\E5DB"; } .mdl-data-table__select { width: 16px; } .mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric { text-align: left; } .mdl-dialog { border: none; box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); width: 280px; } .mdl-dialog__title { padding: 24px 24px 0; margin: 0; font-size: 2.5rem; } .mdl-dialog__actions { padding: 8px 8px 8px 24px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mdl-dialog__actions > * { margin-right: 8px; height: 36px; } .mdl-dialog__actions > *:first-child { margin-right: 0; } .mdl-dialog__actions--full-width { padding: 0 0 8px; } .mdl-dialog__actions--full-width > * { height: 48px; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 16px; margin-right: 0; text-align: right; } .mdl-dialog__content { padding: 20px 24px 24px; color: rgba(0, 0, 0, 0.54); } .mdl-mega-footer { padding: 16px 40px; color: #9e9e9e; background-color: #424242; } .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, .mdl-mega-footer--right-section, .mdl-mega-footer__right-section { margin-bottom: 16px; } .mdl-mega-footer--right-section a, .mdl-mega-footer__right-section a { display: block; margin-bottom: 16px; color: inherit; text-decoration: none; } @media screen and (min-width: 760px) { .mdl-mega-footer--left-section, .mdl-mega-footer__left-section { float: left; } .mdl-mega-footer--right-section, .mdl-mega-footer__right-section { float: right; } .mdl-mega-footer--right-section a, .mdl-mega-footer__right-section a { display: inline-block; margin-left: 16px; line-height: 36px; vertical-align: middle; } } .mdl-mega-footer--social-btn, .mdl-mega-footer__social-btn { width: 36px; height: 36px; padding: 0; margin: 0; background-color: #9e9e9e; border: none; } .mdl-mega-footer--drop-down-section, .mdl-mega-footer__drop-down-section { display: block; position: relative; } @media screen and (min-width: 760px) { .mdl-mega-footer--drop-down-section, .mdl-mega-footer__drop-down-section { width: 33%; } .mdl-mega-footer--drop-down-section:nth-child(1), .mdl-mega-footer--drop-down-section:nth-child(2), .mdl-mega-footer__drop-down-section:nth-child(1), .mdl-mega-footer__drop-down-section:nth-child(2) { float: left; } .mdl-mega-footer--drop-down-section:nth-child(3), .mdl-mega-footer__drop-down-section:nth-child(3) { float: right; } .mdl-mega-footer--drop-down-section:nth-child(3):after, .mdl-mega-footer__drop-down-section:nth-child(3):after { clear: right; } .mdl-mega-footer--drop-down-section:nth-child(4), .mdl-mega-footer__drop-down-section:nth-child(4) { clear: right; float: right; } .mdl-mega-footer--middle-section:after, .mdl-mega-footer__middle-section:after { content: ''; display: block; clear: both; } .mdl-mega-footer--bottom-section, .mdl-mega-footer__bottom-section { padding-top: 0; } } @media screen and (min-width: 1024px) { .mdl-mega-footer--drop-down-section, .mdl-mega-footer--drop-down-section:nth-child(3), .mdl-mega-footer--drop-down-section:nth-child(4), .mdl-mega-footer__drop-down-section, .mdl-mega-footer__drop-down-section:nth-child(3), .mdl-mega-footer__drop-down-section:nth-child(4) { width: 24%; float: left; } } .mdl-mega-footer--heading-checkbox, .mdl-mega-footer__heading-checkbox { position: absolute; width: 100%; height: 55.8px; padding: 32px; margin: -16px 0 0; cursor: pointer; z-index: 1; opacity: 0; } .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after { font-family: 'Material Icons'; content: '\E5CE'; } .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--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: #e0e0e0; } .mdl-mega-footer--heading:after, .mdl-mega-footer__heading:after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 23.8px; height: 23.8px; background-size: cover; } .mdl-mega-footer--link-list, .mdl-mega-footer__link-list { list-style: none; padding: 0; margin: 0 0 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; letter-spacing: 0; line-height: 20px; } .mdl-mega-footer--link-list a, .mdl-mega-footer__link-list a { color: inherit; text-decoration: none; white-space: nowrap; } @media screen and (min-width: 760px) { .mdl-mega-footer--heading-checkbox, .mdl-mega-footer__heading-checkbox { display: none; } .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after { content: ''; } .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list, .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list { display: block; } .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after, .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after { content: ''; } } .mdl-mega-footer--bottom-section, .mdl-mega-footer__bottom-section { padding-top: 16px; margin-bottom: 16px; } .mdl-logo { margin-bottom: 16px; color: #fff; } .mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li, .mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li { float: left; margin-bottom: 0; margin-right: 16px; } @media screen and (min-width: 760px) { .mdl-logo { float: left; margin-bottom: 0; margin-right: 16px; } } .mdl-mini-footer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 32px 16px; color: #9e9e9e; background-color: #424242; } .mdl-mini-footer:after { content: ''; display: block; } .mdl-mini-footer .mdl-logo { line-height: 36px; } .mdl-mini-footer--link-list, .mdl-mini-footer__link-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; list-style: none; margin: 0; padding: 0; } .mdl-mini-footer--link-list li, .mdl-mini-footer__link-list li { margin-bottom: 0; margin-right: 16px; } @media screen and (min-width: 760px) { .mdl-mini-footer--link-list li, .mdl-mini-footer__link-list li { line-height: 36px; } } .mdl-mini-footer--link-list a, .mdl-mini-footer__link-list a { color: inherit; text-decoration: none; white-space: nowrap; } .mdl-mini-footer--left-section, .mdl-mini-footer__left-section { display: inline-block; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .mdl-mini-footer--right-section, .mdl-mini-footer__right-section { display: inline-block; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .mdl-mini-footer--social-btn, .mdl-mini-footer__social-btn { width: 36px; height: 36px; padding: 0; margin: 0; background-color: #9e9e9e; border: none; } .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: #616161; border-radius: 50%; padding: 0; margin-left: 0; margin-right: 0; text-align: center; background-color: transparent; will-change: background-color; transition: background-color 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: #607d8b; } .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label { color: rgba(0, 0, 0, 0.26); cursor: auto; transition: none; } .mdl-icon-toggle.is-focused .mdl-icon-toggle__label { background-color: rgba(0, 0, 0, 0.12); } .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label { background-color: rgba(96, 125, 139, 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, #fff, #000); } .mdl-icon-toggle__ripple-container .mdl-ripple { background: #616161; } .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container { cursor: auto; } .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple { background: 0 0; } .mdl-list { display: block; padding: 8px 0; list-style: none; } .mdl-list__item { font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 16px; font-weight: 400; letter-spacing: .04em; line-height: 1; min-height: 48px; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 16px; cursor: default; color: rgba(0, 0, 0, 0.87); overflow: hidden; } .mdl-list__item, .mdl-list__item .mdl-list__item-primary-content { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mdl-list__item .mdl-list__item-primary-content { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; text-decoration: none; } .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon { margin-right: 32px; } .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar { margin-right: 16px; } .mdl-list__item .mdl-list__item-secondary-content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-left: 16px; } .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label { display: inline; } .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info { font-size: 12px; font-weight: 400; line-height: 1; letter-spacing: 0; color: rgba(0, 0, 0, 0.54); } .mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header { padding: 0 0 0 16px; } .mdl-list__item-icon, .mdl-list__item-icon.material-icons { height: 24px; width: 24px; font-size: 24px; box-sizing: border-box; color: #757575; } .mdl-list__item-avatar, .mdl-list__item-avatar.material-icons { height: 40px; width: 40px; box-sizing: border-box; border-radius: 50%; background-color: #757575; font-size: 40px; color: #fff; } .mdl-list__item--two-line { height: 72px; } .mdl-list__item--two-line .mdl-list__item-primary-content { height: 36px; line-height: 20px; display: block; } .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar { float: left; } .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon { float: left; margin-top: 6px; } .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content { height: 36px; } .mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title { font-size: 14px; font-weight: 400; letter-spacing: 0; line-height: 18px; color: rgba(0, 0, 0, 0.54); display: block; padding: 0; } .mdl-list__item--three-line { height: 88px; } .mdl-list__item--three-line .mdl-list__item-primary-content { height: 52px; line-height: 20px; display: block; } .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar, .mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon { float: left; } .mdl-list__item--three-line .mdl-list__item-secondary-content { height: 52px; } .mdl-list__item--three-line .mdl-list__item-text-body { font-size: 14px; font-weight: 400; letter-spacing: 0; line-height: 18px; height: 52px; color: rgba(0, 0, 0, 0.54); display: block; padding: 0; } .mdl-menu__container { display: block; margin: 0; padding: 0; border: none; position: absolute; overflow: visible; height: 0; width: 0; visibility: hidden; z-index: -1; } .mdl-menu__container.is-visible, .mdl-menu__container.is-animating { z-index: 999; visibility: visible; } .mdl-menu__outline { display: block; background: #fff; margin: 0; padding: 0; border: none; border-radius: 2px; position: absolute; top: 0; left: 0; overflow: hidden; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); will-change: transform; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: -1; } .mdl-menu__container.is-visible .mdl-menu__outline { opacity: 1; -webkit-transform: scale(1); transform: scale(1); z-index: 999; } .mdl-menu__outline.mdl-menu--bottom-right { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .mdl-menu__outline.mdl-menu--top-left { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .mdl-menu__outline.mdl-menu--top-right { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .mdl-menu { position: absolute; list-style: none; top: 0; left: 0; height: auto; width: auto; min-width: 124px; padding: 8px 0; margin: 0; opacity: 0; clip: rect(0 0 0 0); z-index: -1; } .mdl-menu__container.is-visible .mdl-menu { opacity: 1; z-index: 999; } .mdl-menu.is-animating { transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .mdl-menu.mdl-menu--bottom-right { left: auto; right: 0; } .mdl-menu.mdl-menu--top-left { top: auto; bottom: 0; } .mdl-menu.mdl-menu--top-right { top: auto; left: auto; bottom: 0; right: 0; } .mdl-menu.mdl-menu--unaligned { top: auto; left: auto; } .mdl-menu__item { display: block; border: none; color: rgba(0, 0, 0, 0.87); background-color: transparent; text-align: left; margin: 0; padding: 0 16px; outline-color: #bdbdbd; position: relative; overflow: hidden; font-size: 14px; font-weight: 400; letter-spacing: 0; text-decoration: none; cursor: pointer; height: 48px; line-height: 48px; white-space: nowrap; opacity: 0; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mdl-menu__container.is-visible .mdl-menu__item { opacity: 1; } .mdl-menu__item::-moz-focus-inner { border: 0; } .mdl-menu__item--full-bleed-divider { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] { color: #bdbdbd; background-color: transparent; cursor: auto; } .mdl-menu__item[disabled]:hover, .mdl-menu__item[data-mdl-disabled]:hover { background-color: transparent; } .mdl-menu__item[disabled]:focus, .mdl-menu__item[data-mdl-disabled]:focus { background-color: transparent; } .mdl-menu__item[disabled] .mdl-ripple, .mdl-menu__item[data-mdl-disabled] .mdl-ripple { background: 0 0; } .mdl-menu__item:hover { background-color: #eee; } .mdl-menu__item:focus { outline: none; background-color: #eee; } .mdl-menu__item:active { background-color: #e0e0e0; } .mdl-menu__item--ripple-container { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; overflow: hidden; } .mdl-progress { display: block; position: relative; height: 4px; width: 500px; max-width: 100%; } .mdl-progress > .bar { display: block; position: absolute; top: 0; bottom: 0; width: 0%; transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .mdl-progress > .progressbar { background-color: #607d8b; z-index: 1; left: 0; } .mdl-progress > .bufferbar { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #607d8b, #607d8b); z-index: 0; left: 0; } .mdl-progress > .auxbar { right: 0; } @supports (-webkit-appearance: none) { .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #607d8b, #607d8b); -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); } } .mdl-progress:not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate) > .auxbar { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(to right, #607d8b, #607d8b); } .mdl-progress.mdl-progress--indeterminate > .bar1, .mdl-progress.mdl-progress__indeterminate > .bar1 { -webkit-animation-name: indeterminate1; animation-name: indeterminate1; } .mdl-progress.mdl-progress--indeterminate > .bar1, .mdl-progress.mdl-progress__indeterminate > .bar1, .mdl-progress.mdl-progress--indeterminate > .bar3, .mdl-progress.mdl-progress__indeterminate > .bar3 { background-color: #607d8b; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .mdl-progress.mdl-progress--indeterminate > .bar3, .mdl-progress.mdl-progress__indeterminate > .bar3 { background-image: none; -webkit-animation-name: indeterminate2; animation-name: indeterminate2; } @-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%, 50% { left: 0%; width: 0%; } 75% { left: 0%; width: 25%; } 100% { left: 100%; width: 0%; } } @keyframes indeterminate2 { 0%, 50% { left: 0%; width: 0%; } 75% { left: 0%; width: 25%; } 100% { left: 100%; width: 0%; } } .mdl-navigation { display: -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: #424242; text-decoration: none; margin: 0; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0; opacity: .87; } .mdl-navigation__link .material-icons { vertical-align: middle; } .mdl-layout { width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow-y: auto; overflow-x: hidden; position: relative; -webkit-overflow-scrolling: touch; } .mdl-layout.is-small-screen .mdl-layout--large-screen-only { display: none; } .mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only { display: none; } .mdl-layout__container { position: absolute; width: 100%; height: 100%; } .mdl-layout__title, .mdl-layout-title { display: block; position: relative; font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 20px; line-height: 1; letter-spacing: .02em; font-weight: 400; box-sizing: border-box; } .mdl-layout-spacer { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .mdl-layout__drawer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 240px; height: 100%; max-height: 100%; position: absolute; top: 0; left: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; border-right: 1px solid #e0e0e0; background: #fafafa; -webkit-transform: translateX(-250px); transform: translateX(-250px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; will-change: transform; transition-duration: .2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform; transition-property: transform,-webkit-transform; color: #424242; overflow: visible; overflow-y: auto; z-index: 5; } .mdl-layout__drawer.is-visible { -webkit-transform: translateX(0); transform: translateX(0); } .mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content { overflow: hidden; } .mdl-layout__drawer > * { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title { line-height: 64px; padding-left: 40px; } @media screen and (max-width: 1024px) { .mdl-layout__drawer > .mdl-layout__title, .mdl-layout__drawer > .mdl-layout-title { line-height: 56px; padding-left: 16px; } } .mdl-layout__drawer .mdl-navigation { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; padding-top: 16px; } .mdl-layout__drawer .mdl-navigation .mdl-navigation__link { display: block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding: 16px 40px; margin: 0; color: #757575; } @media screen and (max-width: 1024px) { .mdl-layout__drawer .mdl-navigation .mdl-navigation__link { padding: 16px; } } .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover { background-color: #e0e0e0; } .mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current { background-color: #e0e0e0; color: #000; } @media screen and (min-width: 1025px) { .mdl-layout--fixed-drawer > .mdl-layout__drawer { -webkit-transform: translateX(0); transform: translateX(0); } } .mdl-layout__drawer-button { display: block; position: absolute; height: 48px; width: 48px; border: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; text-align: center; cursor: pointer; font-size: 26px; line-height: 56px; font-family: Helvetica,Arial,sans-serif; margin: 8px 12px; top: 0; left: 0; color: white; z-index: 4; } .mdl-layout__header .mdl-layout__drawer-button { position: absolute; color: white; background-color: inherit; } @media screen and (max-width: 1024px) { .mdl-layout__header .mdl-layout__drawer-button { margin: 4px; } } @media screen and (max-width: 1024px) { .mdl-layout__drawer-button { margin: 4px; color: rgba(0, 0, 0, 0.5); } } @media screen and (min-width: 1025px) { .mdl-layout__drawer-button { line-height: 54px; } .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button, .mdl-layout--fixed-drawer > .mdl-layout__drawer-button, .mdl-layout--no-drawer-button .mdl-layout__drawer-button { display: none; } } .mdl-layout__header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; box-sizing: border-box; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; margin: 0; padding: 0; border: none; min-height: 64px; max-height: 1000px; z-index: 3; background-color: #607d8b; color: white; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); transition-duration: .2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: max-height,box-shadow; } @media screen and (max-width: 1024px) { .mdl-layout__header { min-height: 56px; } } .mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header { margin-left: 240px; width: calc(100% - 240px); } @media screen and (min-width: 1025px) { .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row { padding-left: 40px; } } .mdl-layout__header > .mdl-layout-icon { position: absolute; left: 40px; top: 16px; height: 32px; width: 32px; overflow: hidden; z-index: 3; display: block; } @media screen and (max-width: 1024px) { .mdl-layout__header > .mdl-layout-icon { left: 16px; top: 12px; } } .mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon { display: none; } .mdl-layout__header.is-compact { max-height: 64px; } @media screen and (max-width: 1024px) { .mdl-layout__header.is-compact { max-height: 56px; } } .mdl-layout__header.is-compact.has-tabs { height: 112px; } @media screen and (max-width: 1024px) { .mdl-layout__header.is-compact.has-tabs { min-height: 104px; } } @media screen and (max-width: 1024px) { .mdl-layout__header { display: none; } .mdl-layout--fixed-header > .mdl-layout__header { display: -webkit-flex; display: -ms-flexbox; display: flex; } } .mdl-layout__header--transparent.mdl-layout__header--transparent { background-color: transparent; box-shadow: none; } .mdl-layout__header--seamed, .mdl-layout__header--scroll { box-shadow: none; } .mdl-layout__header--waterfall { box-shadow: none; overflow: hidden; } .mdl-layout__header--waterfall.is-casting-shadow { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .mdl-layout__header-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; box-sizing: border-box; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 64px; margin: 0; padding: 0 40px 0 80px; } .mdl-layout--no-drawer-button .mdl-layout__header-row { padding-left: 40px; } @media screen and (min-width: 1025px) { .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row { padding-left: 40px; } } @media screen and (max-width: 1024px) { .mdl-layout__header-row { height: 56px; padding: 0 16px 0 72px; } .mdl-layout--no-drawer-button .mdl-layout__header-row { padding-left: 16px; } } .mdl-layout__header-row > * { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .mdl-layout__header--scroll .mdl-layout__header-row { width: 100%; } .mdl-layout__header-row .mdl-navigation { margin: 0; padding: 0; height: 64px; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; 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: white; line-height: 64px; padding: 0 24px; } @media screen and (max-width: 1024px) { .mdl-layout__header-row .mdl-navigation__link { line-height: 56px; padding: 0 16px; } } .mdl-layout__obfuscator { background-color: transparent; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 4; visibility: hidden; transition-property: background-color; transition-duration: .2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .mdl-layout__obfuscator.is-visible { background-color: rgba(0, 0, 0, 0.5); visibility: visible; } @supports (pointer-events: auto) { .mdl-layout__obfuscator { background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition-property: opacity; visibility: visible; pointer-events: none; } .mdl-layout__obfuscator.is-visible { pointer-events: auto; opacity: 1; } } .mdl-layout__content { -ms-flex: 0 1 auto; position: relative; display: inline-block; overflow-y: auto; overflow-x: hidden; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; z-index: 1; -webkit-overflow-scrolling: touch; } .mdl-layout--fixed-drawer > .mdl-layout__content { margin-left: 240px; } .mdl-layout__container.has-scrolling-header .mdl-layout__content { overflow: visible; } @media screen and (max-width: 1024px) { .mdl-layout--fixed-drawer > .mdl-layout__content { margin-left: 0; } .mdl-layout__container.has-scrolling-header .mdl-layout__content { overflow-y: auto; overflow-x: hidden; } } .mdl-layout__tab-bar { height: 96px; margin: 0; width: calc(100% - 112px); padding: 0 0 0 56px; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #607d8b; overflow-y: hidden; overflow-x: scroll; } .mdl-layout__tab-bar::-webkit-scrollbar { display: none; } .mdl-layout--no-drawer-button .mdl-layout__tab-bar { padding-left: 16px; width: calc(100% - 32px); } @media screen and (min-width: 1025px) { .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar { padding-left: 16px; width: calc(100% - 32px); } } @media screen and (max-width: 1024px) { .mdl-layout__tab-bar { width: calc(100% - 60px); padding: 0 0 0 60px; } .mdl-layout--no-drawer-button .mdl-layout__tab-bar { width: calc(100% - 8px); padding-left: 4px; } } .mdl-layout--fixed-tabs .mdl-layout__tab-bar { padding: 0; overflow: hidden; width: 100%; } .mdl-layout__tab-bar-container { position: relative; height: 48px; width: 100%; border: none; margin: 0; z-index: 2; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } .mdl-layout__container > .mdl-layout__tab-bar-container { position: absolute; top: 0; left: 0; } .mdl-layout__tab-bar-button { display: inline-block; position: absolute; top: 0; height: 48px; width: 56px; z-index: 4; text-align: center; background-color: #607d8b; color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button, .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button { width: 16px; } .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons, .mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons { position: relative; left: -4px; } @media screen and (max-width: 1024px) { .mdl-layout__tab-bar-button { width: 60px; } } .mdl-layout--fixed-tabs .mdl-layout__tab-bar-button { display: none; } .mdl-layout__tab-bar-button .material-icons { line-height: 48px; } .mdl-layout__tab-bar-button.is-active { color: white; } .mdl-layout__tab-bar-left-button { left: 0; } .mdl-layout__tab-bar-right-button { right: 0; } .mdl-layout__tab { margin: 0; border: none; padding: 0 24px; float: left; position: relative; display: block; -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; } } .mdl-layout--fixed-tabs .mdl-layout__tab { float: none; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0; } .mdl-layout.is-upgraded .mdl-layout__tab.is-active { color: white; } .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after { height: 2px; width: 100%; display: block; content: " "; bottom: 0; left: 0; position: absolute; background: #ffab40; -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards; animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards; transition: all 1s cubic-bezier(0.4, 0, 1, 1); } .mdl-layout__tab .mdl-layout__tab-ripple-container { display: block; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 1; overflow: hidden; } .mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple { background-color: white; } .mdl-layout__tab-panel { display: block; } .mdl-layout.is-upgraded .mdl-layout__tab-panel { display: none; } .mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active { display: block; } .mdl-radio { position: relative; font-size: 16px; line-height: 24px; display: inline-block; vertical-align: middle; box-sizing: border-box; height: 24px; margin: 0; padding-left: 0; } .mdl-radio.is-upgraded { padding-left: 24px; } .mdl-radio__button { line-height: 24px; } .mdl-radio.is-upgraded .mdl-radio__button { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; } .mdl-radio__outer-circle { position: absolute; top: 4px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; margin: 0; cursor: pointer; border: 2px solid rgba(0, 0, 0, 0.54); border-radius: 50%; z-index: 2; } .mdl-radio.is-checked .mdl-radio__outer-circle { border: 2px solid #607d8b; } .mdl-radio__outer-circle fieldset[disabled] .mdl-radio, .mdl-radio.is-disabled .mdl-radio__outer-circle { border: 2px solid rgba(0, 0, 0, 0.26); cursor: auto; } .mdl-radio__inner-circle { position: absolute; z-index: 1; margin: 0; top: 8px; left: 4px; box-sizing: border-box; width: 8px; height: 8px; cursor: pointer; transition-duration: .28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: transform; transition-property: transform,-webkit-transform; -webkit-transform: scale(0, 0); transform: scale(0, 0); border-radius: 50%; background: #607d8b; } .mdl-radio.is-checked .mdl-radio__inner-circle { -webkit-transform: scale(1, 1); transform: scale(1, 1); } fieldset[disabled] .mdl-radio .mdl-radio__inner-circle, .mdl-radio.is-disabled .mdl-radio__inner-circle { background: rgba(0, 0, 0, 0.26); cursor: auto; } .mdl-radio.is-focused .mdl-radio__inner-circle { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); } .mdl-radio__label { cursor: pointer; } fieldset[disabled] .mdl-radio .mdl-radio__label, .mdl-radio.is-disabled .mdl-radio__label { color: rgba(0, 0, 0, 0.26); cursor: auto; } .mdl-radio__ripple-container { position: absolute; z-index: 2; top: -9px; left: -13px; box-sizing: border-box; width: 42px; height: 42px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000); } .mdl-radio__ripple-container .mdl-ripple { background: #607d8b; } fieldset[disabled] .mdl-radio .mdl-radio__ripple-container, .mdl-radio.is-disabled .mdl-radio__ripple-container { cursor: auto; } fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple, .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple { background: 0 0; } _:-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: 0 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: 0; padding: 0; color: #607d8b; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; z-index: 1; cursor: pointer; } .mdl-slider.is-upgraded::-moz-focus-outer { border: 0; } .mdl-slider.is-upgraded::-ms-tooltip { display: none; } .mdl-slider.is-upgraded::-webkit-slider-runnable-track { background: 0 0; } .mdl-slider.is-upgraded::-moz-range-track { background: 0 0; border: none; } .mdl-slider.is-upgraded::-ms-track { background: 0 0; color: transparent; height: 2px; width: 100%; border: none; } .mdl-slider.is-upgraded::-ms-fill-lower { padding: 0; background: linear-gradient(to right, transparent, transparent 16px, #607d8b 16px, #607d8b 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: #607d8b; border: none; transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); } .mdl-slider.is-upgraded::-moz-range-thumb { -moz-appearance: none; width: 12px; height: 12px; box-sizing: border-box; border-radius: 50%; background-image: none; background: #607d8b; border: none; } .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb { box-shadow: 0 0 0 10px rgba(96, 125, 139, 0.26); } .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb { box-shadow: 0 0 0 10px rgba(96, 125, 139, 0.26); } .mdl-slider.is-upgraded:active::-webkit-slider-thumb { background-image: none; background: #607d8b; -webkit-transform: scale(1.5); transform: scale(1.5); } .mdl-slider.is-upgraded:active::-moz-range-thumb { background-image: none; background: #607d8b; transform: scale(1.5); } .mdl-slider.is-upgraded::-ms-thumb { width: 32px; height: 32px; border: none; border-radius: 50%; background: #607d8b; 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); transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); } .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb { background: radial-gradient(circle closest-side, #607d8b 0%, #607d8b 37.5%, rgba(96, 125, 139, 0.26) 37.5%, rgba(96, 125, 139, 0.26) 100%); transform: scale(1); } .mdl-slider.is-upgraded:active::-ms-thumb { background: #607d8b; transform: scale(0.5625); } .mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb { border: 2px solid rgba(0, 0, 0, 0.26); background: 0 0; } .mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb { border: 2px solid rgba(0, 0, 0, 0.26); background: 0 0; } .mdl-slider.is-upgraded.is-lowest-value + .mdl-slider__background-flex > .mdl-slider__background-upper { left: 6px; } .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12); background: rgba(0, 0, 0, 0.12); } .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12); background: rgba(0, 0, 0, 0.12); } .mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb { border: 1.6px solid rgba(0, 0, 0, 0.26); -webkit-transform: scale(1.5); transform: scale(1.5); } .mdl-slider.is-upgraded.is-lowest-value:active + .mdl-slider__background-flex > .mdl-slider__background-upper { left: 9px; } .mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb { border: 1.5px solid rgba(0, 0, 0, 0.26); transform: scale(1.5); } .mdl-slider.is-upgraded.is-lowest-value::-ms-thumb { background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0, 0, 0, 0.26) 66.67%, rgba(0, 0, 0, 0.26) 100%); } .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb { background: radial-gradient(circle closest-side, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 25%, rgba(0, 0, 0, 0.26) 25%, rgba(0, 0, 0, 0.26) 37.5%, rgba(0, 0, 0, 0.12) 37.5%, rgba(0, 0, 0, 0.12) 100%); transform: scale(1); } .mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb { transform: scale(0.5625); background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0, 0, 0, 0.26) 77.78%, rgba(0, 0, 0, 0.26) 100%); } .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower { background: 0 0; } .mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper { margin-left: 6px; } .mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper { margin-left: 9px; } .mdl-slider.is-upgraded:disabled: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: 0 0; -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: 0 0; transform: scale(0.667); } .mdl-slider.is-upgraded.is-lowest-value:disabled:active + .mdl-slider__background-flex > .mdl-slider__background-upper { left: 6px; } .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb { transform: scale(0.25); background: rgba(0, 0, 0, 0.26); } .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb { transform: scale(0.25); background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.26) 50%, rgba(0, 0, 0, 0.26) 100%); } .mdl-slider.is-upgraded:disabled::-ms-fill-lower { margin-right: 6px; background: linear-gradient(to right, transparent, transparent 25px, rgba(0, 0, 0, 0.26) 25px, rgba(0, 0, 0, 0.26) 0); } .mdl-slider.is-upgraded:disabled::-ms-fill-upper { margin-left: 6px; } .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper { margin-left: 6px; } .mdl-slider__ie-container { height: 18px; overflow: visible; border: none; margin: none; padding: none; } .mdl-slider__container { height: 18px; position: relative; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .mdl-slider__container, .mdl-slider__background-flex { background: 0 0; display: -webkit-flex; display: -ms-flexbox; display: flex; } .mdl-slider__background-flex { position: absolute; height: 2px; width: calc(100% - 52px); top: 50%; left: 0; margin: 0 26px; overflow: hidden; border: 0; padding: 0; -webkit-transform: translate(0, -1px); transform: translate(0, -1px); } .mdl-slider__background-lower { background: #607d8b; } .mdl-slider__background-lower, .mdl-slider__background-upper { -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); transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1); } .mdl-snackbar { position: fixed; bottom: 0; left: 50%; cursor: default; background-color: #323232; z-index: 3; display: block; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-family: "Roboto","Helvetica","Arial",sans-serif; will-change: transform; -webkit-transform: translate(0, 80px); transform: translate(0, 80px); transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1); transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1); pointer-events: none; } @media (max-width: 479px) { .mdl-snackbar { width: 100%; left: 0; min-height: 48px; max-height: 80px; } } @media (min-width: 480px) { .mdl-snackbar { min-width: 288px; max-width: 568px; border-radius: 2px; -webkit-transform: translate(-50%, 80px); transform: translate(-50%, 80px); } } .mdl-snackbar--active { -webkit-transform: translate(0, 0); transform: translate(0, 0); pointer-events: auto; transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1); } @media (min-width: 480px) { .mdl-snackbar--active { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } .mdl-snackbar__text { padding: 14px 12px 14px 24px; vertical-align: middle; color: #fff; float: left; } .mdl-snackbar__action { background: 0 0; border: none; color: #ffab40; float: right; padding: 14px 24px 14px 12px; font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: 0; overflow: hidden; outline: none; opacity: 0; pointer-events: none; cursor: pointer; text-decoration: none; text-align: center; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .mdl-snackbar__action::-moz-focus-inner { border: 0; } .mdl-snackbar__action:not([aria-hidden]) { opacity: 1; pointer-events: auto; } .mdl-spinner { display: inline-block; position: relative; width: 28px; height: 28px; } .mdl-spinner:not(.is-upgraded).is-active:after { content: "Loading..."; } .mdl-spinner.is-upgraded.is-active { -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: #42a5f5; } .mdl-spinner--single-color .mdl-spinner__layer-1 { border-color: #607d8b; } .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: #f44336; } .mdl-spinner--single-color .mdl-spinner__layer-2 { border-color: #607d8b; } .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: #fdd835; } .mdl-spinner--single-color .mdl-spinner__layer-3 { border-color: #607d8b; } .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: #4caf50; } .mdl-spinner--single-color .mdl-spinner__layer-4 { border-color: #607d8b; } .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); } } @-webkit-keyframes mdl-spinner__layer-1-fade-in-out { from, 25% { opacity: .99; } 26%, 89% { opacity: 0; } 90%, 100% { opacity: .99; } } @keyframes mdl-spinner__layer-1-fade-in-out { from, 25% { opacity: .99; } 26%, 89% { opacity: 0; } 90%, 100% { opacity: .99; } } @-webkit-keyframes mdl-spinner__layer-2-fade-in-out { from, 15% { opacity: 0; } 25%, 50% { opacity: .99; } 51% { opacity: 0; } } @keyframes mdl-spinner__layer-2-fade-in-out { from, 15% { opacity: 0; } 25%, 50% { opacity: .99; } 51% { opacity: 0; } } @-webkit-keyframes mdl-spinner__layer-3-fade-in-out { from, 40% { opacity: 0; } 50%, 75% { opacity: .99; } 76% { opacity: 0; } } @keyframes mdl-spinner__layer-3-fade-in-out { from, 40% { opacity: 0; } 50%, 75% { opacity: .99; } 76% { opacity: 0; } } @-webkit-keyframes mdl-spinner__layer-4-fade-in-out { from, 65% { opacity: 0; } 75%, 90% { opacity: .99; } 100% { opacity: 0; } } @keyframes mdl-spinner__layer-4-fade-in-out { from, 65% { opacity: 0; } 75%, 90% { opacity: .99; } 100% { opacity: 0; } } .mdl-spinner__gap-patch { position: absolute; box-sizing: border-box; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit; } .mdl-spinner__gap-patch .mdl-spinner__circle { width: 1000%; left: -450%; } .mdl-spinner__circle-clipper { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit; } .mdl-spinner__circle-clipper.mdl-spinner__left { float: left; } .mdl-spinner__circle-clipper.mdl-spinner__right { float: right; } .mdl-spinner__circle-clipper .mdl-spinner__circle { width: 200%; } .mdl-spinner__circle { box-sizing: border-box; height: 100%; border-width: 3px; border-style: solid; border-color: inherit; border-bottom-color: transparent !important; border-radius: 50%; -webkit-animation: none; animation: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mdl-spinner__left .mdl-spinner__circle { border-right-color: transparent !important; -webkit-transform: rotate(129deg); transform: rotate(129deg); } .mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle { -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .mdl-spinner__right .mdl-spinner__circle { left: -100%; border-left-color: transparent !important; -webkit-transform: rotate(-129deg); transform: rotate(-129deg); } .mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle { -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @-webkit-keyframes mdl-spinner__left-spin { from { -webkit-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); transform: rotate(130deg); } } @keyframes mdl-spinner__left-spin { from { -webkit-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); transform: rotate(130deg); } } @-webkit-keyframes mdl-spinner__right-spin { from { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } } @keyframes mdl-spinner__right-spin { from { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } } .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(96, 125, 139, 0.5); } .mdl-switch__track fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__track { background: rgba(0, 0, 0, 0.12); cursor: auto; } .mdl-switch__thumb { background: #fafafa; position: absolute; left: 0; top: 2px; height: 20px; width: 20px; border-radius: 50%; cursor: pointer; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); transition-duration: .28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-property: left; } .mdl-switch.is-checked .mdl-switch__thumb { background: #607d8b; left: 16px; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } .mdl-switch__thumb fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__thumb { background: #bdbdbd; cursor: auto; } .mdl-switch__focus-helper { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-4px, -4px); transform: translate(-4px, -4px); display: inline-block; box-sizing: border-box; width: 8px; height: 8px; border-radius: 50%; background-color: transparent; } .mdl-switch.is-focused .mdl-switch__focus-helper { box-shadow: 0 0 0 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 0 20px rgba(96, 125, 139, 0.26); background-color: rgba(96, 125, 139, 0.26); } .mdl-switch__label { position: relative; cursor: pointer; font-size: 16px; line-height: 24px; margin: 0; left: 24px; } .mdl-switch__label fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__label { color: #bdbdbd; cursor: auto; } .mdl-switch__ripple-container { position: absolute; z-index: 2; top: -12px; left: -14px; box-sizing: border-box; width: 48px; height: 48px; border-radius: 50%; cursor: pointer; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000); transition-duration: .4s; transition-timing-function: step-end; transition-property: left; } .mdl-switch__ripple-container .mdl-ripple { background: #607d8b; } .mdl-switch__ripple-container fieldset[disabled] .mdl-switch, .mdl-switch.is-disabled .mdl-switch__ripple-container { cursor: auto; } fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple, .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple { background: 0 0; } .mdl-switch.is-checked .mdl-switch__ripple-container { left: 2px; } .mdl-tabs { display: block; width: 100%; } .mdl-tabs__tab-bar { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; height: 48px; padding: 0; margin: 0; border-bottom: 1px solid #e0e0e0; } .mdl-tabs__tab { margin: 0; border: none; padding: 0 24px; float: left; position: relative; display: block; text-decoration: none; height: 48px; line-height: 48px; text-align: center; font-weight: 500; font-size: 14px; text-transform: uppercase; color: rgba(0, 0, 0, 0.54); overflow: hidden; } .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active { color: rgba(0, 0, 0, 0.87); } .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after { height: 2px; width: 100%; display: block; content: " "; bottom: 0; left: 0; position: absolute; background: #607d8b; -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards; animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards; transition: all 1s cubic-bezier(0.4, 0, 1, 1); } .mdl-tabs__tab .mdl-tabs__ripple-container { display: block; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 1; overflow: hidden; } .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple { background: #607d8b; } .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%; } } .mdl-textfield { position: relative; font-size: 16px; display: inline-block; box-sizing: border-box; width: 300px; max-width: 100%; margin: 0; padding: 20px 0; } .mdl-textfield .mdl-button { position: absolute; bottom: 20px; } .mdl-textfield--align-right { text-align: right; } .mdl-textfield--full-width { width: 100%; } .mdl-textfield--expandable { min-width: 32px; width: auto; min-height: 32px; } .mdl-textfield--expandable .mdl-button--icon { top: 16px; } .mdl-textfield__input { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.12); display: block; font-size: 16px; font-family: "Helvetica","Arial",sans-serif; margin: 0; padding: 4px 0; width: 100%; background: 0 0; text-align: left; color: inherit; } .mdl-textfield__input[type="number"] { -moz-appearance: textfield; } .mdl-textfield__input[type="number"]::-webkit-inner-spin-button, .mdl-textfield__input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .mdl-textfield.is-focused .mdl-textfield__input { outline: none; } .mdl-textfield.is-invalid .mdl-textfield__input { border-color: #d50000; box-shadow: none; } fieldset[disabled] .mdl-textfield .mdl-textfield__input, .mdl-textfield.is-disabled .mdl-textfield__input { background-color: transparent; border-bottom: 1px dotted rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); } .mdl-textfield textarea.mdl-textfield__input { display: block; } .mdl-textfield__label { bottom: 0; color: rgba(0, 0, 0, 0.26); font-size: 16px; left: 0; right: 0; pointer-events: none; position: absolute; display: block; top: 24px; width: 100%; overflow: hidden; white-space: nowrap; text-align: left; } .mdl-textfield.is-dirty .mdl-textfield__label, .mdl-textfield.has-placeholder .mdl-textfield__label { visibility: hidden; } .mdl-textfield--floating-label .mdl-textfield__label { transition-duration: .2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { transition: none; } fieldset[disabled] .mdl-textfield .mdl-textfield__label, .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label { color: rgba(0, 0, 0, 0.26); } .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label { color: #607d8b; font-size: 12px; top: 4px; visibility: visible; } .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label { top: -16px; } .mdl-textfield--floating-label.is-invalid .mdl-textfield__label { color: #d50000; font-size: 12px; } .mdl-textfield__label:after { background-color: #607d8b; bottom: 20px; content: ''; height: 2px; left: 45%; position: absolute; transition-duration: .2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); visibility: hidden; width: 10px; } .mdl-textfield.is-focused .mdl-textfield__label:after { left: 0; visibility: visible; width: 100%; } .mdl-textfield.is-invalid .mdl-textfield__label:after { background-color: #d50000; } .mdl-textfield__error { color: #d50000; position: absolute; font-size: 12px; margin-top: 3px; visibility: hidden; display: block; } .mdl-textfield.is-invalid .mdl-textfield__error { visibility: visible; } .mdl-textfield__expandable-holder { display: inline-block; position: relative; margin-left: 32px; transition-duration: .2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: inline-block; max-width: .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; } .mdl-tooltip { -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: top center; transform-origin: top center; z-index: 999; background: rgba(97, 97, 97, 0.9); border-radius: 2px; color: #fff; display: inline-block; font-size: 10px; font-weight: 500; line-height: 14px; max-width: 170px; position: fixed; top: -500px; left: -500px; padding: 8px; text-align: center; } .mdl-tooltip.is-active { -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } .mdl-tooltip--large { line-height: 14px; font-size: 14px; padding: 16px; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(0.99); transform: scale(0.99); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; } } @keyframes pulse { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(0.99); transform: scale(0.99); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; } } .mdl-shadow--2dp { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .mdl-shadow--3dp { box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); } .mdl-shadow--4dp { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); } .mdl-shadow--6dp { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); } .mdl-shadow--8dp { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); } .mdl-shadow--16dp { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .mdl-shadow--24dp { box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); } .mdl-grid { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 auto; -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; -ms-grid-row-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; -ms-grid-row-align: stretch; align-self: stretch; } .mdl-grid.mdl-grid--no-spacing > .mdl-cell { margin: 0; } .mdl-cell--order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .mdl-cell--order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .mdl-cell--order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .mdl-cell--order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .mdl-cell--order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .mdl-cell--order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .mdl-cell--order-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .mdl-cell--order-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .mdl-cell--order-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .mdl-cell--order-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .mdl-cell--order-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .mdl-cell--order-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } @media (max-width: 479px) { .mdl-grid { padding: 8px; } .mdl-cell { margin: 8px; width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 100%; } .mdl-cell--hide-phone { display: none !important; } .mdl-cell--order-1-phone.mdl-cell--order-1-phone { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .mdl-cell--order-2-phone.mdl-cell--order-2-phone { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .mdl-cell--order-3-phone.mdl-cell--order-3-phone { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .mdl-cell--order-4-phone.mdl-cell--order-4-phone { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .mdl-cell--order-5-phone.mdl-cell--order-5-phone { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .mdl-cell--order-6-phone.mdl-cell--order-6-phone { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .mdl-cell--order-7-phone.mdl-cell--order-7-phone { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .mdl-cell--order-8-phone.mdl-cell--order-8-phone { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .mdl-cell--order-9-phone.mdl-cell--order-9-phone { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .mdl-cell--order-10-phone.mdl-cell--order-10-phone { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .mdl-cell--order-11-phone.mdl-cell--order-11-phone { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .mdl-cell--order-12-phone.mdl-cell--order-12-phone { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .mdl-cell--1-col, .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(25% - 16px); } .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: 25%; } .mdl-cell--2-col, .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: 50%; } .mdl-cell--3-col, .mdl-cell--3-col-phone.mdl-cell--3-col-phone { width: calc(75% - 16px); } .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone { width: 75%; } .mdl-cell--4-col, .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: 100%; } .mdl-cell--5-col, .mdl-cell--5-col-phone.mdl-cell--5-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone { width: 100%; } .mdl-cell--6-col, .mdl-cell--6-col-phone.mdl-cell--6-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone { width: 100%; } .mdl-cell--7-col, .mdl-cell--7-col-phone.mdl-cell--7-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone { width: 100%; } .mdl-cell--8-col, .mdl-cell--8-col-phone.mdl-cell--8-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone { width: 100%; } .mdl-cell--9-col, .mdl-cell--9-col-phone.mdl-cell--9-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone { width: 100%; } .mdl-cell--10-col, .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: 100%; } .mdl-cell--11-col, .mdl-cell--11-col-phone.mdl-cell--11-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-phone.mdl-cell--11-col-phone { width: 100%; } .mdl-cell--12-col, .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: 100%; } .mdl-cell--1-offset, .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone { margin-left: calc(25% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone { margin-left: 25%; } .mdl-cell--2-offset, .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone { margin-left: calc(50% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone { margin-left: 50%; } .mdl-cell--3-offset, .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone { margin-left: calc(75% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone { margin-left: 75%; } } @media (min-width: 480px) and (max-width: 839px) { .mdl-grid { padding: 8px; } .mdl-cell { margin: 8px; width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 50%; } .mdl-cell--hide-tablet { display: none !important; } .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .mdl-cell--1-col, .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: calc(12.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: 12.5%; } .mdl-cell--2-col, .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(25% - 16px); } .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: 25%; } .mdl-cell--3-col, .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: calc(37.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: 37.5%; } .mdl-cell--4-col, .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: 50%; } .mdl-cell--5-col, .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { width: calc(62.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { width: 62.5%; } .mdl-cell--6-col, .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { width: calc(75% - 16px); } .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { width: 75%; } .mdl-cell--7-col, .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { width: calc(87.5% - 16px); } .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { width: 87.5%; } .mdl-cell--8-col, .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { width: 100%; } .mdl-cell--9-col, .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { width: 100%; } .mdl-cell--10-col, .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { width: 100%; } .mdl-cell--11-col, .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { width: 100%; } .mdl-cell--12-col, .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { width: 100%; } .mdl-cell--1-offset, .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet { margin-left: calc(12.5% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet { margin-left: 12.5%; } .mdl-cell--2-offset, .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet { margin-left: calc(25% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet { margin-left: 25%; } .mdl-cell--3-offset, .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet { margin-left: calc(37.5% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet { margin-left: 37.5%; } .mdl-cell--4-offset, .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet { margin-left: calc(50% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet { margin-left: 50%; } .mdl-cell--5-offset, .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet { margin-left: calc(62.5% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet { margin-left: 62.5%; } .mdl-cell--6-offset, .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet { margin-left: calc(75% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet { margin-left: 75%; } .mdl-cell--7-offset, .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet { margin-left: calc(87.5% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet { margin-left: 87.5%; } } @media (min-width: 840px) { .mdl-grid { padding: 8px; } .mdl-cell { margin: 8px; width: calc(33.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 33.3333333333%; } .mdl-cell--hide-desktop { display: none !important; } .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .mdl-cell--1-col, .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: calc(8.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: 8.3333333333%; } .mdl-cell--2-col, .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: calc(16.6666666667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: 16.6666666667%; } .mdl-cell--3-col, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(25% - 16px); } .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: 25%; } .mdl-cell--4-col, .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: calc(33.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: 33.3333333333%; } .mdl-cell--5-col, .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { width: calc(41.6666666667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { width: 41.6666666667%; } .mdl-cell--6-col, .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: 50%; } .mdl-cell--7-col, .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { width: calc(58.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { width: 58.3333333333%; } .mdl-cell--8-col, .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: calc(66.6666666667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: 66.6666666667%; } .mdl-cell--9-col, .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { width: calc(75% - 16px); } .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { width: 75%; } .mdl-cell--10-col, .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: calc(83.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: 83.3333333333%; } .mdl-cell--11-col, .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { width: calc(91.6666666667% - 16px); } .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { width: 91.6666666667%; } .mdl-cell--12-col, .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: 100%; } .mdl-cell--1-offset, .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop { margin-left: calc(8.3333333333% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop { margin-left: 8.3333333333%; } .mdl-cell--2-offset, .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop { margin-left: calc(16.6666666667% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop { margin-left: 16.6666666667%; } .mdl-cell--3-offset, .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop { margin-left: calc(25% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop { margin-left: 25%; } .mdl-cell--4-offset, .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop { margin-left: calc(33.3333333333% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop { margin-left: 33.3333333333%; } .mdl-cell--5-offset, .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop { margin-left: calc(41.6666666667% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop { margin-left: 41.6666666667%; } .mdl-cell--6-offset, .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop { margin-left: calc(50% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop { margin-left: 50%; } .mdl-cell--7-offset, .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop { margin-left: calc(58.3333333333% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop { margin-left: 58.3333333333%; } .mdl-cell--8-offset, .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop { margin-left: calc(66.6666666667% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop { margin-left: 66.6666666667%; } .mdl-cell--9-offset, .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop { margin-left: calc(75% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop { margin-left: 75%; } .mdl-cell--10-offset, .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop { margin-left: calc(83.3333333333% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop { margin-left: 83.3333333333%; } .mdl-cell--11-offset, .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop { margin-left: calc(91.6666666667% + 8px); } .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop { margin-left: 91.6666666667%; } } body { margin: 0; } .styleguide-demo h1 { margin: 48px 24px 0; } .styleguide-demo h1:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.5); margin-top: 24px; } .styleguide-demo { opacity: 0; transition: opacity .6s ease; } .styleguide-masthead { height: 256px; background: #212121; padding: 115px 16px 0; } .styleguide-container { position: relative; max-width: 960px; width: 100%; } .styleguide-title { color: #fff; bottom: auto; position: relative; font-size: 56px; font-weight: 300; line-height: 1; letter-spacing: -.02em; } .styleguide-title:after { border-bottom: 0; } .styleguide-title span { font-weight: 300; } .mdl-styleguide .mdl-layout__drawer .mdl-navigation__link { padding: 10px 24px; } .demosLoaded .styleguide-demo { opacity: 1; } iframe { display: block; width: 100%; border: none; } iframe.heightSet { overflow: hidden; } .demo-wrapper { margin: 24px; } .demo-wrapper iframe { border: 1px solid rgba(0, 0, 0, 0.5); } .mdl-layout__header { background-color: #EBF0F4; } .mdl-layout__header .mdl-layout__header-row { background-color: #263138; color: #839098; } .mdl-layout__header .mdl-layout__drawer-button { background-color: #37424a; } h1.v-page-title { background-color: #EBF0F4; color: #71818c; margin: 0px; padding: 24px; font-size: 2.125rem; } h1.v-page-title i { font-size: 2.125rem; vertical-align: middle; } .mdl-layout__drawer { background-color: #37424a; border-right: 1px solid #37424a; color: #71818c; } .mdl-layout__drawer .mdl-navigation .mdl-navigation__link { color: #71818c; } .mdl-layout__drawer .mdl-navigation .mdl-navigation__link.v-menu-item__selected { color: #a9b3ba; font-weight: bold; } .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover { background-color: #37424a; color: #a9b3ba; } /* Sample palette */ .v-color__red { color: #FFEBEE !important; } .v-color__yellow { color: #FFFDE7 !important; } .v-color__green { color: #E8F5E9 !important; } .mdc-fab { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); display: inline-flex; position: relative; align-items: center; justify-content: center; box-sizing: border-box; width: 56px; height: 56px; padding: 0; border: none; fill: currentColor; text-decoration: none; cursor: pointer; user-select: none; -moz-appearance: none; -webkit-appearance: none; overflow: hidden; transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1); background-color: #E58D36; color: #000; /* @alternate */ color: var(--mdc-theme-on-secondary, #000); } .mdc-fab:not(.mdc-fab--extended) { border-radius: 50%; } .mdc-fab::-moz-focus-inner { padding: 0; border: 0; } .mdc-fab:hover, .mdc-fab:focus { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mdc-fab:active { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mdc-fab:active, .mdc-fab:focus { outline: none; } .mdc-fab:hover { cursor: pointer; } .mdc-fab > svg { width: 100%; } @supports not (-ms-ime-align: auto) { .mdc-fab { /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); } } .mdc-fab .mdc-fab__icon { width: 24px; height: 24px; font-size: 24px; } .mdc-fab--mini { width: 40px; height: 40px; } .mdc-fab--extended { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 2.25rem; font-weight: 500; letter-spacing: 0.08929em; text-decoration: none; text-transform: uppercase; border-radius: 24px; padding: 0 20px; width: auto; max-width: 100%; height: 48px; } .mdc-fab--extended .mdc-fab__icon { /* @noflip */ margin-left: -8px; /* @noflip */ margin-right: 12px; } [dir="rtl"] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir="rtl"] { /* @noflip */ margin-left: 12px; /* @noflip */ margin-right: -8px; } .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon { /* @noflip */ margin-left: 12px; /* @noflip */ margin-right: -8px; } [dir="rtl"] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir="rtl"] { /* @noflip */ margin-left: -8px; /* @noflip */ margin-right: 12px; } .mdc-fab__label { justify-content: flex-start; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mdc-fab__icon { transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1); fill: currentColor; will-change: transform; } .mdc-fab .mdc-fab__icon { display: inline-flex; align-items: center; justify-content: center; } .mdc-fab--exited { transform: scale(0); opacity: 0; transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1); } .mdc-fab--exited .mdc-fab__icon { transform: scale(0); transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1); } @keyframes mdc-ripple-fg-radius-in { from { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); } to { transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } } @keyframes mdc-ripple-fg-opacity-in { from { animation-timing-function: linear; opacity: 0; } to { opacity: var(--mdc-ripple-fg-opacity, 0); } } @keyframes mdc-ripple-fg-opacity-out { from { animation-timing-function: linear; opacity: var(--mdc-ripple-fg-opacity, 0); } to { opacity: 0; } } .mdc-ripple-surface--test-edge-var-bug { --mdc-ripple-surface-test-edge-var: 1px solid #000; visibility: hidden; } .mdc-ripple-surface--test-edge-var-bug::before { border: var(--mdc-ripple-surface-test-edge-var); } .mdc-fab { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mdc-fab::before, .mdc-fab::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-fab::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-fab.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-fab.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-fab.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-fab.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-fab.mdc-ripple-upgraded--foreground-deactivation::after { animation: mdc-ripple-fg-opacity-out 150ms; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-fab::before, .mdc-fab::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } .mdc-fab.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-fab::before, .mdc-fab::after { background-color: #000; } @supports not (-ms-ime-align: auto) { .mdc-fab::before, .mdc-fab::after { /* @alternate */ background-color: var(--mdc-theme-on-secondary, #000); } } .mdc-fab:hover::before { opacity: 0.04; } .mdc-fab:not(.mdc-ripple-upgraded):focus::before, .mdc-fab.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-fab:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-fab:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-fab.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } :root { --mdc-layout-grid-margin-desktop: 24px; --mdc-layout-grid-gutter-desktop: 24px; --mdc-layout-grid-column-width-desktop: 72px; --mdc-layout-grid-margin-tablet: 16px; --mdc-layout-grid-gutter-tablet: 16px; --mdc-layout-grid-column-width-tablet: 72px; --mdc-layout-grid-margin-phone: 16px; --mdc-layout-grid-gutter-phone: 16px; --mdc-layout-grid-column-width-phone: 72px; } @media (min-width: 840px) { .mdc-layout-grid { box-sizing: border-box; margin: 0 auto; padding: 24px; padding: var(--mdc-layout-grid-margin-desktop, 24px); } } @media (min-width: 480px) and (max-width: 839px) { .mdc-layout-grid { box-sizing: border-box; margin: 0 auto; padding: 16px; padding: var(--mdc-layout-grid-margin-tablet, 16px); } } @media (max-width: 479px) { .mdc-layout-grid { box-sizing: border-box; margin: 0 auto; padding: 16px; padding: var(--mdc-layout-grid-margin-phone, 16px); } } @media (min-width: 840px) { .mdc-layout-grid__inner { display: flex; flex-flow: row wrap; align-items: stretch; margin: -12px; margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); } @supports (display: grid) { .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 24px; grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px); grid-template-columns: repeat(12, minmax(0, 1fr)); } } } @media (min-width: 480px) and (max-width: 839px) { .mdc-layout-grid__inner { display: flex; flex-flow: row wrap; align-items: stretch; margin: -8px; margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); } @supports (display: grid) { .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 16px; grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px); grid-template-columns: repeat(8, minmax(0, 1fr)); } } } @media (max-width: 479px) { .mdc-layout-grid__inner { display: flex; flex-flow: row wrap; align-items: stretch; margin: -8px; margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); } @supports (display: grid) { .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 16px; grid-gap: var(--mdc-layout-grid-gutter-phone, 16px); grid-template-columns: repeat(4, minmax(0, 1fr)); } } } @media (min-width: 840px) { .mdc-layout-grid__cell { width: calc(33.33333% - 24px); width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); box-sizing: border-box; margin: 12px; margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2); } @supports (display: grid) { .mdc-layout-grid__cell { width: auto; grid-column-end: span 4; } } @supports (display: grid) { .mdc-layout-grid__cell { margin: 0; } } .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-desktop { width: calc(8.33333% - 24px); width: calc(8.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-desktop { width: auto; grid-column-end: span 1; } } .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-desktop { width: calc(16.66667% - 24px); width: calc(16.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-desktop { width: auto; grid-column-end: span 2; } } .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-desktop { width: calc(25% - 24px); width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-desktop { width: auto; grid-column-end: span 3; } } .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-desktop { width: calc(33.33333% - 24px); width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-desktop { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-desktop { width: calc(41.66667% - 24px); width: calc(41.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-desktop { width: auto; grid-column-end: span 5; } } .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-desktop { width: calc(50% - 24px); width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-desktop { width: auto; grid-column-end: span 6; } } .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-desktop { width: calc(58.33333% - 24px); width: calc(58.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-desktop { width: auto; grid-column-end: span 7; } } .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-desktop { width: calc(66.66667% - 24px); width: calc(66.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-desktop { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-desktop { width: calc(75% - 24px); width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-desktop { width: auto; grid-column-end: span 9; } } .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-desktop { width: calc(83.33333% - 24px); width: calc(83.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-desktop { width: auto; grid-column-end: span 10; } } .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-desktop { width: calc(91.66667% - 24px); width: calc(91.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-desktop { width: auto; grid-column-end: span 11; } } .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-desktop { width: calc(100% - 24px); width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-desktop { width: auto; grid-column-end: span 12; } } } @media (min-width: 480px) and (max-width: 839px) { .mdc-layout-grid__cell { width: calc(50% - 16px); width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); box-sizing: border-box; margin: 8px; margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2); } @supports (display: grid) { .mdc-layout-grid__cell { width: auto; grid-column-end: span 4; } } @supports (display: grid) { .mdc-layout-grid__cell { margin: 0; } } .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-tablet { width: calc(12.5% - 16px); width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-tablet { width: auto; grid-column-end: span 1; } } .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-tablet { width: calc(25% - 16px); width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-tablet { width: auto; grid-column-end: span 2; } } .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-tablet { width: calc(37.5% - 16px); width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-tablet { width: auto; grid-column-end: span 3; } } .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-tablet { width: calc(50% - 16px); width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-tablet { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-tablet { width: calc(62.5% - 16px); width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-tablet { width: auto; grid-column-end: span 5; } } .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-tablet { width: calc(75% - 16px); width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-tablet { width: auto; grid-column-end: span 6; } } .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-tablet { width: calc(87.5% - 16px); width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-tablet { width: auto; grid-column-end: span 7; } } .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-tablet { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-tablet { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-tablet { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-tablet { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-tablet { width: auto; grid-column-end: span 8; } } } @media (max-width: 479px) { .mdc-layout-grid__cell { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); box-sizing: border-box; margin: 8px; margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); } @supports (display: grid) { .mdc-layout-grid__cell { width: auto; grid-column-end: span 4; } } @supports (display: grid) { .mdc-layout-grid__cell { margin: 0; } } .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-phone { width: calc(25% - 16px); width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-phone { width: auto; grid-column-end: span 1; } } .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-phone { width: calc(50% - 16px); width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-phone { width: auto; grid-column-end: span 2; } } .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-phone { width: calc(75% - 16px); width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-phone { width: auto; grid-column-end: span 3; } } .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-phone { width: auto; grid-column-end: span 4; } } } .mdc-layout-grid__cell--order-1 { order: 1; } .mdc-layout-grid__cell--order-2 { order: 2; } .mdc-layout-grid__cell--order-3 { order: 3; } .mdc-layout-grid__cell--order-4 { order: 4; } .mdc-layout-grid__cell--order-5 { order: 5; } .mdc-layout-grid__cell--order-6 { order: 6; } .mdc-layout-grid__cell--order-7 { order: 7; } .mdc-layout-grid__cell--order-8 { order: 8; } .mdc-layout-grid__cell--order-9 { order: 9; } .mdc-layout-grid__cell--order-10 { order: 10; } .mdc-layout-grid__cell--order-11 { order: 11; } .mdc-layout-grid__cell--order-12 { order: 12; } .mdc-layout-grid__cell--align-top { align-self: flex-start; } @supports (display: grid) { .mdc-layout-grid__cell--align-top { align-self: start; } } .mdc-layout-grid__cell--align-middle { align-self: center; } .mdc-layout-grid__cell--align-bottom { align-self: flex-end; } @supports (display: grid) { .mdc-layout-grid__cell--align-bottom { align-self: end; } } @media (min-width: 840px) { .mdc-layout-grid--fixed-column-width { width: 1176px; width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2); } } @media (min-width: 480px) and (max-width: 839px) { .mdc-layout-grid--fixed-column-width { width: 720px; width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2); } } @media (max-width: 479px) { .mdc-layout-grid--fixed-column-width { width: 368px; width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2); } } .mdc-layout-grid--align-left { margin-right: auto; margin-left: 0; } .mdc-layout-grid--align-right { margin-right: 0; margin-left: auto; } .v-fab--absolute { position: absolute; z-index: 1; } @media (min-width: 840px) { .mdc-fab.v-button-fab-position-top { position: absolute; top: calc(-28px + 2.25em); } .mdc-fab.v-button-fab-position-right { position: absolute; right: calc(-28px + 0em); } .mdc-fab.v-button-fab-position-bottom { position: absolute; bottom: calc(-28px + 0em); } .mdc-fab.v-button-fab-position-left { position: absolute; left: calc(-28px + 0em); } } @media (min-width: 480px) and (max-width: 839px) { .mdc-fab.v-button-fab-position-top { position: absolute; top: calc(-28px + 2.25em); } .mdc-fab.v-button-fab-position-right { position: absolute; right: calc(-28px + 0em); } .mdc-fab.v-button-fab-position-bottom { position: absolute; bottom: calc(-28px + 0em); } .mdc-fab.v-button-fab-position-left { position: absolute; left: calc(-28px + 0em); } } @media (max-width: 479px) { .mdc-fab.v-button-fab-position-top { position: absolute; top: calc(-28px + 2.25em); } .mdc-fab.v-button-fab-position-right { position: absolute; right: calc(-28px + 0em); } .mdc-fab.v-button-fab-position-bottom { position: absolute; bottom: calc(-28px + 0em); } .mdc-fab.v-button-fab-position-left { position: absolute; left: calc(-28px + 0em); } } .mdc-button { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 2.25rem; font-weight: 500; letter-spacing: 0.08929em; text-decoration: none; text-transform: uppercase; padding: 0 8px 0 8px; display: inline-flex; position: relative; align-items: center; justify-content: center; box-sizing: border-box; min-width: 64px; height: 36px; border: none; outline: none; /* @alternate */ line-height: inherit; user-select: none; -webkit-appearance: none; overflow: hidden; vertical-align: middle; border-radius: 4px; } .mdc-button::-moz-focus-inner { padding: 0; border: 0; } .mdc-button:active { outline: none; } .mdc-button:hover { cursor: pointer; } .mdc-button:disabled { background-color: transparent; color: rgba(0, 0, 0, 0.37); cursor: default; pointer-events: none; } .mdc-button.mdc-button--dense { border-radius: 4px; } .mdc-button:not(:disabled) { background-color: transparent; } .mdc-button .mdc-button__icon { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 8px; display: inline-block; width: 18px; height: 18px; font-size: 18px; vertical-align: top; } [dir="rtl"] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir="rtl"] { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: 0; } .mdc-button:not(:disabled) { color: #5488b2; /* @alternate */ color: var(--mdc-theme-primary, #5488b2); } .mdc-button__label + .mdc-button__icon { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: 0; } [dir="rtl"] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir="rtl"] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 8px; } svg.mdc-button__icon { fill: currentColor; } .mdc-button--raised .mdc-button__icon, .mdc-button--unelevated .mdc-button__icon, .mdc-button--outlined .mdc-button__icon { /* @noflip */ margin-left: -4px; /* @noflip */ margin-right: 8px; } [dir="rtl"] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir="rtl"], [dir="rtl"] .mdc-button--unelevated .mdc-button__icon, .mdc-button--unelevated .mdc-button__icon[dir="rtl"], [dir="rtl"] .mdc-button--outlined .mdc-button__icon, .mdc-button--outlined .mdc-button__icon[dir="rtl"] { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: -4px; } .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, .mdc-button--outlined .mdc-button__label + .mdc-button__icon { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: -4px; } [dir="rtl"] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir="rtl"], [dir="rtl"] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon, .mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir="rtl"], [dir="rtl"] .mdc-button--outlined .mdc-button__label + .mdc-button__icon, .mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir="rtl"] { /* @noflip */ margin-left: -4px; /* @noflip */ margin-right: 8px; } .mdc-button--raised, .mdc-button--unelevated { padding: 0 16px 0 16px; } .mdc-button--raised:disabled, .mdc-button--unelevated:disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.37); } .mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) { background-color: #5488b2; } @supports not (-ms-ime-align: auto) { .mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) { /* @alternate */ background-color: var(--mdc-theme-primary, #5488b2); } } .mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) { color: #fff; /* @alternate */ color: var(--mdc-theme-on-primary, #fff); } .mdc-button--raised { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-button--raised:hover, .mdc-button--raised:focus { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mdc-button--raised:active { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mdc-button--raised:disabled { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mdc-button--outlined { border-style: solid; padding: 0 15px 0 15px; border-width: 1px; } .mdc-button--outlined:disabled { border-color: rgba(0, 0, 0, 0.37); } .mdc-button--outlined:not(:disabled) { border-color: #5488b2; /* @alternate */ border-color: var(--mdc-theme-primary, #5488b2); } .mdc-button--dense { height: 32px; font-size: .8125rem; } .mdc-button { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mdc-button::before, .mdc-button::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-button::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-button.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-button.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-button.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-button.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-button.mdc-ripple-upgraded--foreground-deactivation::after { animation: mdc-ripple-fg-opacity-out 150ms; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-button::before, .mdc-button::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } .mdc-button.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-button::before, .mdc-button::after { background-color: #5488b2; } @supports not (-ms-ime-align: auto) { .mdc-button::before, .mdc-button::after { /* @alternate */ background-color: var(--mdc-theme-primary, #5488b2); } } .mdc-button:hover::before { opacity: 0.04; } .mdc-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-button:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-button:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-button.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .mdc-button--raised::before, .mdc-button--raised::after, .mdc-button--unelevated::before, .mdc-button--unelevated::after { background-color: #fff; } @supports not (-ms-ime-align: auto) { .mdc-button--raised::before, .mdc-button--raised::after, .mdc-button--unelevated::before, .mdc-button--unelevated::after { /* @alternate */ background-color: var(--mdc-theme-on-primary, #fff); } } .mdc-button--raised:hover::before, .mdc-button--unelevated:hover::before { opacity: 0.08; } .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .mdc-button--raised.mdc-ripple-upgraded--background-focused::before, .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before, .mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .mdc-button--raised:not(.mdc-ripple-upgraded)::after, .mdc-button--unelevated:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-button--raised:not(.mdc-ripple-upgraded):active::after, .mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .mdc-button--raised.mdc-ripple-upgraded, .mdc-button--unelevated.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .mdc-icon-button { width: 48px; height: 48px; padding: 12px; font-size: 24px; display: inline-block; position: relative; box-sizing: border-box; border: none; outline: none; background-color: transparent; fill: currentColor; color: inherit; text-decoration: none; cursor: pointer; user-select: none; } .mdc-icon-button svg, .mdc-icon-button img { width: 24px; height: 24px; } .mdc-icon-button:disabled { color: rgba(0, 0, 0, 0.38); /* @alternate */ color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)); cursor: default; pointer-events: none; } .mdc-icon-button__icon { display: inline-block; } .mdc-icon-button__icon.mdc-icon-button__icon--on { display: none; } .mdc-icon-button--on .mdc-icon-button__icon { display: none; } .mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on { display: inline-block; } .mdc-icon-button { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mdc-icon-button::before, .mdc-icon-button::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-icon-button::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-icon-button.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-icon-button.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-icon-button.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after { animation: mdc-ripple-fg-opacity-out 150ms; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-icon-button::before, .mdc-icon-button::after { top: calc(50% - 50%); /* @noflip */ left: calc(50% - 50%); width: 100%; height: 100%; } .mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after { top: var(--mdc-ripple-top, calc(50% - 50%)); /* @noflip */ left: var(--mdc-ripple-left, calc(50% - 50%)); width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-icon-button.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-icon-button::before, .mdc-icon-button::after { background-color: #000; } .mdc-icon-button:hover::before { opacity: 0.04; } .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-button.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-icon-button:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-icon-button:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-icon-button.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .v-button.v-button--image { width: 150px; height: 45px; background-color: #fff !important; background-size: 75%; background-repeat: no-repeat; background-position-x: 18%; background-position-y: center; border-radius: 10px; } .v-button.v-button--image > i { position: absolute; margin-right: 0 !important; color: #263138; line-height: 1; } .mdc-button.v-secondary-filled-button:not(:disabled) { background-color: #E58D36; } .mdc-button.v-secondary-filled-button:not(:disabled) { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } .mdc-button.v-secondary-filled-button::before, .mdc-button.v-secondary-filled-button::after { background-color: rgba(0, 0, 0, 0.87); } @supports not (-ms-ime-align: auto) { .mdc-button.v-secondary-filled-button::before, .mdc-button.v-secondary-filled-button::after { /* @alternate */ background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } } .mdc-button.v-secondary-filled-button:hover::before { opacity: 0.04; } .mdc-button.v-secondary-filled-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.v-secondary-filled-button.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-button.v-secondary-filled-button:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-button.v-secondary-filled-button:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-button.v-secondary-filled-button.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .mdc-button.v-secondary-text-button:not(:disabled) { color: #E58D36; } .mdc-button.v-secondary-text-button::before, .mdc-button.v-secondary-text-button::after { background-color: #E58D36; } @supports not (-ms-ime-align: auto) { .mdc-button.v-secondary-text-button::before, .mdc-button.v-secondary-text-button::after { /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); } } .mdc-button.v-secondary-text-button:hover::before { opacity: 0.08; } .mdc-button.v-secondary-text-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.v-secondary-text-button.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .mdc-button.v-secondary-text-button:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-button.v-secondary-text-button:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .mdc-button.v-secondary-text-button.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .v-button-position-left { position: absolute; left: 0; } .v-button-position-right { position: absolute; right: 0; } .v-button-position-top { position: absolute; top: 0; } .v-button-position-bottom { position: absolute; bottom: 0; } .v-card-title-position-left { position: absolute; left: 0; } .v-button-icon-position-top { position: absolute; top: 0; } .v-button-icon-position-right { position: absolute; right: 0; } .v-button-icon-position-bottom { position: absolute; bottom: 0; } .v-button-full-width { width: 100%; } @keyframes mdc-checkbox-unchecked-checked-checkmark-path { 0%, 50% { stroke-dashoffset: 29.78334; } 50% { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 100% { stroke-dashoffset: 0; } } @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark { 0%, 68.2% { transform: scaleX(0); } 68.2% { animation-timing-function: cubic-bezier(0, 0, 0, 1); } 100% { transform: scaleX(1); } } @keyframes mdc-checkbox-checked-unchecked-checkmark-path { from { animation-timing-function: cubic-bezier(0.4, 0, 1, 1); opacity: 1; stroke-dashoffset: 0; } to { opacity: 0; stroke-dashoffset: -29.78334; } } @keyframes mdc-checkbox-checked-indeterminate-checkmark { from { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); transform: rotate(0deg); opacity: 1; } to { transform: rotate(45deg); opacity: 0; } } @keyframes mdc-checkbox-indeterminate-checked-checkmark { from { animation-timing-function: cubic-bezier(0.14, 0, 0, 1); transform: rotate(45deg); opacity: 0; } to { transform: rotate(360deg); opacity: 1; } } @keyframes mdc-checkbox-checked-indeterminate-mixedmark { from { animation-timing-function: mdc-animation-deceleration-curve-timing-function; transform: rotate(-45deg); opacity: 0; } to { transform: rotate(0deg); opacity: 1; } } @keyframes mdc-checkbox-indeterminate-checked-mixedmark { from { animation-timing-function: cubic-bezier(0.14, 0, 0, 1); transform: rotate(0deg); opacity: 1; } to { transform: rotate(315deg); opacity: 0; } } @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark { 0% { animation-timing-function: linear; transform: scaleX(1); opacity: 1; } 32.8%, 100% { transform: scaleX(0); opacity: 0; } } .mdc-checkbox { display: inline-block; position: relative; flex: 0 0 18px; box-sizing: content-box; width: 18px; height: 18px; line-height: 0; white-space: nowrap; cursor: pointer; vertical-align: bottom; } .mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, .mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before { background-color: #E58D36; } @supports not (-ms-ime-align: auto) { .mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, .mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before { /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); } } .mdc-checkbox.mdc-checkbox--selected::before, .mdc-checkbox.mdc-checkbox--selected::after { background-color: #E58D36; } @supports not (-ms-ime-align: auto) { .mdc-checkbox.mdc-checkbox--selected::before, .mdc-checkbox.mdc-checkbox--selected::after { /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); } } .mdc-checkbox.mdc-checkbox--selected:hover::before { opacity: 0.08; } .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after { background-color: #E58D36; } @supports not (-ms-ime-align: auto) { .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after { /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); } } .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; } .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { border-color: #E58D36; /* @alternate */ border-color: var(--mdc-theme-secondary, #E58D36); background-color: #E58D36; /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); } @keyframes mdc-checkbox-fade-in-background-uea256053 { 0% { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; } 50% { border-color: #E58D36; /* @alternate */ border-color: var(--mdc-theme-secondary, #E58D36); background-color: #E58D36; /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); } } @keyframes mdc-checkbox-fade-out-background-uea256053 { 0%, 80% { border-color: #E58D36; /* @alternate */ border-color: var(--mdc-theme-secondary, #E58D36); background-color: #E58D36; /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); } 100% { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; } } .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { animation-name: mdc-checkbox-fade-in-background-uea256053; } .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { animation-name: mdc-checkbox-fade-out-background-uea256053; } .mdc-checkbox__checkmark { color: #fff; } .mdc-checkbox__mixedmark { border-color: #fff; } .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { border-color: rgba(0, 0, 0, 0.26); } .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background { border-color: transparent; background-color: rgba(0, 0, 0, 0.26); } @media screen and (-ms-high-contrast: active) { .mdc-checkbox__mixedmark { margin: 0 1px; } } .mdc-checkbox--disabled { cursor: default; pointer-events: none; } .mdc-checkbox__background { display: inline-flex; position: absolute; align-items: center; justify-content: center; box-sizing: border-box; width: 18px; height: 18px; border: 2px solid currentColor; border-radius: 2px; background-color: transparent; pointer-events: none; will-change: background-color, border-color; transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-checkbox__background .mdc-checkbox__background::before { background-color: #000; } @supports not (-ms-ime-align: auto) { .mdc-checkbox__background .mdc-checkbox__background::before { /* @alternate */ background-color: var(--mdc-theme-on-surface, #000); } } .mdc-checkbox__checkmark { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; opacity: 0; transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-checkbox--upgraded .mdc-checkbox__checkmark { opacity: 1; } .mdc-checkbox__checkmark-path { transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); stroke: currentColor; stroke-width: 3.12px; stroke-dashoffset: 29.78334; stroke-dasharray: 29.78334; } .mdc-checkbox__mixedmark { width: 100%; height: 0; transform: scaleX(0) rotate(0deg); border-width: 1px; border-style: solid; opacity: 0; transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-checkbox--upgraded .mdc-checkbox__background, .mdc-checkbox--upgraded .mdc-checkbox__checkmark, .mdc-checkbox--upgraded .mdc-checkbox__checkmark-path, .mdc-checkbox--upgraded .mdc-checkbox__mixedmark { transition: none !important; } .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background { animation-duration: 180ms; animation-timing-function: linear; } .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path { animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s; transition: none; } .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark { animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s; transition: none; } .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path { animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s; transition: none; } .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark { animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s; transition: none; } .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark { animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s; transition: none; } .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark { animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s; transition: none; } .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark { animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s; transition: none; } .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark { animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s; transition: none; } .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background { transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path { stroke-dashoffset: 0; } .mdc-checkbox__background::before { position: absolute; transform: scale(0, 0); border-radius: 50%; opacity: 0; pointer-events: none; content: ""; will-change: opacity, transform; transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before { transform: scale(1); opacity: 0.12; transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-checkbox__native-control { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: inherit; } .mdc-checkbox__native-control:disabled { cursor: default; pointer-events: none; } .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark { transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); opacity: 1; } .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { transform: scaleX(1) rotate(-45deg); } .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark { transform: rotate(45deg); opacity: 0; transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { transform: scaleX(1) rotate(0deg); opacity: 1; } .mdc-checkbox { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 11px; } .mdc-checkbox::before, .mdc-checkbox::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-checkbox::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-checkbox.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-checkbox.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-checkbox.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after { animation: mdc-ripple-fg-opacity-out 150ms; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-checkbox::before, .mdc-checkbox::after { background-color: #000; } @supports not (-ms-ime-align: auto) { .mdc-checkbox::before, .mdc-checkbox::after { /* @alternate */ background-color: var(--mdc-theme-on-surface, #000); } } .mdc-checkbox:hover::before { opacity: 0.04; } .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-checkbox:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-checkbox:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-checkbox.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .mdc-checkbox::before, .mdc-checkbox::after { top: calc(50% - 50%); /* @noflip */ left: calc(50% - 50%); width: 100%; height: 100%; } .mdc-checkbox.mdc-ripple-upgraded::before, .mdc-checkbox.mdc-ripple-upgraded::after { top: var(--mdc-ripple-top, calc(50% - 50%)); /* @noflip */ left: var(--mdc-ripple-left, calc(50% - 50%)); width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-checkbox.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-checkbox .mdc-checkbox__background { /* @noflip */ left: 11px; /* @noflip */ right: initial; top: 11px; } .mdc-checkbox[dir="rtl"] .mdc-checkbox .mdc-checkbox__background, [dir="rtl"] .mdc-checkbox .mdc-checkbox .mdc-checkbox__background { /* @noflip */ left: initial; /* @noflip */ right: 11px; } .mdc-checkbox .mdc-checkbox__background::before { top: -13px; left: -13px; width: 40px; height: 40px; } .mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before { content: none; } :root { --mdc-layout-grid-margin-desktop: 24px; --mdc-layout-grid-gutter-desktop: 24px; --mdc-layout-grid-column-width-desktop: 72px; --mdc-layout-grid-margin-tablet: 16px; --mdc-layout-grid-gutter-tablet: 16px; --mdc-layout-grid-column-width-tablet: 72px; --mdc-layout-grid-margin-phone: 16px; --mdc-layout-grid-gutter-phone: 16px; --mdc-layout-grid-column-width-phone: 72px; } @media (min-width: 840px) { .mdc-layout-grid { box-sizing: border-box; margin: 0 auto; padding: 24px; padding: var(--mdc-layout-grid-margin-desktop, 24px); } } @media (min-width: 480px) and (max-width: 839px) { .mdc-layout-grid { box-sizing: border-box; margin: 0 auto; padding: 16px; padding: var(--mdc-layout-grid-margin-tablet, 16px); } } @media (max-width: 479px) { .mdc-layout-grid { box-sizing: border-box; margin: 0 auto; padding: 16px; padding: var(--mdc-layout-grid-margin-phone, 16px); } } @media (min-width: 840px) { .mdc-layout-grid__inner { display: flex; flex-flow: row wrap; align-items: stretch; margin: -12px; margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); } @supports (display: grid) { .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 24px; grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px); grid-template-columns: repeat(12, minmax(0, 1fr)); } } } @media (min-width: 480px) and (max-width: 839px) { .mdc-layout-grid__inner { display: flex; flex-flow: row wrap; align-items: stretch; margin: -8px; margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); } @supports (display: grid) { .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 16px; grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px); grid-template-columns: repeat(8, minmax(0, 1fr)); } } } @media (max-width: 479px) { .mdc-layout-grid__inner { display: flex; flex-flow: row wrap; align-items: stretch; margin: -8px; margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); } @supports (display: grid) { .mdc-layout-grid__inner { display: grid; margin: 0; grid-gap: 16px; grid-gap: var(--mdc-layout-grid-gutter-phone, 16px); grid-template-columns: repeat(4, minmax(0, 1fr)); } } } @media (min-width: 840px) { .mdc-layout-grid__cell { width: calc(33.33333% - 24px); width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); box-sizing: border-box; margin: 12px; margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2); } @supports (display: grid) { .mdc-layout-grid__cell { width: auto; grid-column-end: span 4; } } @supports (display: grid) { .mdc-layout-grid__cell { margin: 0; } } .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-desktop { width: calc(8.33333% - 24px); width: calc(8.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-desktop { width: auto; grid-column-end: span 1; } } .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-desktop { width: calc(16.66667% - 24px); width: calc(16.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-desktop { width: auto; grid-column-end: span 2; } } .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-desktop { width: calc(25% - 24px); width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-desktop { width: auto; grid-column-end: span 3; } } .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-desktop { width: calc(33.33333% - 24px); width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-desktop { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-desktop { width: calc(41.66667% - 24px); width: calc(41.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-desktop { width: auto; grid-column-end: span 5; } } .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-desktop { width: calc(50% - 24px); width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-desktop { width: auto; grid-column-end: span 6; } } .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-desktop { width: calc(58.33333% - 24px); width: calc(58.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-desktop { width: auto; grid-column-end: span 7; } } .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-desktop { width: calc(66.66667% - 24px); width: calc(66.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-desktop { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-desktop { width: calc(75% - 24px); width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-desktop { width: auto; grid-column-end: span 9; } } .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-desktop { width: calc(83.33333% - 24px); width: calc(83.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-desktop { width: auto; grid-column-end: span 10; } } .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-desktop { width: calc(91.66667% - 24px); width: calc(91.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-desktop { width: auto; grid-column-end: span 11; } } .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-desktop { width: calc(100% - 24px); width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-desktop { width: auto; grid-column-end: span 12; } } } @media (min-width: 480px) and (max-width: 839px) { .mdc-layout-grid__cell { width: calc(50% - 16px); width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); box-sizing: border-box; margin: 8px; margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2); } @supports (display: grid) { .mdc-layout-grid__cell { width: auto; grid-column-end: span 4; } } @supports (display: grid) { .mdc-layout-grid__cell { margin: 0; } } .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-tablet { width: calc(12.5% - 16px); width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-tablet { width: auto; grid-column-end: span 1; } } .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-tablet { width: calc(25% - 16px); width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-tablet { width: auto; grid-column-end: span 2; } } .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-tablet { width: calc(37.5% - 16px); width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-tablet { width: auto; grid-column-end: span 3; } } .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-tablet { width: calc(50% - 16px); width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-tablet { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-tablet { width: calc(62.5% - 16px); width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-tablet { width: auto; grid-column-end: span 5; } } .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-tablet { width: calc(75% - 16px); width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-tablet { width: auto; grid-column-end: span 6; } } .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-tablet { width: calc(87.5% - 16px); width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-tablet { width: auto; grid-column-end: span 7; } } .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-tablet { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-tablet { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-tablet { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-tablet { width: auto; grid-column-end: span 8; } } .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-tablet { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-tablet { width: auto; grid-column-end: span 8; } } } @media (max-width: 479px) { .mdc-layout-grid__cell { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); box-sizing: border-box; margin: 8px; margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); } @supports (display: grid) { .mdc-layout-grid__cell { width: auto; grid-column-end: span 4; } } @supports (display: grid) { .mdc-layout-grid__cell { margin: 0; } } .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-phone { width: calc(25% - 16px); width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-phone { width: auto; grid-column-end: span 1; } } .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-phone { width: calc(50% - 16px); width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-phone { width: auto; grid-column-end: span 2; } } .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-phone { width: calc(75% - 16px); width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-phone { width: auto; grid-column-end: span 3; } } .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-phone { width: auto; grid-column-end: span 4; } } .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-phone { width: calc(100% - 16px); width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); } @supports (display: grid) { .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-phone { width: auto; grid-column-end: span 4; } } } .mdc-layout-grid__cell--order-1 { order: 1; } .mdc-layout-grid__cell--order-2 { order: 2; } .mdc-layout-grid__cell--order-3 { order: 3; } .mdc-layout-grid__cell--order-4 { order: 4; } .mdc-layout-grid__cell--order-5 { order: 5; } .mdc-layout-grid__cell--order-6 { order: 6; } .mdc-layout-grid__cell--order-7 { order: 7; } .mdc-layout-grid__cell--order-8 { order: 8; } .mdc-layout-grid__cell--order-9 { order: 9; } .mdc-layout-grid__cell--order-10 { order: 10; } .mdc-layout-grid__cell--order-11 { order: 11; } .mdc-layout-grid__cell--order-12 { order: 12; } .mdc-layout-grid__cell--align-top { align-self: flex-start; } @supports (display: grid) { .mdc-layout-grid__cell--align-top { align-self: start; } } .mdc-layout-grid__cell--align-middle { align-self: center; } .mdc-layout-grid__cell--align-bottom { align-self: flex-end; } @supports (display: grid) { .mdc-layout-grid__cell--align-bottom { align-self: end; } } @media (min-width: 840px) { .mdc-layout-grid--fixed-column-width { width: 1176px; width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2); } } @media (min-width: 480px) and (max-width: 839px) { .mdc-layout-grid--fixed-column-width { width: 720px; width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2); } } @media (max-width: 479px) { .mdc-layout-grid--fixed-column-width { width: 368px; width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2); } } .mdc-layout-grid--align-left { margin-right: auto; margin-left: 0; } .mdc-layout-grid--align-right { margin-right: 0; margin-left: auto; } .v-column-hide-overflow { overflow: hidden; } .v-column--relative { position: relative; } .v-grid__wide { overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; } .v-grid__wide::-webkit-scrollbar { display: none; } @media (min-width: 840px) { .v-padding-bottom3-left3-right3-top3 { padding: 24px 24px 24px 24px !important; } .v-padding-bottom3-left2-right3-top3 { padding: 24px 24px 24px 12px !important; } .v-padding-bottom3-left1-right3-top3 { padding: 24px 24px 24px 6px !important; } .v-padding-bottom3-left0-right3-top3 { padding: 24px 24px 24px 0 !important; } .v-padding-bottom2-left3-right3-top3 { padding: 24px 24px 12px 24px !important; } .v-padding-bottom2-left2-right3-top3 { padding: 24px 24px 12px 12px !important; } .v-padding-bottom2-left1-right3-top3 { padding: 24px 24px 12px 6px !important; } .v-padding-bottom2-left0-right3-top3 { padding: 24px 24px 12px 0 !important; } .v-padding-bottom1-left3-right3-top3 { padding: 24px 24px 6px 24px !important; } .v-padding-bottom1-left2-right3-top3 { padding: 24px 24px 6px 12px !important; } .v-padding-bottom1-left1-right3-top3 { padding: 24px 24px 6px 6px !important; } .v-padding-bottom1-left0-right3-top3 { padding: 24px 24px 6px 0 !important; } .v-padding-bottom0-left3-right3-top3 { padding: 24px 24px 0 24px !important; } .v-padding-bottom0-left2-right3-top3 { padding: 24px 24px 0 12px !important; } .v-padding-bottom0-left1-right3-top3 { padding: 24px 24px 0 6px !important; } .v-padding-bottom0-left0-right3-top3 { padding: 24px 24px 0 0 !important; } .v-padding-bottom3-left3-right2-top3 { padding: 24px 12px 24px 24px !important; } .v-padding-bottom3-left2-right2-top3 { padding: 24px 12px 24px 12px !important; } .v-padding-bottom3-left1-right2-top3 { padding: 24px 12px 24px 6px !important; } .v-padding-bottom3-left0-right2-top3 { padding: 24px 12px 24px 0 !important; } .v-padding-bottom2-left3-right2-top3 { padding: 24px 12px 12px 24px !important; } .v-padding-bottom2-left2-right2-top3 { padding: 24px 12px 12px 12px !important; } .v-padding-bottom2-left1-right2-top3 { padding: 24px 12px 12px 6px !important; } .v-padding-bottom2-left0-right2-top3 { padding: 24px 12px 12px 0 !important; } .v-padding-bottom1-left3-right2-top3 { padding: 24px 12px 6px 24px !important; } .v-padding-bottom1-left2-right2-top3 { padding: 24px 12px 6px 12px !important; } .v-padding-bottom1-left1-right2-top3 { padding: 24px 12px 6px 6px !important; } .v-padding-bottom1-left0-right2-top3 { padding: 24px 12px 6px 0 !important; } .v-padding-bottom0-left3-right2-top3 { padding: 24px 12px 0 24px !important; } .v-padding-bottom0-left2-right2-top3 { padding: 24px 12px 0 12px !important; } .v-padding-bottom0-left1-right2-top3 { padding: 24px 12px 0 6px !important; } .v-padding-bottom0-left0-right2-top3 { padding: 24px 12px 0 0 !important; } .v-padding-bottom3-left3-right1-top3 { padding: 24px 6px 24px 24px !important; } .v-padding-bottom3-left2-right1-top3 { padding: 24px 6px 24px 12px !important; } .v-padding-bottom3-left1-right1-top3 { padding: 24px 6px 24px 6px !important; } .v-padding-bottom3-left0-right1-top3 { padding: 24px 6px 24px 0 !important; } .v-padding-bottom2-left3-right1-top3 { padding: 24px 6px 12px 24px !important; } .v-padding-bottom2-left2-right1-top3 { padding: 24px 6px 12px 12px !important; } .v-padding-bottom2-left1-right1-top3 { padding: 24px 6px 12px 6px !important; } .v-padding-bottom2-left0-right1-top3 { padding: 24px 6px 12px 0 !important; } .v-padding-bottom1-left3-right1-top3 { padding: 24px 6px 6px 24px !important; } .v-padding-bottom1-left2-right1-top3 { padding: 24px 6px 6px 12px !important; } .v-padding-bottom1-left1-right1-top3 { padding: 24px 6px 6px 6px !important; } .v-padding-bottom1-left0-right1-top3 { padding: 24px 6px 6px 0 !important; } .v-padding-bottom0-left3-right1-top3 { padding: 24px 6px 0 24px !important; } .v-padding-bottom0-left2-right1-top3 { padding: 24px 6px 0 12px !important; } .v-padding-bottom0-left1-right1-top3 { padding: 24px 6px 0 6px !important; } .v-padding-bottom0-left0-right1-top3 { padding: 24px 6px 0 0 !important; } .v-padding-bottom3-left3-right0-top3 { padding: 24px 0 24px 24px !important; } .v-padding-bottom3-left2-right0-top3 { padding: 24px 0 24px 12px !important; } .v-padding-bottom3-left1-right0-top3 { padding: 24px 0 24px 6px !important; } .v-padding-bottom3-left0-right0-top3 { padding: 24px 0 24px 0 !important; } .v-padding-bottom2-left3-right0-top3 { padding: 24px 0 12px 24px !important; } .v-padding-bottom2-left2-right0-top3 { padding: 24px 0 12px 12px !important; } .v-padding-bottom2-left1-right0-top3 { padding: 24px 0 12px 6px !important; } .v-padding-bottom2-left0-right0-top3 { padding: 24px 0 12px 0 !important; } .v-padding-bottom1-left3-right0-top3 { padding: 24px 0 6px 24px !important; } .v-padding-bottom1-left2-right0-top3 { padding: 24px 0 6px 12px !important; } .v-padding-bottom1-left1-right0-top3 { padding: 24px 0 6px 6px !important; } .v-padding-bottom1-left0-right0-top3 { padding: 24px 0 6px 0 !important; } .v-padding-bottom0-left3-right0-top3 { padding: 24px 0 0 24px !important; } .v-padding-bottom0-left2-right0-top3 { padding: 24px 0 0 12px !important; } .v-padding-bottom0-left1-right0-top3 { padding: 24px 0 0 6px !important; } .v-padding-bottom0-left0-right0-top3 { padding: 24px 0 0 0 !important; } .v-padding-bottom3-left3-right3-top2 { padding: 12px 24px 24px 24px !important; } .v-padding-bottom3-left2-right3-top2 { padding: 12px 24px 24px 12px !important; } .v-padding-bottom3-left1-right3-top2 { padding: 12px 24px 24px 6px !important; } .v-padding-bottom3-left0-right3-top2 { padding: 12px 24px 24px 0 !important; } .v-padding-bottom2-left3-right3-top2 { padding: 12px 24px 12px 24px !important; } .v-padding-bottom2-left2-right3-top2 { padding: 12px 24px 12px 12px !important; } .v-padding-bottom2-left1-right3-top2 { padding: 12px 24px 12px 6px !important; } .v-padding-bottom2-left0-right3-top2 { padding: 12px 24px 12px 0 !important; } .v-padding-bottom1-left3-right3-top2 { padding: 12px 24px 6px 24px !important; } .v-padding-bottom1-left2-right3-top2 { padding: 12px 24px 6px 12px !important; } .v-padding-bottom1-left1-right3-top2 { padding: 12px 24px 6px 6px !important; } .v-padding-bottom1-left0-right3-top2 { padding: 12px 24px 6px 0 !important; } .v-padding-bottom0-left3-right3-top2 { padding: 12px 24px 0 24px !important; } .v-padding-bottom0-left2-right3-top2 { padding: 12px 24px 0 12px !important; } .v-padding-bottom0-left1-right3-top2 { padding: 12px 24px 0 6px !important; } .v-padding-bottom0-left0-right3-top2 { padding: 12px 24px 0 0 !important; } .v-padding-bottom3-left3-right2-top2 { padding: 12px 12px 24px 24px !important; } .v-padding-bottom3-left2-right2-top2 { padding: 12px 12px 24px 12px !important; } .v-padding-bottom3-left1-right2-top2 { padding: 12px 12px 24px 6px !important; } .v-padding-bottom3-left0-right2-top2 { padding: 12px 12px 24px 0 !important; } .v-padding-bottom2-left3-right2-top2 { padding: 12px 12px 12px 24px !important; } .v-padding-bottom2-left2-right2-top2 { padding: 12px 12px 12px 12px !important; } .v-padding-bottom2-left1-right2-top2 { padding: 12px 12px 12px 6px !important; } .v-padding-bottom2-left0-right2-top2 { padding: 12px 12px 12px 0 !important; } .v-padding-bottom1-left3-right2-top2 { padding: 12px 12px 6px 24px !important; } .v-padding-bottom1-left2-right2-top2 { padding: 12px 12px 6px 12px !important; } .v-padding-bottom1-left1-right2-top2 { padding: 12px 12px 6px 6px !important; } .v-padding-bottom1-left0-right2-top2 { padding: 12px 12px 6px 0 !important; } .v-padding-bottom0-left3-right2-top2 { padding: 12px 12px 0 24px !important; } .v-padding-bottom0-left2-right2-top2 { padding: 12px 12px 0 12px !important; } .v-padding-bottom0-left1-right2-top2 { padding: 12px 12px 0 6px !important; } .v-padding-bottom0-left0-right2-top2 { padding: 12px 12px 0 0 !important; } .v-padding-bottom3-left3-right1-top2 { padding: 12px 6px 24px 24px !important; } .v-padding-bottom3-left2-right1-top2 { padding: 12px 6px 24px 12px !important; } .v-padding-bottom3-left1-right1-top2 { padding: 12px 6px 24px 6px !important; } .v-padding-bottom3-left0-right1-top2 { padding: 12px 6px 24px 0 !important; } .v-padding-bottom2-left3-right1-top2 { padding: 12px 6px 12px 24px !important; } .v-padding-bottom2-left2-right1-top2 { padding: 12px 6px 12px 12px !important; } .v-padding-bottom2-left1-right1-top2 { padding: 12px 6px 12px 6px !important; } .v-padding-bottom2-left0-right1-top2 { padding: 12px 6px 12px 0 !important; } .v-padding-bottom1-left3-right1-top2 { padding: 12px 6px 6px 24px !important; } .v-padding-bottom1-left2-right1-top2 { padding: 12px 6px 6px 12px !important; } .v-padding-bottom1-left1-right1-top2 { padding: 12px 6px 6px 6px !important; } .v-padding-bottom1-left0-right1-top2 { padding: 12px 6px 6px 0 !important; } .v-padding-bottom0-left3-right1-top2 { padding: 12px 6px 0 24px !important; } .v-padding-bottom0-left2-right1-top2 { padding: 12px 6px 0 12px !important; } .v-padding-bottom0-left1-right1-top2 { padding: 12px 6px 0 6px !important; } .v-padding-bottom0-left0-right1-top2 { padding: 12px 6px 0 0 !important; } .v-padding-bottom3-left3-right0-top2 { padding: 12px 0 24px 24px !important; } .v-padding-bottom3-left2-right0-top2 { padding: 12px 0 24px 12px !important; } .v-padding-bottom3-left1-right0-top2 { padding: 12px 0 24px 6px !important; } .v-padding-bottom3-left0-right0-top2 { padding: 12px 0 24px 0 !important; } .v-padding-bottom2-left3-right0-top2 { padding: 12px 0 12px 24px !important; } .v-padding-bottom2-left2-right0-top2 { padding: 12px 0 12px 12px !important; } .v-padding-bottom2-left1-right0-top2 { padding: 12px 0 12px 6px !important; } .v-padding-bottom2-left0-right0-top2 { padding: 12px 0 12px 0 !important; } .v-padding-bottom1-left3-right0-top2 { padding: 12px 0 6px 24px !important; } .v-padding-bottom1-left2-right0-top2 { padding: 12px 0 6px 12px !important; } .v-padding-bottom1-left1-right0-top2 { padding: 12px 0 6px 6px !important; } .v-padding-bottom1-left0-right0-top2 { padding: 12px 0 6px 0 !important; } .v-padding-bottom0-left3-right0-top2 { padding: 12px 0 0 24px !important; } .v-padding-bottom0-left2-right0-top2 { padding: 12px 0 0 12px !important; } .v-padding-bottom0-left1-right0-top2 { padding: 12px 0 0 6px !important; } .v-padding-bottom0-left0-right0-top2 { padding: 12px 0 0 0 !important; } .v-padding-bottom3-left3-right3-top1 { padding: 6px 24px 24px 24px !important; } .v-padding-bottom3-left2-right3-top1 { padding: 6px 24px 24px 12px !important; } .v-padding-bottom3-left1-right3-top1 { padding: 6px 24px 24px 6px !important; } .v-padding-bottom3-left0-right3-top1 { padding: 6px 24px 24px 0 !important; } .v-padding-bottom2-left3-right3-top1 { padding: 6px 24px 12px 24px !important; } .v-padding-bottom2-left2-right3-top1 { padding: 6px 24px 12px 12px !important; } .v-padding-bottom2-left1-right3-top1 { padding: 6px 24px 12px 6px !important; } .v-padding-bottom2-left0-right3-top1 { padding: 6px 24px 12px 0 !important; } .v-padding-bottom1-left3-right3-top1 { padding: 6px 24px 6px 24px !important; } .v-padding-bottom1-left2-right3-top1 { padding: 6px 24px 6px 12px !important; } .v-padding-bottom1-left1-right3-top1 { padding: 6px 24px 6px 6px !important; } .v-padding-bottom1-left0-right3-top1 { padding: 6px 24px 6px 0 !important; } .v-padding-bottom0-left3-right3-top1 { padding: 6px 24px 0 24px !important; } .v-padding-bottom0-left2-right3-top1 { padding: 6px 24px 0 12px !important; } .v-padding-bottom0-left1-right3-top1 { padding: 6px 24px 0 6px !important; } .v-padding-bottom0-left0-right3-top1 { padding: 6px 24px 0 0 !important; } .v-padding-bottom3-left3-right2-top1 { padding: 6px 12px 24px 24px !important; } .v-padding-bottom3-left2-right2-top1 { padding: 6px 12px 24px 12px !important; } .v-padding-bottom3-left1-right2-top1 { padding: 6px 12px 24px 6px !important; } .v-padding-bottom3-left0-right2-top1 { padding: 6px 12px 24px 0 !important; } .v-padding-bottom2-left3-right2-top1 { padding: 6px 12px 12px 24px !important; } .v-padding-bottom2-left2-right2-top1 { padding: 6px 12px 12px 12px !important; } .v-padding-bottom2-left1-right2-top1 { padding: 6px 12px 12px 6px !important; } .v-padding-bottom2-left0-right2-top1 { padding: 6px 12px 12px 0 !important; } .v-padding-bottom1-left3-right2-top1 { padding: 6px 12px 6px 24px !important; } .v-padding-bottom1-left2-right2-top1 { padding: 6px 12px 6px 12px !important; } .v-padding-bottom1-left1-right2-top1 { padding: 6px 12px 6px 6px !important; } .v-padding-bottom1-left0-right2-top1 { padding: 6px 12px 6px 0 !important; } .v-padding-bottom0-left3-right2-top1 { padding: 6px 12px 0 24px !important; } .v-padding-bottom0-left2-right2-top1 { padding: 6px 12px 0 12px !important; } .v-padding-bottom0-left1-right2-top1 { padding: 6px 12px 0 6px !important; } .v-padding-bottom0-left0-right2-top1 { padding: 6px 12px 0 0 !important; } .v-padding-bottom3-left3-right1-top1 { padding: 6px 6px 24px 24px !important; } .v-padding-bottom3-left2-right1-top1 { padding: 6px 6px 24px 12px !important; } .v-padding-bottom3-left1-right1-top1 { padding: 6px 6px 24px 6px !important; } .v-padding-bottom3-left0-right1-top1 { padding: 6px 6px 24px 0 !important; } .v-padding-bottom2-left3-right1-top1 { padding: 6px 6px 12px 24px !important; } .v-padding-bottom2-left2-right1-top1 { padding: 6px 6px 12px 12px !important; } .v-padding-bottom2-left1-right1-top1 { padding: 6px 6px 12px 6px !important; } .v-padding-bottom2-left0-right1-top1 { padding: 6px 6px 12px 0 !important; } .v-padding-bottom1-left3-right1-top1 { padding: 6px 6px 6px 24px !important; } .v-padding-bottom1-left2-right1-top1 { padding: 6px 6px 6px 12px !important; } .v-padding-bottom1-left1-right1-top1 { padding: 6px 6px 6px 6px !important; } .v-padding-bottom1-left0-right1-top1 { padding: 6px 6px 6px 0 !important; } .v-padding-bottom0-left3-right1-top1 { padding: 6px 6px 0 24px !important; } .v-padding-bottom0-left2-right1-top1 { padding: 6px 6px 0 12px !important; } .v-padding-bottom0-left1-right1-top1 { padding: 6px 6px 0 6px !important; } .v-padding-bottom0-left0-right1-top1 { padding: 6px 6px 0 0 !important; } .v-padding-bottom3-left3-right0-top1 { padding: 6px 0 24px 24px !important; } .v-padding-bottom3-left2-right0-top1 { padding: 6px 0 24px 12px !important; } .v-padding-bottom3-left1-right0-top1 { padding: 6px 0 24px 6px !important; } .v-padding-bottom3-left0-right0-top1 { padding: 6px 0 24px 0 !important; } .v-padding-bottom2-left3-right0-top1 { padding: 6px 0 12px 24px !important; } .v-padding-bottom2-left2-right0-top1 { padding: 6px 0 12px 12px !important; } .v-padding-bottom2-left1-right0-top1 { padding: 6px 0 12px 6px !important; } .v-padding-bottom2-left0-right0-top1 { padding: 6px 0 12px 0 !important; } .v-padding-bottom1-left3-right0-top1 { padding: 6px 0 6px 24px !important; } .v-padding-bottom1-left2-right0-top1 { padding: 6px 0 6px 12px !important; } .v-padding-bottom1-left1-right0-top1 { padding: 6px 0 6px 6px !important; } .v-padding-bottom1-left0-right0-top1 { padding: 6px 0 6px 0 !important; } .v-padding-bottom0-left3-right0-top1 { padding: 6px 0 0 24px !important; } .v-padding-bottom0-left2-right0-top1 { padding: 6px 0 0 12px !important; } .v-padding-bottom0-left1-right0-top1 { padding: 6px 0 0 6px !important; } .v-padding-bottom0-left0-right0-top1 { padding: 6px 0 0 0 !important; } .v-padding-bottom3-left3-right3-top0 { padding: 0 24px 24px 24px !important; } .v-padding-bottom3-left2-right3-top0 { padding: 0 24px 24px 12px !important; } .v-padding-bottom3-left1-right3-top0 { padding: 0 24px 24px 6px !important; } .v-padding-bottom3-left0-right3-top0 { padding: 0 24px 24px 0 !important; } .v-padding-bottom2-left3-right3-top0 { padding: 0 24px 12px 24px !important; } .v-padding-bottom2-left2-right3-top0 { padding: 0 24px 12px 12px !important; } .v-padding-bottom2-left1-right3-top0 { padding: 0 24px 12px 6px !important; } .v-padding-bottom2-left0-right3-top0 { padding: 0 24px 12px 0 !important; } .v-padding-bottom1-left3-right3-top0 { padding: 0 24px 6px 24px !important; } .v-padding-bottom1-left2-right3-top0 { padding: 0 24px 6px 12px !important; } .v-padding-bottom1-left1-right3-top0 { padding: 0 24px 6px 6px !important; } .v-padding-bottom1-left0-right3-top0 { padding: 0 24px 6px 0 !important; } .v-padding-bottom0-left3-right3-top0 { padding: 0 24px 0 24px !important; } .v-padding-bottom0-left2-right3-top0 { padding: 0 24px 0 12px !important; } .v-padding-bottom0-left1-right3-top0 { padding: 0 24px 0 6px !important; } .v-padding-bottom0-left0-right3-top0 { padding: 0 24px 0 0 !important; } .v-padding-bottom3-left3-right2-top0 { padding: 0 12px 24px 24px !important; } .v-padding-bottom3-left2-right2-top0 { padding: 0 12px 24px 12px !important; } .v-padding-bottom3-left1-right2-top0 { padding: 0 12px 24px 6px !important; } .v-padding-bottom3-left0-right2-top0 { padding: 0 12px 24px 0 !important; } .v-padding-bottom2-left3-right2-top0 { padding: 0 12px 12px 24px !important; } .v-padding-bottom2-left2-right2-top0 { padding: 0 12px 12px 12px !important; } .v-padding-bottom2-left1-right2-top0 { padding: 0 12px 12px 6px !important; } .v-padding-bottom2-left0-right2-top0 { padding: 0 12px 12px 0 !important; } .v-padding-bottom1-left3-right2-top0 { padding: 0 12px 6px 24px !important; } .v-padding-bottom1-left2-right2-top0 { padding: 0 12px 6px 12px !important; } .v-padding-bottom1-left1-right2-top0 { padding: 0 12px 6px 6px !important; } .v-padding-bottom1-left0-right2-top0 { padding: 0 12px 6px 0 !important; } .v-padding-bottom0-left3-right2-top0 { padding: 0 12px 0 24px !important; } .v-padding-bottom0-left2-right2-top0 { padding: 0 12px 0 12px !important; } .v-padding-bottom0-left1-right2-top0 { padding: 0 12px 0 6px !important; } .v-padding-bottom0-left0-right2-top0 { padding: 0 12px 0 0 !important; } .v-padding-bottom3-left3-right1-top0 { padding: 0 6px 24px 24px !important; } .v-padding-bottom3-left2-right1-top0 { padding: 0 6px 24px 12px !important; } .v-padding-bottom3-left1-right1-top0 { padding: 0 6px 24px 6px !important; } .v-padding-bottom3-left0-right1-top0 { padding: 0 6px 24px 0 !important; } .v-padding-bottom2-left3-right1-top0 { padding: 0 6px 12px 24px !important; } .v-padding-bottom2-left2-right1-top0 { padding: 0 6px 12px 12px !important; } .v-padding-bottom2-left1-right1-top0 { padding: 0 6px 12px 6px !important; } .v-padding-bottom2-left0-right1-top0 { padding: 0 6px 12px 0 !important; } .v-padding-bottom1-left3-right1-top0 { padding: 0 6px 6px 24px !important; } .v-padding-bottom1-left2-right1-top0 { padding: 0 6px 6px 12px !important; } .v-padding-bottom1-left1-right1-top0 { padding: 0 6px 6px 6px !important; } .v-padding-bottom1-left0-right1-top0 { padding: 0 6px 6px 0 !important; } .v-padding-bottom0-left3-right1-top0 { padding: 0 6px 0 24px !important; } .v-padding-bottom0-left2-right1-top0 { padding: 0 6px 0 12px !important; } .v-padding-bottom0-left1-right1-top0 { padding: 0 6px 0 6px !important; } .v-padding-bottom0-left0-right1-top0 { padding: 0 6px 0 0 !important; } .v-padding-bottom3-left3-right0-top0 { padding: 0 0 24px 24px !important; } .v-padding-bottom3-left2-right0-top0 { padding: 0 0 24px 12px !important; } .v-padding-bottom3-left1-right0-top0 { padding: 0 0 24px 6px !important; } .v-padding-bottom3-left0-right0-top0 { padding: 0 0 24px 0 !important; } .v-padding-bottom2-left3-right0-top0 { padding: 0 0 12px 24px !important; } .v-padding-bottom2-left2-right0-top0 { padding: 0 0 12px 12px !important; } .v-padding-bottom2-left1-right0-top0 { padding: 0 0 12px 6px !important; } .v-padding-bottom2-left0-right0-top0 { padding: 0 0 12px 0 !important; } .v-padding-bottom1-left3-right0-top0 { padding: 0 0 6px 24px !important; } .v-padding-bottom1-left2-right0-top0 { padding: 0 0 6px 12px !important; } .v-padding-bottom1-left1-right0-top0 { padding: 0 0 6px 6px !important; } .v-padding-bottom1-left0-right0-top0 { padding: 0 0 6px 0 !important; } .v-padding-bottom0-left3-right0-top0 { padding: 0 0 0 24px !important; } .v-padding-bottom0-left2-right0-top0 { padding: 0 0 0 12px !important; } .v-padding-bottom0-left1-right0-top0 { padding: 0 0 0 6px !important; } .v-padding-bottom0-left0-right0-top0 { padding: 0 0 0 0 !important; } } @media (min-width: 480px) and (max-width: 839px) { .v-padding-bottom3-left3-right3-top3 { padding: 16px 16px 16px 16px !important; } .v-padding-bottom3-left2-right3-top3 { padding: 16px 16px 16px 8px !important; } .v-padding-bottom3-left1-right3-top3 { padding: 16px 16px 16px 4px !important; } .v-padding-bottom3-left0-right3-top3 { padding: 16px 16px 16px 0 !important; } .v-padding-bottom2-left3-right3-top3 { padding: 16px 16px 8px 16px !important; } .v-padding-bottom2-left2-right3-top3 { padding: 16px 16px 8px 8px !important; } .v-padding-bottom2-left1-right3-top3 { padding: 16px 16px 8px 4px !important; } .v-padding-bottom2-left0-right3-top3 { padding: 16px 16px 8px 0 !important; } .v-padding-bottom1-left3-right3-top3 { padding: 16px 16px 4px 16px !important; } .v-padding-bottom1-left2-right3-top3 { padding: 16px 16px 4px 8px !important; } .v-padding-bottom1-left1-right3-top3 { padding: 16px 16px 4px 4px !important; } .v-padding-bottom1-left0-right3-top3 { padding: 16px 16px 4px 0 !important; } .v-padding-bottom0-left3-right3-top3 { padding: 16px 16px 0 16px !important; } .v-padding-bottom0-left2-right3-top3 { padding: 16px 16px 0 8px !important; } .v-padding-bottom0-left1-right3-top3 { padding: 16px 16px 0 4px !important; } .v-padding-bottom0-left0-right3-top3 { padding: 16px 16px 0 0 !important; } .v-padding-bottom3-left3-right2-top3 { padding: 16px 8px 16px 16px !important; } .v-padding-bottom3-left2-right2-top3 { padding: 16px 8px 16px 8px !important; } .v-padding-bottom3-left1-right2-top3 { padding: 16px 8px 16px 4px !important; } .v-padding-bottom3-left0-right2-top3 { padding: 16px 8px 16px 0 !important; } .v-padding-bottom2-left3-right2-top3 { padding: 16px 8px 8px 16px !important; } .v-padding-bottom2-left2-right2-top3 { padding: 16px 8px 8px 8px !important; } .v-padding-bottom2-left1-right2-top3 { padding: 16px 8px 8px 4px !important; } .v-padding-bottom2-left0-right2-top3 { padding: 16px 8px 8px 0 !important; } .v-padding-bottom1-left3-right2-top3 { padding: 16px 8px 4px 16px !important; } .v-padding-bottom1-left2-right2-top3 { padding: 16px 8px 4px 8px !important; } .v-padding-bottom1-left1-right2-top3 { padding: 16px 8px 4px 4px !important; } .v-padding-bottom1-left0-right2-top3 { padding: 16px 8px 4px 0 !important; } .v-padding-bottom0-left3-right2-top3 { padding: 16px 8px 0 16px !important; } .v-padding-bottom0-left2-right2-top3 { padding: 16px 8px 0 8px !important; } .v-padding-bottom0-left1-right2-top3 { padding: 16px 8px 0 4px !important; } .v-padding-bottom0-left0-right2-top3 { padding: 16px 8px 0 0 !important; } .v-padding-bottom3-left3-right1-top3 { padding: 16px 4px 16px 16px !important; } .v-padding-bottom3-left2-right1-top3 { padding: 16px 4px 16px 8px !important; } .v-padding-bottom3-left1-right1-top3 { padding: 16px 4px 16px 4px !important; } .v-padding-bottom3-left0-right1-top3 { padding: 16px 4px 16px 0 !important; } .v-padding-bottom2-left3-right1-top3 { padding: 16px 4px 8px 16px !important; } .v-padding-bottom2-left2-right1-top3 { padding: 16px 4px 8px 8px !important; } .v-padding-bottom2-left1-right1-top3 { padding: 16px 4px 8px 4px !important; } .v-padding-bottom2-left0-right1-top3 { padding: 16px 4px 8px 0 !important; } .v-padding-bottom1-left3-right1-top3 { padding: 16px 4px 4px 16px !important; } .v-padding-bottom1-left2-right1-top3 { padding: 16px 4px 4px 8px !important; } .v-padding-bottom1-left1-right1-top3 { padding: 16px 4px 4px 4px !important; } .v-padding-bottom1-left0-right1-top3 { padding: 16px 4px 4px 0 !important; } .v-padding-bottom0-left3-right1-top3 { padding: 16px 4px 0 16px !important; } .v-padding-bottom0-left2-right1-top3 { padding: 16px 4px 0 8px !important; } .v-padding-bottom0-left1-right1-top3 { padding: 16px 4px 0 4px !important; } .v-padding-bottom0-left0-right1-top3 { padding: 16px 4px 0 0 !important; } .v-padding-bottom3-left3-right0-top3 { padding: 16px 0 16px 16px !important; } .v-padding-bottom3-left2-right0-top3 { padding: 16px 0 16px 8px !important; } .v-padding-bottom3-left1-right0-top3 { padding: 16px 0 16px 4px !important; } .v-padding-bottom3-left0-right0-top3 { padding: 16px 0 16px 0 !important; } .v-padding-bottom2-left3-right0-top3 { padding: 16px 0 8px 16px !important; } .v-padding-bottom2-left2-right0-top3 { padding: 16px 0 8px 8px !important; } .v-padding-bottom2-left1-right0-top3 { padding: 16px 0 8px 4px !important; } .v-padding-bottom2-left0-right0-top3 { padding: 16px 0 8px 0 !important; } .v-padding-bottom1-left3-right0-top3 { padding: 16px 0 4px 16px !important; } .v-padding-bottom1-left2-right0-top3 { padding: 16px 0 4px 8px !important; } .v-padding-bottom1-left1-right0-top3 { padding: 16px 0 4px 4px !important; } .v-padding-bottom1-left0-right0-top3 { padding: 16px 0 4px 0 !important; } .v-padding-bottom0-left3-right0-top3 { padding: 16px 0 0 16px !important; } .v-padding-bottom0-left2-right0-top3 { padding: 16px 0 0 8px !important; } .v-padding-bottom0-left1-right0-top3 { padding: 16px 0 0 4px !important; } .v-padding-bottom0-left0-right0-top3 { padding: 16px 0 0 0 !important; } .v-padding-bottom3-left3-right3-top2 { padding: 8px 16px 16px 16px !important; } .v-padding-bottom3-left2-right3-top2 { padding: 8px 16px 16px 8px !important; } .v-padding-bottom3-left1-right3-top2 { padding: 8px 16px 16px 4px !important; } .v-padding-bottom3-left0-right3-top2 { padding: 8px 16px 16px 0 !important; } .v-padding-bottom2-left3-right3-top2 { padding: 8px 16px 8px 16px !important; } .v-padding-bottom2-left2-right3-top2 { padding: 8px 16px 8px 8px !important; } .v-padding-bottom2-left1-right3-top2 { padding: 8px 16px 8px 4px !important; } .v-padding-bottom2-left0-right3-top2 { padding: 8px 16px 8px 0 !important; } .v-padding-bottom1-left3-right3-top2 { padding: 8px 16px 4px 16px !important; } .v-padding-bottom1-left2-right3-top2 { padding: 8px 16px 4px 8px !important; } .v-padding-bottom1-left1-right3-top2 { padding: 8px 16px 4px 4px !important; } .v-padding-bottom1-left0-right3-top2 { padding: 8px 16px 4px 0 !important; } .v-padding-bottom0-left3-right3-top2 { padding: 8px 16px 0 16px !important; } .v-padding-bottom0-left2-right3-top2 { padding: 8px 16px 0 8px !important; } .v-padding-bottom0-left1-right3-top2 { padding: 8px 16px 0 4px !important; } .v-padding-bottom0-left0-right3-top2 { padding: 8px 16px 0 0 !important; } .v-padding-bottom3-left3-right2-top2 { padding: 8px 8px 16px 16px !important; } .v-padding-bottom3-left2-right2-top2 { padding: 8px 8px 16px 8px !important; } .v-padding-bottom3-left1-right2-top2 { padding: 8px 8px 16px 4px !important; } .v-padding-bottom3-left0-right2-top2 { padding: 8px 8px 16px 0 !important; } .v-padding-bottom2-left3-right2-top2 { padding: 8px 8px 8px 16px !important; } .v-padding-bottom2-left2-right2-top2 { padding: 8px 8px 8px 8px !important; } .v-padding-bottom2-left1-right2-top2 { padding: 8px 8px 8px 4px !important; } .v-padding-bottom2-left0-right2-top2 { padding: 8px 8px 8px 0 !important; } .v-padding-bottom1-left3-right2-top2 { padding: 8px 8px 4px 16px !important; } .v-padding-bottom1-left2-right2-top2 { padding: 8px 8px 4px 8px !important; } .v-padding-bottom1-left1-right2-top2 { padding: 8px 8px 4px 4px !important; } .v-padding-bottom1-left0-right2-top2 { padding: 8px 8px 4px 0 !important; } .v-padding-bottom0-left3-right2-top2 { padding: 8px 8px 0 16px !important; } .v-padding-bottom0-left2-right2-top2 { padding: 8px 8px 0 8px !important; } .v-padding-bottom0-left1-right2-top2 { padding: 8px 8px 0 4px !important; } .v-padding-bottom0-left0-right2-top2 { padding: 8px 8px 0 0 !important; } .v-padding-bottom3-left3-right1-top2 { padding: 8px 4px 16px 16px !important; } .v-padding-bottom3-left2-right1-top2 { padding: 8px 4px 16px 8px !important; } .v-padding-bottom3-left1-right1-top2 { padding: 8px 4px 16px 4px !important; } .v-padding-bottom3-left0-right1-top2 { padding: 8px 4px 16px 0 !important; } .v-padding-bottom2-left3-right1-top2 { padding: 8px 4px 8px 16px !important; } .v-padding-bottom2-left2-right1-top2 { padding: 8px 4px 8px 8px !important; } .v-padding-bottom2-left1-right1-top2 { padding: 8px 4px 8px 4px !important; } .v-padding-bottom2-left0-right1-top2 { padding: 8px 4px 8px 0 !important; } .v-padding-bottom1-left3-right1-top2 { padding: 8px 4px 4px 16px !important; } .v-padding-bottom1-left2-right1-top2 { padding: 8px 4px 4px 8px !important; } .v-padding-bottom1-left1-right1-top2 { padding: 8px 4px 4px 4px !important; } .v-padding-bottom1-left0-right1-top2 { padding: 8px 4px 4px 0 !important; } .v-padding-bottom0-left3-right1-top2 { padding: 8px 4px 0 16px !important; } .v-padding-bottom0-left2-right1-top2 { padding: 8px 4px 0 8px !important; } .v-padding-bottom0-left1-right1-top2 { padding: 8px 4px 0 4px !important; } .v-padding-bottom0-left0-right1-top2 { padding: 8px 4px 0 0 !important; } .v-padding-bottom3-left3-right0-top2 { padding: 8px 0 16px 16px !important; } .v-padding-bottom3-left2-right0-top2 { padding: 8px 0 16px 8px !important; } .v-padding-bottom3-left1-right0-top2 { padding: 8px 0 16px 4px !important; } .v-padding-bottom3-left0-right0-top2 { padding: 8px 0 16px 0 !important; } .v-padding-bottom2-left3-right0-top2 { padding: 8px 0 8px 16px !important; } .v-padding-bottom2-left2-right0-top2 { padding: 8px 0 8px 8px !important; } .v-padding-bottom2-left1-right0-top2 { padding: 8px 0 8px 4px !important; } .v-padding-bottom2-left0-right0-top2 { padding: 8px 0 8px 0 !important; } .v-padding-bottom1-left3-right0-top2 { padding: 8px 0 4px 16px !important; } .v-padding-bottom1-left2-right0-top2 { padding: 8px 0 4px 8px !important; } .v-padding-bottom1-left1-right0-top2 { padding: 8px 0 4px 4px !important; } .v-padding-bottom1-left0-right0-top2 { padding: 8px 0 4px 0 !important; } .v-padding-bottom0-left3-right0-top2 { padding: 8px 0 0 16px !important; } .v-padding-bottom0-left2-right0-top2 { padding: 8px 0 0 8px !important; } .v-padding-bottom0-left1-right0-top2 { padding: 8px 0 0 4px !important; } .v-padding-bottom0-left0-right0-top2 { padding: 8px 0 0 0 !important; } .v-padding-bottom3-left3-right3-top1 { padding: 4px 16px 16px 16px !important; } .v-padding-bottom3-left2-right3-top1 { padding: 4px 16px 16px 8px !important; } .v-padding-bottom3-left1-right3-top1 { padding: 4px 16px 16px 4px !important; } .v-padding-bottom3-left0-right3-top1 { padding: 4px 16px 16px 0 !important; } .v-padding-bottom2-left3-right3-top1 { padding: 4px 16px 8px 16px !important; } .v-padding-bottom2-left2-right3-top1 { padding: 4px 16px 8px 8px !important; } .v-padding-bottom2-left1-right3-top1 { padding: 4px 16px 8px 4px !important; } .v-padding-bottom2-left0-right3-top1 { padding: 4px 16px 8px 0 !important; } .v-padding-bottom1-left3-right3-top1 { padding: 4px 16px 4px 16px !important; } .v-padding-bottom1-left2-right3-top1 { padding: 4px 16px 4px 8px !important; } .v-padding-bottom1-left1-right3-top1 { padding: 4px 16px 4px 4px !important; } .v-padding-bottom1-left0-right3-top1 { padding: 4px 16px 4px 0 !important; } .v-padding-bottom0-left3-right3-top1 { padding: 4px 16px 0 16px !important; } .v-padding-bottom0-left2-right3-top1 { padding: 4px 16px 0 8px !important; } .v-padding-bottom0-left1-right3-top1 { padding: 4px 16px 0 4px !important; } .v-padding-bottom0-left0-right3-top1 { padding: 4px 16px 0 0 !important; } .v-padding-bottom3-left3-right2-top1 { padding: 4px 8px 16px 16px !important; } .v-padding-bottom3-left2-right2-top1 { padding: 4px 8px 16px 8px !important; } .v-padding-bottom3-left1-right2-top1 { padding: 4px 8px 16px 4px !important; } .v-padding-bottom3-left0-right2-top1 { padding: 4px 8px 16px 0 !important; } .v-padding-bottom2-left3-right2-top1 { padding: 4px 8px 8px 16px !important; } .v-padding-bottom2-left2-right2-top1 { padding: 4px 8px 8px 8px !important; } .v-padding-bottom2-left1-right2-top1 { padding: 4px 8px 8px 4px !important; } .v-padding-bottom2-left0-right2-top1 { padding: 4px 8px 8px 0 !important; } .v-padding-bottom1-left3-right2-top1 { padding: 4px 8px 4px 16px !important; } .v-padding-bottom1-left2-right2-top1 { padding: 4px 8px 4px 8px !important; } .v-padding-bottom1-left1-right2-top1 { padding: 4px 8px 4px 4px !important; } .v-padding-bottom1-left0-right2-top1 { padding: 4px 8px 4px 0 !important; } .v-padding-bottom0-left3-right2-top1 { padding: 4px 8px 0 16px !important; } .v-padding-bottom0-left2-right2-top1 { padding: 4px 8px 0 8px !important; } .v-padding-bottom0-left1-right2-top1 { padding: 4px 8px 0 4px !important; } .v-padding-bottom0-left0-right2-top1 { padding: 4px 8px 0 0 !important; } .v-padding-bottom3-left3-right1-top1 { padding: 4px 4px 16px 16px !important; } .v-padding-bottom3-left2-right1-top1 { padding: 4px 4px 16px 8px !important; } .v-padding-bottom3-left1-right1-top1 { padding: 4px 4px 16px 4px !important; } .v-padding-bottom3-left0-right1-top1 { padding: 4px 4px 16px 0 !important; } .v-padding-bottom2-left3-right1-top1 { padding: 4px 4px 8px 16px !important; } .v-padding-bottom2-left2-right1-top1 { padding: 4px 4px 8px 8px !important; } .v-padding-bottom2-left1-right1-top1 { padding: 4px 4px 8px 4px !important; } .v-padding-bottom2-left0-right1-top1 { padding: 4px 4px 8px 0 !important; } .v-padding-bottom1-left3-right1-top1 { padding: 4px 4px 4px 16px !important; } .v-padding-bottom1-left2-right1-top1 { padding: 4px 4px 4px 8px !important; } .v-padding-bottom1-left1-right1-top1 { padding: 4px 4px 4px 4px !important; } .v-padding-bottom1-left0-right1-top1 { padding: 4px 4px 4px 0 !important; } .v-padding-bottom0-left3-right1-top1 { padding: 4px 4px 0 16px !important; } .v-padding-bottom0-left2-right1-top1 { padding: 4px 4px 0 8px !important; } .v-padding-bottom0-left1-right1-top1 { padding: 4px 4px 0 4px !important; } .v-padding-bottom0-left0-right1-top1 { padding: 4px 4px 0 0 !important; } .v-padding-bottom3-left3-right0-top1 { padding: 4px 0 16px 16px !important; } .v-padding-bottom3-left2-right0-top1 { padding: 4px 0 16px 8px !important; } .v-padding-bottom3-left1-right0-top1 { padding: 4px 0 16px 4px !important; } .v-padding-bottom3-left0-right0-top1 { padding: 4px 0 16px 0 !important; } .v-padding-bottom2-left3-right0-top1 { padding: 4px 0 8px 16px !important; } .v-padding-bottom2-left2-right0-top1 { padding: 4px 0 8px 8px !important; } .v-padding-bottom2-left1-right0-top1 { padding: 4px 0 8px 4px !important; } .v-padding-bottom2-left0-right0-top1 { padding: 4px 0 8px 0 !important; } .v-padding-bottom1-left3-right0-top1 { padding: 4px 0 4px 16px !important; } .v-padding-bottom1-left2-right0-top1 { padding: 4px 0 4px 8px !important; } .v-padding-bottom1-left1-right0-top1 { padding: 4px 0 4px 4px !important; } .v-padding-bottom1-left0-right0-top1 { padding: 4px 0 4px 0 !important; } .v-padding-bottom0-left3-right0-top1 { padding: 4px 0 0 16px !important; } .v-padding-bottom0-left2-right0-top1 { padding: 4px 0 0 8px !important; } .v-padding-bottom0-left1-right0-top1 { padding: 4px 0 0 4px !important; } .v-padding-bottom0-left0-right0-top1 { padding: 4px 0 0 0 !important; } .v-padding-bottom3-left3-right3-top0 { padding: 0 16px 16px 16px !important; } .v-padding-bottom3-left2-right3-top0 { padding: 0 16px 16px 8px !important; } .v-padding-bottom3-left1-right3-top0 { padding: 0 16px 16px 4px !important; } .v-padding-bottom3-left0-right3-top0 { padding: 0 16px 16px 0 !important; } .v-padding-bottom2-left3-right3-top0 { padding: 0 16px 8px 16px !important; } .v-padding-bottom2-left2-right3-top0 { padding: 0 16px 8px 8px !important; } .v-padding-bottom2-left1-right3-top0 { padding: 0 16px 8px 4px !important; } .v-padding-bottom2-left0-right3-top0 { padding: 0 16px 8px 0 !important; } .v-padding-bottom1-left3-right3-top0 { padding: 0 16px 4px 16px !important; } .v-padding-bottom1-left2-right3-top0 { padding: 0 16px 4px 8px !important; } .v-padding-bottom1-left1-right3-top0 { padding: 0 16px 4px 4px !important; } .v-padding-bottom1-left0-right3-top0 { padding: 0 16px 4px 0 !important; } .v-padding-bottom0-left3-right3-top0 { padding: 0 16px 0 16px !important; } .v-padding-bottom0-left2-right3-top0 { padding: 0 16px 0 8px !important; } .v-padding-bottom0-left1-right3-top0 { padding: 0 16px 0 4px !important; } .v-padding-bottom0-left0-right3-top0 { padding: 0 16px 0 0 !important; } .v-padding-bottom3-left3-right2-top0 { padding: 0 8px 16px 16px !important; } .v-padding-bottom3-left2-right2-top0 { padding: 0 8px 16px 8px !important; } .v-padding-bottom3-left1-right2-top0 { padding: 0 8px 16px 4px !important; } .v-padding-bottom3-left0-right2-top0 { padding: 0 8px 16px 0 !important; } .v-padding-bottom2-left3-right2-top0 { padding: 0 8px 8px 16px !important; } .v-padding-bottom2-left2-right2-top0 { padding: 0 8px 8px 8px !important; } .v-padding-bottom2-left1-right2-top0 { padding: 0 8px 8px 4px !important; } .v-padding-bottom2-left0-right2-top0 { padding: 0 8px 8px 0 !important; } .v-padding-bottom1-left3-right2-top0 { padding: 0 8px 4px 16px !important; } .v-padding-bottom1-left2-right2-top0 { padding: 0 8px 4px 8px !important; } .v-padding-bottom1-left1-right2-top0 { padding: 0 8px 4px 4px !important; } .v-padding-bottom1-left0-right2-top0 { padding: 0 8px 4px 0 !important; } .v-padding-bottom0-left3-right2-top0 { padding: 0 8px 0 16px !important; } .v-padding-bottom0-left2-right2-top0 { padding: 0 8px 0 8px !important; } .v-padding-bottom0-left1-right2-top0 { padding: 0 8px 0 4px !important; } .v-padding-bottom0-left0-right2-top0 { padding: 0 8px 0 0 !important; } .v-padding-bottom3-left3-right1-top0 { padding: 0 4px 16px 16px !important; } .v-padding-bottom3-left2-right1-top0 { padding: 0 4px 16px 8px !important; } .v-padding-bottom3-left1-right1-top0 { padding: 0 4px 16px 4px !important; } .v-padding-bottom3-left0-right1-top0 { padding: 0 4px 16px 0 !important; } .v-padding-bottom2-left3-right1-top0 { padding: 0 4px 8px 16px !important; } .v-padding-bottom2-left2-right1-top0 { padding: 0 4px 8px 8px !important; } .v-padding-bottom2-left1-right1-top0 { padding: 0 4px 8px 4px !important; } .v-padding-bottom2-left0-right1-top0 { padding: 0 4px 8px 0 !important; } .v-padding-bottom1-left3-right1-top0 { padding: 0 4px 4px 16px !important; } .v-padding-bottom1-left2-right1-top0 { padding: 0 4px 4px 8px !important; } .v-padding-bottom1-left1-right1-top0 { padding: 0 4px 4px 4px !important; } .v-padding-bottom1-left0-right1-top0 { padding: 0 4px 4px 0 !important; } .v-padding-bottom0-left3-right1-top0 { padding: 0 4px 0 16px !important; } .v-padding-bottom0-left2-right1-top0 { padding: 0 4px 0 8px !important; } .v-padding-bottom0-left1-right1-top0 { padding: 0 4px 0 4px !important; } .v-padding-bottom0-left0-right1-top0 { padding: 0 4px 0 0 !important; } .v-padding-bottom3-left3-right0-top0 { padding: 0 0 16px 16px !important; } .v-padding-bottom3-left2-right0-top0 { padding: 0 0 16px 8px !important; } .v-padding-bottom3-left1-right0-top0 { padding: 0 0 16px 4px !important; } .v-padding-bottom3-left0-right0-top0 { padding: 0 0 16px 0 !important; } .v-padding-bottom2-left3-right0-top0 { padding: 0 0 8px 16px !important; } .v-padding-bottom2-left2-right0-top0 { padding: 0 0 8px 8px !important; } .v-padding-bottom2-left1-right0-top0 { padding: 0 0 8px 4px !important; } .v-padding-bottom2-left0-right0-top0 { padding: 0 0 8px 0 !important; } .v-padding-bottom1-left3-right0-top0 { padding: 0 0 4px 16px !important; } .v-padding-bottom1-left2-right0-top0 { padding: 0 0 4px 8px !important; } .v-padding-bottom1-left1-right0-top0 { padding: 0 0 4px 4px !important; } .v-padding-bottom1-left0-right0-top0 { padding: 0 0 4px 0 !important; } .v-padding-bottom0-left3-right0-top0 { padding: 0 0 0 16px !important; } .v-padding-bottom0-left2-right0-top0 { padding: 0 0 0 8px !important; } .v-padding-bottom0-left1-right0-top0 { padding: 0 0 0 4px !important; } .v-padding-bottom0-left0-right0-top0 { padding: 0 0 0 0 !important; } } @media (max-width: 479px) { .v-padding-bottom3-left3-right3-top3 { padding: 16px 16px 16px 16px !important; } .v-padding-bottom3-left2-right3-top3 { padding: 16px 16px 16px 8px !important; } .v-padding-bottom3-left1-right3-top3 { padding: 16px 16px 16px 4px !important; } .v-padding-bottom3-left0-right3-top3 { padding: 16px 16px 16px 0 !important; } .v-padding-bottom2-left3-right3-top3 { padding: 16px 16px 8px 16px !important; } .v-padding-bottom2-left2-right3-top3 { padding: 16px 16px 8px 8px !important; } .v-padding-bottom2-left1-right3-top3 { padding: 16px 16px 8px 4px !important; } .v-padding-bottom2-left0-right3-top3 { padding: 16px 16px 8px 0 !important; } .v-padding-bottom1-left3-right3-top3 { padding: 16px 16px 4px 16px !important; } .v-padding-bottom1-left2-right3-top3 { padding: 16px 16px 4px 8px !important; } .v-padding-bottom1-left1-right3-top3 { padding: 16px 16px 4px 4px !important; } .v-padding-bottom1-left0-right3-top3 { padding: 16px 16px 4px 0 !important; } .v-padding-bottom0-left3-right3-top3 { padding: 16px 16px 0 16px !important; } .v-padding-bottom0-left2-right3-top3 { padding: 16px 16px 0 8px !important; } .v-padding-bottom0-left1-right3-top3 { padding: 16px 16px 0 4px !important; } .v-padding-bottom0-left0-right3-top3 { padding: 16px 16px 0 0 !important; } .v-padding-bottom3-left3-right2-top3 { padding: 16px 8px 16px 16px !important; } .v-padding-bottom3-left2-right2-top3 { padding: 16px 8px 16px 8px !important; } .v-padding-bottom3-left1-right2-top3 { padding: 16px 8px 16px 4px !important; } .v-padding-bottom3-left0-right2-top3 { padding: 16px 8px 16px 0 !important; } .v-padding-bottom2-left3-right2-top3 { padding: 16px 8px 8px 16px !important; } .v-padding-bottom2-left2-right2-top3 { padding: 16px 8px 8px 8px !important; } .v-padding-bottom2-left1-right2-top3 { padding: 16px 8px 8px 4px !important; } .v-padding-bottom2-left0-right2-top3 { padding: 16px 8px 8px 0 !important; } .v-padding-bottom1-left3-right2-top3 { padding: 16px 8px 4px 16px !important; } .v-padding-bottom1-left2-right2-top3 { padding: 16px 8px 4px 8px !important; } .v-padding-bottom1-left1-right2-top3 { padding: 16px 8px 4px 4px !important; } .v-padding-bottom1-left0-right2-top3 { padding: 16px 8px 4px 0 !important; } .v-padding-bottom0-left3-right2-top3 { padding: 16px 8px 0 16px !important; } .v-padding-bottom0-left2-right2-top3 { padding: 16px 8px 0 8px !important; } .v-padding-bottom0-left1-right2-top3 { padding: 16px 8px 0 4px !important; } .v-padding-bottom0-left0-right2-top3 { padding: 16px 8px 0 0 !important; } .v-padding-bottom3-left3-right1-top3 { padding: 16px 4px 16px 16px !important; } .v-padding-bottom3-left2-right1-top3 { padding: 16px 4px 16px 8px !important; } .v-padding-bottom3-left1-right1-top3 { padding: 16px 4px 16px 4px !important; } .v-padding-bottom3-left0-right1-top3 { padding: 16px 4px 16px 0 !important; } .v-padding-bottom2-left3-right1-top3 { padding: 16px 4px 8px 16px !important; } .v-padding-bottom2-left2-right1-top3 { padding: 16px 4px 8px 8px !important; } .v-padding-bottom2-left1-right1-top3 { padding: 16px 4px 8px 4px !important; } .v-padding-bottom2-left0-right1-top3 { padding: 16px 4px 8px 0 !important; } .v-padding-bottom1-left3-right1-top3 { padding: 16px 4px 4px 16px !important; } .v-padding-bottom1-left2-right1-top3 { padding: 16px 4px 4px 8px !important; } .v-padding-bottom1-left1-right1-top3 { padding: 16px 4px 4px 4px !important; } .v-padding-bottom1-left0-right1-top3 { padding: 16px 4px 4px 0 !important; } .v-padding-bottom0-left3-right1-top3 { padding: 16px 4px 0 16px !important; } .v-padding-bottom0-left2-right1-top3 { padding: 16px 4px 0 8px !important; } .v-padding-bottom0-left1-right1-top3 { padding: 16px 4px 0 4px !important; } .v-padding-bottom0-left0-right1-top3 { padding: 16px 4px 0 0 !important; } .v-padding-bottom3-left3-right0-top3 { padding: 16px 0 16px 16px !important; } .v-padding-bottom3-left2-right0-top3 { padding: 16px 0 16px 8px !important; } .v-padding-bottom3-left1-right0-top3 { padding: 16px 0 16px 4px !important; } .v-padding-bottom3-left0-right0-top3 { padding: 16px 0 16px 0 !important; } .v-padding-bottom2-left3-right0-top3 { padding: 16px 0 8px 16px !important; } .v-padding-bottom2-left2-right0-top3 { padding: 16px 0 8px 8px !important; } .v-padding-bottom2-left1-right0-top3 { padding: 16px 0 8px 4px !important; } .v-padding-bottom2-left0-right0-top3 { padding: 16px 0 8px 0 !important; } .v-padding-bottom1-left3-right0-top3 { padding: 16px 0 4px 16px !important; } .v-padding-bottom1-left2-right0-top3 { padding: 16px 0 4px 8px !important; } .v-padding-bottom1-left1-right0-top3 { padding: 16px 0 4px 4px !important; } .v-padding-bottom1-left0-right0-top3 { padding: 16px 0 4px 0 !important; } .v-padding-bottom0-left3-right0-top3 { padding: 16px 0 0 16px !important; } .v-padding-bottom0-left2-right0-top3 { padding: 16px 0 0 8px !important; } .v-padding-bottom0-left1-right0-top3 { padding: 16px 0 0 4px !important; } .v-padding-bottom0-left0-right0-top3 { padding: 16px 0 0 0 !important; } .v-padding-bottom3-left3-right3-top2 { padding: 8px 16px 16px 16px !important; } .v-padding-bottom3-left2-right3-top2 { padding: 8px 16px 16px 8px !important; } .v-padding-bottom3-left1-right3-top2 { padding: 8px 16px 16px 4px !important; } .v-padding-bottom3-left0-right3-top2 { padding: 8px 16px 16px 0 !important; } .v-padding-bottom2-left3-right3-top2 { padding: 8px 16px 8px 16px !important; } .v-padding-bottom2-left2-right3-top2 { padding: 8px 16px 8px 8px !important; } .v-padding-bottom2-left1-right3-top2 { padding: 8px 16px 8px 4px !important; } .v-padding-bottom2-left0-right3-top2 { padding: 8px 16px 8px 0 !important; } .v-padding-bottom1-left3-right3-top2 { padding: 8px 16px 4px 16px !important; } .v-padding-bottom1-left2-right3-top2 { padding: 8px 16px 4px 8px !important; } .v-padding-bottom1-left1-right3-top2 { padding: 8px 16px 4px 4px !important; } .v-padding-bottom1-left0-right3-top2 { padding: 8px 16px 4px 0 !important; } .v-padding-bottom0-left3-right3-top2 { padding: 8px 16px 0 16px !important; } .v-padding-bottom0-left2-right3-top2 { padding: 8px 16px 0 8px !important; } .v-padding-bottom0-left1-right3-top2 { padding: 8px 16px 0 4px !important; } .v-padding-bottom0-left0-right3-top2 { padding: 8px 16px 0 0 !important; } .v-padding-bottom3-left3-right2-top2 { padding: 8px 8px 16px 16px !important; } .v-padding-bottom3-left2-right2-top2 { padding: 8px 8px 16px 8px !important; } .v-padding-bottom3-left1-right2-top2 { padding: 8px 8px 16px 4px !important; } .v-padding-bottom3-left0-right2-top2 { padding: 8px 8px 16px 0 !important; } .v-padding-bottom2-left3-right2-top2 { padding: 8px 8px 8px 16px !important; } .v-padding-bottom2-left2-right2-top2 { padding: 8px 8px 8px 8px !important; } .v-padding-bottom2-left1-right2-top2 { padding: 8px 8px 8px 4px !important; } .v-padding-bottom2-left0-right2-top2 { padding: 8px 8px 8px 0 !important; } .v-padding-bottom1-left3-right2-top2 { padding: 8px 8px 4px 16px !important; } .v-padding-bottom1-left2-right2-top2 { padding: 8px 8px 4px 8px !important; } .v-padding-bottom1-left1-right2-top2 { padding: 8px 8px 4px 4px !important; } .v-padding-bottom1-left0-right2-top2 { padding: 8px 8px 4px 0 !important; } .v-padding-bottom0-left3-right2-top2 { padding: 8px 8px 0 16px !important; } .v-padding-bottom0-left2-right2-top2 { padding: 8px 8px 0 8px !important; } .v-padding-bottom0-left1-right2-top2 { padding: 8px 8px 0 4px !important; } .v-padding-bottom0-left0-right2-top2 { padding: 8px 8px 0 0 !important; } .v-padding-bottom3-left3-right1-top2 { padding: 8px 4px 16px 16px !important; } .v-padding-bottom3-left2-right1-top2 { padding: 8px 4px 16px 8px !important; } .v-padding-bottom3-left1-right1-top2 { padding: 8px 4px 16px 4px !important; } .v-padding-bottom3-left0-right1-top2 { padding: 8px 4px 16px 0 !important; } .v-padding-bottom2-left3-right1-top2 { padding: 8px 4px 8px 16px !important; } .v-padding-bottom2-left2-right1-top2 { padding: 8px 4px 8px 8px !important; } .v-padding-bottom2-left1-right1-top2 { padding: 8px 4px 8px 4px !important; } .v-padding-bottom2-left0-right1-top2 { padding: 8px 4px 8px 0 !important; } .v-padding-bottom1-left3-right1-top2 { padding: 8px 4px 4px 16px !important; } .v-padding-bottom1-left2-right1-top2 { padding: 8px 4px 4px 8px !important; } .v-padding-bottom1-left1-right1-top2 { padding: 8px 4px 4px 4px !important; } .v-padding-bottom1-left0-right1-top2 { padding: 8px 4px 4px 0 !important; } .v-padding-bottom0-left3-right1-top2 { padding: 8px 4px 0 16px !important; } .v-padding-bottom0-left2-right1-top2 { padding: 8px 4px 0 8px !important; } .v-padding-bottom0-left1-right1-top2 { padding: 8px 4px 0 4px !important; } .v-padding-bottom0-left0-right1-top2 { padding: 8px 4px 0 0 !important; } .v-padding-bottom3-left3-right0-top2 { padding: 8px 0 16px 16px !important; } .v-padding-bottom3-left2-right0-top2 { padding: 8px 0 16px 8px !important; } .v-padding-bottom3-left1-right0-top2 { padding: 8px 0 16px 4px !important; } .v-padding-bottom3-left0-right0-top2 { padding: 8px 0 16px 0 !important; } .v-padding-bottom2-left3-right0-top2 { padding: 8px 0 8px 16px !important; } .v-padding-bottom2-left2-right0-top2 { padding: 8px 0 8px 8px !important; } .v-padding-bottom2-left1-right0-top2 { padding: 8px 0 8px 4px !important; } .v-padding-bottom2-left0-right0-top2 { padding: 8px 0 8px 0 !important; } .v-padding-bottom1-left3-right0-top2 { padding: 8px 0 4px 16px !important; } .v-padding-bottom1-left2-right0-top2 { padding: 8px 0 4px 8px !important; } .v-padding-bottom1-left1-right0-top2 { padding: 8px 0 4px 4px !important; } .v-padding-bottom1-left0-right0-top2 { padding: 8px 0 4px 0 !important; } .v-padding-bottom0-left3-right0-top2 { padding: 8px 0 0 16px !important; } .v-padding-bottom0-left2-right0-top2 { padding: 8px 0 0 8px !important; } .v-padding-bottom0-left1-right0-top2 { padding: 8px 0 0 4px !important; } .v-padding-bottom0-left0-right0-top2 { padding: 8px 0 0 0 !important; } .v-padding-bottom3-left3-right3-top1 { padding: 4px 16px 16px 16px !important; } .v-padding-bottom3-left2-right3-top1 { padding: 4px 16px 16px 8px !important; } .v-padding-bottom3-left1-right3-top1 { padding: 4px 16px 16px 4px !important; } .v-padding-bottom3-left0-right3-top1 { padding: 4px 16px 16px 0 !important; } .v-padding-bottom2-left3-right3-top1 { padding: 4px 16px 8px 16px !important; } .v-padding-bottom2-left2-right3-top1 { padding: 4px 16px 8px 8px !important; } .v-padding-bottom2-left1-right3-top1 { padding: 4px 16px 8px 4px !important; } .v-padding-bottom2-left0-right3-top1 { padding: 4px 16px 8px 0 !important; } .v-padding-bottom1-left3-right3-top1 { padding: 4px 16px 4px 16px !important; } .v-padding-bottom1-left2-right3-top1 { padding: 4px 16px 4px 8px !important; } .v-padding-bottom1-left1-right3-top1 { padding: 4px 16px 4px 4px !important; } .v-padding-bottom1-left0-right3-top1 { padding: 4px 16px 4px 0 !important; } .v-padding-bottom0-left3-right3-top1 { padding: 4px 16px 0 16px !important; } .v-padding-bottom0-left2-right3-top1 { padding: 4px 16px 0 8px !important; } .v-padding-bottom0-left1-right3-top1 { padding: 4px 16px 0 4px !important; } .v-padding-bottom0-left0-right3-top1 { padding: 4px 16px 0 0 !important; } .v-padding-bottom3-left3-right2-top1 { padding: 4px 8px 16px 16px !important; } .v-padding-bottom3-left2-right2-top1 { padding: 4px 8px 16px 8px !important; } .v-padding-bottom3-left1-right2-top1 { padding: 4px 8px 16px 4px !important; } .v-padding-bottom3-left0-right2-top1 { padding: 4px 8px 16px 0 !important; } .v-padding-bottom2-left3-right2-top1 { padding: 4px 8px 8px 16px !important; } .v-padding-bottom2-left2-right2-top1 { padding: 4px 8px 8px 8px !important; } .v-padding-bottom2-left1-right2-top1 { padding: 4px 8px 8px 4px !important; } .v-padding-bottom2-left0-right2-top1 { padding: 4px 8px 8px 0 !important; } .v-padding-bottom1-left3-right2-top1 { padding: 4px 8px 4px 16px !important; } .v-padding-bottom1-left2-right2-top1 { padding: 4px 8px 4px 8px !important; } .v-padding-bottom1-left1-right2-top1 { padding: 4px 8px 4px 4px !important; } .v-padding-bottom1-left0-right2-top1 { padding: 4px 8px 4px 0 !important; } .v-padding-bottom0-left3-right2-top1 { padding: 4px 8px 0 16px !important; } .v-padding-bottom0-left2-right2-top1 { padding: 4px 8px 0 8px !important; } .v-padding-bottom0-left1-right2-top1 { padding: 4px 8px 0 4px !important; } .v-padding-bottom0-left0-right2-top1 { padding: 4px 8px 0 0 !important; } .v-padding-bottom3-left3-right1-top1 { padding: 4px 4px 16px 16px !important; } .v-padding-bottom3-left2-right1-top1 { padding: 4px 4px 16px 8px !important; } .v-padding-bottom3-left1-right1-top1 { padding: 4px 4px 16px 4px !important; } .v-padding-bottom3-left0-right1-top1 { padding: 4px 4px 16px 0 !important; } .v-padding-bottom2-left3-right1-top1 { padding: 4px 4px 8px 16px !important; } .v-padding-bottom2-left2-right1-top1 { padding: 4px 4px 8px 8px !important; } .v-padding-bottom2-left1-right1-top1 { padding: 4px 4px 8px 4px !important; } .v-padding-bottom2-left0-right1-top1 { padding: 4px 4px 8px 0 !important; } .v-padding-bottom1-left3-right1-top1 { padding: 4px 4px 4px 16px !important; } .v-padding-bottom1-left2-right1-top1 { padding: 4px 4px 4px 8px !important; } .v-padding-bottom1-left1-right1-top1 { padding: 4px 4px 4px 4px !important; } .v-padding-bottom1-left0-right1-top1 { padding: 4px 4px 4px 0 !important; } .v-padding-bottom0-left3-right1-top1 { padding: 4px 4px 0 16px !important; } .v-padding-bottom0-left2-right1-top1 { padding: 4px 4px 0 8px !important; } .v-padding-bottom0-left1-right1-top1 { padding: 4px 4px 0 4px !important; } .v-padding-bottom0-left0-right1-top1 { padding: 4px 4px 0 0 !important; } .v-padding-bottom3-left3-right0-top1 { padding: 4px 0 16px 16px !important; } .v-padding-bottom3-left2-right0-top1 { padding: 4px 0 16px 8px !important; } .v-padding-bottom3-left1-right0-top1 { padding: 4px 0 16px 4px !important; } .v-padding-bottom3-left0-right0-top1 { padding: 4px 0 16px 0 !important; } .v-padding-bottom2-left3-right0-top1 { padding: 4px 0 8px 16px !important; } .v-padding-bottom2-left2-right0-top1 { padding: 4px 0 8px 8px !important; } .v-padding-bottom2-left1-right0-top1 { padding: 4px 0 8px 4px !important; } .v-padding-bottom2-left0-right0-top1 { padding: 4px 0 8px 0 !important; } .v-padding-bottom1-left3-right0-top1 { padding: 4px 0 4px 16px !important; } .v-padding-bottom1-left2-right0-top1 { padding: 4px 0 4px 8px !important; } .v-padding-bottom1-left1-right0-top1 { padding: 4px 0 4px 4px !important; } .v-padding-bottom1-left0-right0-top1 { padding: 4px 0 4px 0 !important; } .v-padding-bottom0-left3-right0-top1 { padding: 4px 0 0 16px !important; } .v-padding-bottom0-left2-right0-top1 { padding: 4px 0 0 8px !important; } .v-padding-bottom0-left1-right0-top1 { padding: 4px 0 0 4px !important; } .v-padding-bottom0-left0-right0-top1 { padding: 4px 0 0 0 !important; } .v-padding-bottom3-left3-right3-top0 { padding: 0 16px 16px 16px !important; } .v-padding-bottom3-left2-right3-top0 { padding: 0 16px 16px 8px !important; } .v-padding-bottom3-left1-right3-top0 { padding: 0 16px 16px 4px !important; } .v-padding-bottom3-left0-right3-top0 { padding: 0 16px 16px 0 !important; } .v-padding-bottom2-left3-right3-top0 { padding: 0 16px 8px 16px !important; } .v-padding-bottom2-left2-right3-top0 { padding: 0 16px 8px 8px !important; } .v-padding-bottom2-left1-right3-top0 { padding: 0 16px 8px 4px !important; } .v-padding-bottom2-left0-right3-top0 { padding: 0 16px 8px 0 !important; } .v-padding-bottom1-left3-right3-top0 { padding: 0 16px 4px 16px !important; } .v-padding-bottom1-left2-right3-top0 { padding: 0 16px 4px 8px !important; } .v-padding-bottom1-left1-right3-top0 { padding: 0 16px 4px 4px !important; } .v-padding-bottom1-left0-right3-top0 { padding: 0 16px 4px 0 !important; } .v-padding-bottom0-left3-right3-top0 { padding: 0 16px 0 16px !important; } .v-padding-bottom0-left2-right3-top0 { padding: 0 16px 0 8px !important; } .v-padding-bottom0-left1-right3-top0 { padding: 0 16px 0 4px !important; } .v-padding-bottom0-left0-right3-top0 { padding: 0 16px 0 0 !important; } .v-padding-bottom3-left3-right2-top0 { padding: 0 8px 16px 16px !important; } .v-padding-bottom3-left2-right2-top0 { padding: 0 8px 16px 8px !important; } .v-padding-bottom3-left1-right2-top0 { padding: 0 8px 16px 4px !important; } .v-padding-bottom3-left0-right2-top0 { padding: 0 8px 16px 0 !important; } .v-padding-bottom2-left3-right2-top0 { padding: 0 8px 8px 16px !important; } .v-padding-bottom2-left2-right2-top0 { padding: 0 8px 8px 8px !important; } .v-padding-bottom2-left1-right2-top0 { padding: 0 8px 8px 4px !important; } .v-padding-bottom2-left0-right2-top0 { padding: 0 8px 8px 0 !important; } .v-padding-bottom1-left3-right2-top0 { padding: 0 8px 4px 16px !important; } .v-padding-bottom1-left2-right2-top0 { padding: 0 8px 4px 8px !important; } .v-padding-bottom1-left1-right2-top0 { padding: 0 8px 4px 4px !important; } .v-padding-bottom1-left0-right2-top0 { padding: 0 8px 4px 0 !important; } .v-padding-bottom0-left3-right2-top0 { padding: 0 8px 0 16px !important; } .v-padding-bottom0-left2-right2-top0 { padding: 0 8px 0 8px !important; } .v-padding-bottom0-left1-right2-top0 { padding: 0 8px 0 4px !important; } .v-padding-bottom0-left0-right2-top0 { padding: 0 8px 0 0 !important; } .v-padding-bottom3-left3-right1-top0 { padding: 0 4px 16px 16px !important; } .v-padding-bottom3-left2-right1-top0 { padding: 0 4px 16px 8px !important; } .v-padding-bottom3-left1-right1-top0 { padding: 0 4px 16px 4px !important; } .v-padding-bottom3-left0-right1-top0 { padding: 0 4px 16px 0 !important; } .v-padding-bottom2-left3-right1-top0 { padding: 0 4px 8px 16px !important; } .v-padding-bottom2-left2-right1-top0 { padding: 0 4px 8px 8px !important; } .v-padding-bottom2-left1-right1-top0 { padding: 0 4px 8px 4px !important; } .v-padding-bottom2-left0-right1-top0 { padding: 0 4px 8px 0 !important; } .v-padding-bottom1-left3-right1-top0 { padding: 0 4px 4px 16px !important; } .v-padding-bottom1-left2-right1-top0 { padding: 0 4px 4px 8px !important; } .v-padding-bottom1-left1-right1-top0 { padding: 0 4px 4px 4px !important; } .v-padding-bottom1-left0-right1-top0 { padding: 0 4px 4px 0 !important; } .v-padding-bottom0-left3-right1-top0 { padding: 0 4px 0 16px !important; } .v-padding-bottom0-left2-right1-top0 { padding: 0 4px 0 8px !important; } .v-padding-bottom0-left1-right1-top0 { padding: 0 4px 0 4px !important; } .v-padding-bottom0-left0-right1-top0 { padding: 0 4px 0 0 !important; } .v-padding-bottom3-left3-right0-top0 { padding: 0 0 16px 16px !important; } .v-padding-bottom3-left2-right0-top0 { padding: 0 0 16px 8px !important; } .v-padding-bottom3-left1-right0-top0 { padding: 0 0 16px 4px !important; } .v-padding-bottom3-left0-right0-top0 { padding: 0 0 16px 0 !important; } .v-padding-bottom2-left3-right0-top0 { padding: 0 0 8px 16px !important; } .v-padding-bottom2-left2-right0-top0 { padding: 0 0 8px 8px !important; } .v-padding-bottom2-left1-right0-top0 { padding: 0 0 8px 4px !important; } .v-padding-bottom2-left0-right0-top0 { padding: 0 0 8px 0 !important; } .v-padding-bottom1-left3-right0-top0 { padding: 0 0 4px 16px !important; } .v-padding-bottom1-left2-right0-top0 { padding: 0 0 4px 8px !important; } .v-padding-bottom1-left1-right0-top0 { padding: 0 0 4px 4px !important; } .v-padding-bottom1-left0-right0-top0 { padding: 0 0 4px 0 !important; } .v-padding-bottom0-left3-right0-top0 { padding: 0 0 0 16px !important; } .v-padding-bottom0-left2-right0-top0 { padding: 0 0 0 8px !important; } .v-padding-bottom0-left1-right0-top0 { padding: 0 0 0 4px !important; } .v-padding-bottom0-left0-right0-top0 { padding: 0 0 0 0 !important; } } .v-grid-column-align-right { margin-right: 0; margin-left: auto; } @media (min-width: 840px) { div.v-gutter-none { grid-gap: 0; gap: 0; } } @media (min-width: 480px) and (max-width: 839px) { div.v-gutter-none { grid-gap: 0; gap: 0; } } @media (max-width: 479px) { div.v-gutter-none { grid-gap: 0; gap: 0; } } .mdc-floating-label { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.00937em; text-decoration: inherit; text-transform: inherit; position: absolute; /* @noflip */ left: 0; /* @noflip */ transform-origin: left top; transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1); /* @alternate */ line-height: 1.15rem; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: text; overflow: hidden; will-change: transform; } [dir="rtl"] .mdc-floating-label, .mdc-floating-label[dir="rtl"] { /* @noflip */ right: 0; /* @noflip */ left: auto; /* @noflip */ transform-origin: right top; /* @noflip */ text-align: right; } .mdc-floating-label--float-above { cursor: auto; } .mdc-floating-label--float-above { transform: translateY(-50%) scale(0.75); } .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-standard 250ms 1; } @keyframes mdc-floating-label-shake-float-above-standard { 0% { transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); } 66% { animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); } 100% { transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } } .mdc-line-ripple { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; transform: scaleX(0); transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; z-index: 2; } .mdc-line-ripple--active { transform: scaleX(1); opacity: 1; } .mdc-line-ripple--deactivating { opacity: 0; } .mdc-notched-outline { display: flex; position: absolute; right: 0; left: 0; box-sizing: border-box; width: 100%; max-width: 100%; height: 100%; /* @noflip */ text-align: left; pointer-events: none; } [dir="rtl"] .mdc-notched-outline, .mdc-notched-outline[dir="rtl"] { /* @noflip */ text-align: right; } .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing { box-sizing: border-box; height: 100%; transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1); border-top: 1px solid; border-bottom: 1px solid; pointer-events: none; } .mdc-notched-outline__leading { /* @noflip */ border-left: 1px solid; /* @noflip */ border-right: none; width: 12px; } [dir="rtl"] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir="rtl"] { /* @noflip */ border-left: none; /* @noflip */ border-right: 1px solid; } .mdc-notched-outline__trailing { /* @noflip */ border-left: none; /* @noflip */ border-right: 1px solid; flex-grow: 1; } [dir="rtl"] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir="rtl"] { /* @noflip */ border-left: 1px solid; /* @noflip */ border-right: none; } .mdc-notched-outline__notch { flex: 0 0 auto; width: auto; max-width: calc(100% - 12px * 2); } .mdc-notched-outline .mdc-floating-label { display: inline-block; position: relative; top: 17px; bottom: auto; max-width: 100%; } .mdc-notched-outline .mdc-floating-label--float-above { text-overflow: clip; } .mdc-notched-outline--upgraded .mdc-floating-label--float-above { max-width: calc(100% / .75); } .mdc-notched-outline--notched .mdc-notched-outline__notch { /* @noflip */ padding-left: 0; /* @noflip */ padding-right: 8px; border-top: none; } [dir="rtl"] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir="rtl"] { /* @noflip */ padding-left: 8px; /* @noflip */ padding-right: 0; } .mdc-notched-outline--no-label .mdc-notched-outline__notch { padding: 0; } .mdc-text-field-helper-text { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.03333em; text-decoration: inherit; text-transform: inherit; display: block; margin-top: 0; /* @alternate */ line-height: normal; margin: 0; transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; will-change: opacity; } .mdc-text-field-helper-text::before { display: inline-block; width: 0; height: 16px; content: ""; vertical-align: 0; } .mdc-text-field-helper-text--persistent { transition: none; opacity: 1; will-change: initial; } .mdc-text-field-character-counter { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.03333em; text-decoration: inherit; text-transform: inherit; display: block; margin-top: 0; /* @alternate */ line-height: normal; /* @noflip */ margin-left: auto; /* @noflip */ margin-right: 0; /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 0; white-space: nowrap; } .mdc-text-field-character-counter::before { display: inline-block; width: 0; height: 16px; content: ""; vertical-align: 0; } [dir="rtl"] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir="rtl"] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: auto; } [dir="rtl"] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir="rtl"] { /* @noflip */ padding-left: 0; /* @noflip */ padding-right: 16px; } .mdc-text-field--with-leading-icon .mdc-text-field__icon, .mdc-text-field--with-trailing-icon .mdc-text-field__icon { position: absolute; bottom: 16px; cursor: pointer; } .mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] { cursor: default; pointer-events: none; } .mdc-text-field { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border-radius: 4px 4px 0 0; display: inline-flex; position: relative; box-sizing: border-box; height: 56px; overflow: hidden; /* @alternate */ will-change: opacity, transform, color; } .mdc-text-field::before, .mdc-text-field::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-text-field::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-text-field.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-text-field.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-text-field.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-text-field.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-text-field.mdc-ripple-upgraded--foreground-deactivation::after { animation: mdc-ripple-fg-opacity-out 150ms; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-text-field::before, .mdc-text-field::after { background-color: rgba(0, 0, 0, 0.87); } .mdc-text-field:hover::before { opacity: 0.04; } .mdc-text-field:not(.mdc-ripple-upgraded):focus::before, .mdc-text-field.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-text-field::before, .mdc-text-field::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } .mdc-text-field.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { color: rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input { color: rgba(0, 0, 0, 0.87); } .mdc-text-field .mdc-text-field__input { caret-color: #5488b2; /* @alternate */ caret-color: var(--mdc-theme-primary, #5488b2); } .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { border-bottom-color: rgba(0, 0, 0, 0.42); } .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { border-bottom-color: rgba(0, 0, 0, 0.87); } .mdc-text-field .mdc-line-ripple { background-color: #5488b2; /* @alternate */ background-color: var(--mdc-theme-primary, #5488b2); } .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { border-bottom-color: rgba(0, 0, 0, 0.12); } .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text { color: rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter, .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter { color: rgba(0, 0, 0, 0.6); } .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon { color: rgba(0, 0, 0, 0.54); } .mdc-text-field:not(.mdc-text-field--disabled) { background-color: whitesmoke; } .mdc-text-field .mdc-floating-label { /* @noflip */ left: 16px; /* @noflip */ right: initial; top: 18px; pointer-events: none; } [dir="rtl"] .mdc-text-field .mdc-floating-label, .mdc-text-field .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } .mdc-text-field--textarea .mdc-floating-label { /* @noflip */ left: 4px; /* @noflip */ right: initial; } [dir="rtl"] .mdc-text-field--textarea .mdc-floating-label, .mdc-text-field--textarea .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 4px; } .mdc-text-field--outlined .mdc-floating-label { /* @noflip */ left: 4px; /* @noflip */ right: initial; top: 17px; } [dir="rtl"] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 4px; } .mdc-text-field--outlined--with-leading-icon .mdc-floating-label { /* @noflip */ left: 36px; /* @noflip */ right: initial; } [dir="rtl"] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label, .mdc-text-field--outlined--with-leading-icon .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 36px; } .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above { /* @noflip */ left: 40px; /* @noflip */ right: initial; } [dir="rtl"] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above, .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 40px; } .mdc-text-field__input { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.00937em; text-decoration: inherit; text-transform: inherit; align-self: flex-end; box-sizing: border-box; width: 100%; height: 100%; padding: 20px 16px 6px; transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); border: none; border-bottom: 1px solid; border-radius: 0; background: none; appearance: none; } .mdc-text-field__input::placeholder { transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; color: rgba(0, 0, 0, 0.54); } .mdc-text-field__input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.54) !important; } .mdc-text-field--fullwidth .mdc-text-field__input::placeholder, .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder { transition-delay: 40ms; transition-duration: 110ms; opacity: 1; } .mdc-text-field__input:focus { outline: none; } .mdc-text-field__input:invalid { box-shadow: none; } .mdc-text-field__input:-webkit-autofill { z-index: auto !important; } .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { padding-top: 16px; padding-bottom: 16px; } .mdc-text-field__input:-webkit-autofill + .mdc-floating-label { transform: translateY(-50%) scale(0.75); cursor: auto; } .mdc-text-field--outlined { border: none; overflow: visible; } .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.38); } .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.87); } .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #5488b2; /* @alternate */ border-color: var(--mdc-theme-primary, #5488b2); } .mdc-text-field--outlined .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; } .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { /* @noflip */ border-radius: 4px 0 0 4px; } [dir="rtl"] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir="rtl"] { /* @noflip */ border-radius: 0 4px 4px 0; } .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing { /* @noflip */ border-radius: 0 4px 4px 0; } [dir="rtl"] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir="rtl"] { /* @noflip */ border-radius: 4px 0 0 4px; } .mdc-text-field--outlined .mdc-floating-label--float-above { transform: translateY(-144%) scale(1); } .mdc-text-field--outlined .mdc-floating-label--float-above { font-size: 0.75rem; } .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { transform: translateY(-130%) scale(0.75); } .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-text-field--outlined::before, .mdc-text-field--outlined::after { content: none; } .mdc-text-field--outlined:not(.mdc-text-field--disabled) { background-color: transparent; } .mdc-text-field--outlined .mdc-text-field__input { display: flex; padding: 12px 16px 14px; border: none !important; background-color: transparent; z-index: 1; } .mdc-text-field--outlined .mdc-text-field__icon { z-index: 2; } .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing { border-width: 2px; } .mdc-text-field--outlined.mdc-text-field--disabled { background-color: transparent; } .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.06); } .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input { border-bottom: none; } .mdc-text-field--outlined.mdc-text-field--dense { height: 48px; } .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { transform: translateY(-134%) scale(1); } .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { font-size: 0.8rem; } .mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above { transform: translateY(-120%) scale(0.8); } .mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; } .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input { padding: 12px 12px 7px; } .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label { top: 14px; } .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon { top: 12px; } .mdc-text-field--with-leading-icon .mdc-text-field__icon { /* @noflip */ left: 16px; /* @noflip */ right: initial; } [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon .mdc-text-field__icon[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } .mdc-text-field--with-leading-icon .mdc-text-field__input { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 16px; } [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon .mdc-text-field__input[dir="rtl"] { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 48px; } .mdc-text-field--with-leading-icon .mdc-floating-label { /* @noflip */ left: 48px; /* @noflip */ right: initial; } [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-floating-label, .mdc-text-field--with-leading-icon .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 48px; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon { /* @noflip */ left: 16px; /* @noflip */ right: initial; } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 16px; } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input[dir="rtl"] { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 48px; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { transform: translateY(-144%) translateX(-32px) scale(1); } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir="rtl"] { transform: translateY(-144%) translateX(32px) scale(1); } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above { font-size: 0.75rem; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { transform: translateY(-130%) translateX(-32px) scale(0.75); } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"], [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"] { transform: translateY(-130%) translateX(32px) scale(0.75); } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir="rtl"] .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label { /* @noflip */ left: 36px; /* @noflip */ right: initial; } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 36px; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { transform: translateY(-134%) translateX(-21px) scale(1); } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir="rtl"] { transform: translateY(-134%) translateX(21px) scale(1); } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above { font-size: 0.8rem; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above { transform: translateY(-120%) translateX(-21px) scale(0.8); } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"], [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"] { transform: translateY(-120%) translateX(21px) scale(0.8); } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir="rtl"] .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; } .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label { /* @noflip */ left: 32px; /* @noflip */ right: initial; } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 32px; } .mdc-text-field--with-trailing-icon .mdc-text-field__icon { /* @noflip */ left: initial; /* @noflip */ right: 12px; } [dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir="rtl"] { /* @noflip */ left: 12px; /* @noflip */ right: initial; } .mdc-text-field--with-trailing-icon .mdc-text-field__input { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 48px; } [dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-trailing-icon .mdc-text-field__input[dir="rtl"] { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 16px; } .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon { /* @noflip */ left: initial; /* @noflip */ right: 16px; } [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon[dir="rtl"] { /* @noflip */ left: 16px; /* @noflip */ right: initial; } .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 48px; } [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input[dir="rtl"] { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 16px; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon { /* @noflip */ left: 16px; /* @noflip */ right: auto; } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir="rtl"] { /* @noflip */ left: auto; /* @noflip */ right: 16px; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon { /* @noflip */ right: 12px; /* @noflip */ left: auto; } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon[dir="rtl"] { /* @noflip */ right: auto; /* @noflip */ left: 12px; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 48px; } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir="rtl"] { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 48px; } .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { bottom: 16px; transform: scale(0.8); } .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon { /* @noflip */ left: 12px; /* @noflip */ right: initial; } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 12px; } .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input { /* @noflip */ padding-left: 44px; /* @noflip */ padding-right: 16px; } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 44px; } .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label { /* @noflip */ left: 44px; /* @noflip */ right: initial; } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 44px; } .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { /* @noflip */ left: initial; /* @noflip */ right: 12px; } [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] { /* @noflip */ left: 12px; /* @noflip */ right: initial; } .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 44px; } [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] { /* @noflip */ padding-left: 44px; /* @noflip */ padding-right: 16px; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { /* @noflip */ left: 12px; /* @noflip */ right: auto; } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] { /* @noflip */ left: auto; /* @noflip */ right: 12px; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon { /* @noflip */ right: 12px; /* @noflip */ left: auto; } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon[dir="rtl"] { /* @noflip */ right: auto; /* @noflip */ left: 12px; } .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input { /* @noflip */ padding-left: 44px; /* @noflip */ padding-right: 44px; } [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] { /* @noflip */ padding-left: 44px; /* @noflip */ padding-right: 44px; } .mdc-text-field--dense .mdc-floating-label--float-above { transform: translateY(-70%) scale(0.8); } .mdc-text-field--dense .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1; } .mdc-text-field--dense .mdc-text-field__input { padding: 12px 12px 0; } .mdc-text-field--dense .mdc-floating-label { font-size: .813rem; } .mdc-text-field--dense .mdc-floating-label--float-above { font-size: .813rem; } .mdc-text-field__input:required ~ .mdc-floating-label::after, .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after { margin-left: 1px; content: "*"; } .mdc-text-field--textarea { display: inline-flex; width: auto; height: auto; transition: none; overflow: visible; } .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.38); } .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.87); } .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #5488b2; /* @alternate */ border-color: var(--mdc-theme-primary, #5488b2); } .mdc-text-field--textarea .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; } .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading { /* @noflip */ border-radius: 4px 0 0 4px; } [dir="rtl"] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir="rtl"] { /* @noflip */ border-radius: 0 4px 4px 0; } .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing { /* @noflip */ border-radius: 0 4px 4px 0; } [dir="rtl"] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing[dir="rtl"] { /* @noflip */ border-radius: 4px 0 0 4px; } .mdc-text-field--textarea::before, .mdc-text-field--textarea::after { content: none; } .mdc-text-field--textarea:not(.mdc-text-field--disabled) { background-color: transparent; } .mdc-text-field--textarea .mdc-floating-label--float-above { transform: translateY(-144%) scale(1); } .mdc-text-field--textarea .mdc-floating-label--float-above { font-size: 0.75rem; } .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above { transform: translateY(-130%) scale(0.75); } .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-text-field--textarea .mdc-text-field-character-counter { /* @noflip */ left: initial; /* @noflip */ right: 16px; position: absolute; bottom: 13px; } [dir="rtl"] .mdc-text-field--textarea .mdc-text-field-character-counter, .mdc-text-field--textarea .mdc-text-field-character-counter[dir="rtl"] { /* @noflip */ left: 16px; /* @noflip */ right: initial; } .mdc-text-field--textarea .mdc-text-field__input { align-self: auto; box-sizing: border-box; height: auto; margin: 8px 1px 1px 0; padding: 0 16px 16px; border: none; } .mdc-text-field--textarea .mdc-text-field-character-counter + .mdc-text-field__input { margin-bottom: 28px; padding-bottom: 0; } .mdc-text-field--textarea .mdc-floating-label { top: 17px; bottom: auto; width: auto; pointer-events: none; } .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__trailing { border-width: 2px; } .mdc-text-field--fullwidth { width: 100%; } .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) { display: block; } .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::before, .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::after { content: none; } .mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) { background-color: transparent; } .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input { padding: 0; } .mdc-text-field--fullwidth.mdc-text-field--textarea .mdc-text-field__input { resize: vertical; } .mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) { border-bottom-color: #b00020; /* @alternate */ border-bottom-color: var(--mdc-theme-error, #b00020); } .mdc-text-field-helper-line { display: flex; justify-content: space-between; box-sizing: border-box; } .mdc-text-field--dense + .mdc-text-field-helper-line { margin-bottom: 4px; } .mdc-text-field + .mdc-text-field-helper-line { padding-right: 16px; padding-left: 16px; } .mdc-form-field > .mdc-text-field + label { align-self: flex-start; } .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { color: rgba(84, 136, 178, 0.87); } .mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-floating-label::after, .mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after { color: rgba(84, 136, 178, 0.87); } .mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) { opacity: 1; } .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: #5488b2; /* @alternate */ border-color: var(--mdc-theme-primary, #5488b2); } .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input { border-bottom-color: #b00020; /* @alternate */ border-bottom-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover { border-bottom-color: #b00020; /* @alternate */ border-bottom-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple { background-color: #b00020; /* @alternate */ background-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } .mdc-text-field--invalid .mdc-text-field__input { caret-color: #b00020; /* @alternate */ caret-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:required ~ .mdc-floating-label::after, .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } .mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--with-leading-icon):not(.mdc-text-field--disabled) .mdc-text-field__icon { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } .mdc-text-field--invalid.mdc-text-field--with-trailing-icon.mdc-text-field--with-leading-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon ~ .mdc-text-field__icon { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } .mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg { opacity: 1; } .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-text-field--disabled { background-color: #fafafa; border-bottom: none; pointer-events: none; } .mdc-text-field--disabled .mdc-text-field__input { border-bottom-color: rgba(0, 0, 0, 0.06); } .mdc-text-field--disabled .mdc-text-field__input { color: rgba(0, 0, 0, 0.37); } .mdc-text-field--disabled .mdc-floating-label { color: rgba(0, 0, 0, 0.37); } .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text { color: rgba(0, 0, 0, 0.37); } .mdc-text-field--disabled .mdc-text-field-character-counter, .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter { color: rgba(0, 0, 0, 0.37); } .mdc-text-field--disabled .mdc-text-field__icon { color: rgba(0, 0, 0, 0.3); } .mdc-text-field--disabled:not(.mdc-text-field--textarea) { border-bottom-color: rgba(0, 0, 0, 0.12); } .mdc-text-field--disabled .mdc-floating-label { cursor: default; } .mdc-text-field--textarea.mdc-text-field--disabled { background-color: transparent; /* @alternate */ background-color: #f9f9f9; } .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.06); } .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input { border-bottom: none; } @keyframes mdc-floating-label-shake-float-above-text-field-dense { 0% { transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8); } 66% { animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8); } 100% { transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined { 0% { transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); } 66% { animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); } 100% { transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense { 0% { transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8); } 66% { animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8); } 100% { transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon { 0% { transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75); } 66% { animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75); } 100% { transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense { 0% { transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8); } 66% { animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8); } 100% { transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl { 0% { transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75); } 66% { animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75); } 100% { transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl { 0% { transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8); } 66% { animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8); } 100% { transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); } } @keyframes mdc-floating-label-shake-float-above-textarea { 0% { transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); } 66% { animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); } 100% { transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } } .mdc-text-field { margin-top: 16px; margin-bottom: 8px; } .mdc-text-field--textarea:not(.mdc-text-field--disabled) { border-color: rgba(0, 0, 0, 0.24); } .mdc-text-field--textarea:not(.mdc-text-field--disabled):hover { border-color: rgba(0, 0, 0, 0.87); } .mdc-text-field-helper-text--validation-msg { color: #d50000 !important; font-weight: bold !important; } .mdc-list { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.00937em; text-decoration: inherit; text-transform: inherit; /* @alternate */ line-height: 1.5rem; margin: 0; padding: 8px 0; list-style-type: none; color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mdc-list:focus { outline: none; } .mdc-list-item__secondary-text { color: rgba(0, 0, 0, 0.54); /* @alternate */ color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); } .mdc-list-item__graphic { background-color: transparent; } .mdc-list-item__graphic { color: rgba(0, 0, 0, 0.38); /* @alternate */ color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); } .mdc-list-item__meta { color: rgba(0, 0, 0, 0.38); /* @alternate */ color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); } .mdc-list-group__subheader { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mdc-list--dense { padding-top: 4px; padding-bottom: 4px; font-size: .812rem; } .mdc-list-item { display: flex; position: relative; align-items: center; justify-content: flex-start; height: 48px; padding: 0 16px; overflow: hidden; } .mdc-list-item:focus { outline: none; } .mdc-list-item--selected, .mdc-list-item--activated { color: #5488b2; /* @alternate */ color: var(--mdc-theme-primary, #5488b2); } .mdc-list-item--selected .mdc-list-item__graphic, .mdc-list-item--activated .mdc-list-item__graphic { color: #5488b2; /* @alternate */ color: var(--mdc-theme-primary, #5488b2); } .mdc-list-item--disabled { color: rgba(0, 0, 0, 0.38); /* @alternate */ color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)); } .mdc-list-item__graphic { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 32px; width: 24px; height: 24px; flex-shrink: 0; align-items: center; justify-content: center; fill: currentColor; } .mdc-list-item[dir="rtl"] .mdc-list-item__graphic, [dir="rtl"] .mdc-list-item .mdc-list-item__graphic { /* @noflip */ margin-left: 32px; /* @noflip */ margin-right: 0; } .mdc-list .mdc-list-item__graphic { display: inline-flex; } .mdc-list-item__meta { /* @noflip */ margin-left: auto; /* @noflip */ margin-right: 0; } .mdc-list-item__meta:not(.material-icons) { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.03333em; text-decoration: inherit; text-transform: inherit; } .mdc-list-item[dir="rtl"] .mdc-list-item__meta, [dir="rtl"] .mdc-list-item .mdc-list-item__meta { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: auto; } .mdc-list-item__text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mdc-list-item__text[for] { pointer-events: none; } .mdc-list-item__primary-text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; margin-top: 0; /* @alternate */ line-height: normal; margin-bottom: -20px; display: block; } .mdc-list-item__primary-text::before { display: inline-block; width: 0; height: 32px; content: ""; vertical-align: 0; } .mdc-list-item__primary-text::after { display: inline-block; width: 0; height: 20px; content: ""; vertical-align: -20px; } .mdc-list--dense .mdc-list-item__primary-text { display: block; margin-top: 0; /* @alternate */ line-height: normal; margin-bottom: -20px; } .mdc-list--dense .mdc-list-item__primary-text::before { display: inline-block; width: 0; height: 24px; content: ""; vertical-align: 0; } .mdc-list--dense .mdc-list-item__primary-text::after { display: inline-block; width: 0; height: 20px; content: ""; vertical-align: -20px; } .mdc-list-item__secondary-text { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.01786em; text-decoration: inherit; text-transform: inherit; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; margin-top: 0; /* @alternate */ line-height: normal; display: block; } .mdc-list-item__secondary-text::before { display: inline-block; width: 0; height: 20px; content: ""; vertical-align: 0; } .mdc-list--dense .mdc-list-item__secondary-text { display: block; margin-top: 0; /* @alternate */ line-height: normal; font-size: inherit; } .mdc-list--dense .mdc-list-item__secondary-text::before { display: inline-block; width: 0; height: 20px; content: ""; vertical-align: 0; } .mdc-list--dense .mdc-list-item { height: 40px; } .mdc-list--dense .mdc-list-item__graphic { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 36px; width: 20px; height: 20px; } .mdc-list-item[dir="rtl"] .mdc-list--dense .mdc-list-item__graphic, [dir="rtl"] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic { /* @noflip */ margin-left: 36px; /* @noflip */ margin-right: 0; } .mdc-list--avatar-list .mdc-list-item { height: 56px; } .mdc-list--avatar-list .mdc-list-item__graphic { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 16px; width: 40px; height: 40px; border-radius: 50%; } .mdc-list-item[dir="rtl"] .mdc-list--avatar-list .mdc-list-item__graphic, [dir="rtl"] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic { /* @noflip */ margin-left: 16px; /* @noflip */ margin-right: 0; } .mdc-list--two-line .mdc-list-item__text { align-self: flex-start; } .mdc-list--two-line .mdc-list-item { height: 72px; } .mdc-list--two-line.mdc-list--dense .mdc-list-item, .mdc-list--avatar-list.mdc-list--dense .mdc-list-item { height: 60px; } .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 20px; width: 36px; height: 36px; } .mdc-list-item[dir="rtl"] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, [dir="rtl"] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic { /* @noflip */ margin-left: 20px; /* @noflip */ margin-right: 0; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item { cursor: pointer; } a.mdc-list-item { color: inherit; text-decoration: none; } .mdc-list-divider { height: 0; margin: 0; border: none; border-bottom-width: 1px; border-bottom-style: solid; } .mdc-list-divider { border-bottom-color: rgba(0, 0, 0, 0.12); } .mdc-list-divider--padded { margin: 0 16px; } .mdc-list-divider--inset { /* @noflip */ margin-left: 72px; /* @noflip */ margin-right: 0; width: calc(100% - 72px); } .mdc-list-group[dir="rtl"] .mdc-list-divider--inset, [dir="rtl"] .mdc-list-group .mdc-list-divider--inset { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 72px; } .mdc-list-divider--inset.mdc-list-divider--padded { width: calc(100% - 72px - 16px); } .mdc-list-group .mdc-list { padding: 0; } .mdc-list-group__subheader { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.00937em; text-decoration: inherit; text-transform: inherit; margin: 0.75rem 16px; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation::after { animation: mdc-ripple-fg-opacity-out 150ms; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after { background-color: #000; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::before { opacity: 0.04; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before { opacity: 0.12; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after { background-color: #5488b2; } @supports not (-ms-ime-align: auto) { :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after { /* @alternate */ background-color: var(--mdc-theme-primary, #5488b2); } } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:hover::before { opacity: 0.16; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before { opacity: 0.08; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after { background-color: #5488b2; } @supports not (-ms-ime-align: auto) { :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after { /* @alternate */ background-color: var(--mdc-theme-primary, #5488b2); } } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:hover::before { opacity: 0.12; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.2; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.2; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.2; } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation::after { animation: mdc-ripple-fg-opacity-out 150ms; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after { background-color: #000; } :not(.mdc-list--non-interactive) > .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .v-list-item--with-avatar { color: white; background-color: rgba(0, 0, 0, 0.38); /* @alternate */ background-color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); } .v-list-item--header { background-color: #F5F5F5; } #list-item-select-all-header { height: 45px; } #list-item-select-all-header > span { margin: auto; } .mdc-list-item__meta { white-space: nowrap; /* Attempt to make tooltips display on icons in a list line action. This works but the positioning can be off. Fixed position elements inside flex elements just doesn't work well. This need a Javascript solution long-term. */ } .mdc-list-item__meta .mdl-tooltip.is-active { top: 50% !important; left: 78% !important; } .v-list-switch-action { margin-left: 6px; } .mdc-list-item__secondary-text::before { content: unset; } .v-list__border { border: 1px solid rgba(0, 0, 0, 0.1); } .mdc-top-app-bar { background-color: #5488b2; /* @alternate */ background-color: var(--mdc-theme-primary, #5488b2); color: white; display: flex; position: fixed; flex-direction: column; justify-content: space-between; box-sizing: border-box; width: 100%; z-index: 4; } .mdc-top-app-bar .mdc-top-app-bar__action-item, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon { color: #fff; /* @alternate */ color: var(--mdc-theme-on-primary, #fff); } .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after { background-color: #fff; } @supports not (-ms-ime-align: auto) { .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after { /* @alternate */ background-color: var(--mdc-theme-on-primary, #fff); } } .mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before { opacity: 0.08; } .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .mdc-top-app-bar__row { display: flex; position: relative; box-sizing: border-box; width: 100%; height: 64px; } .mdc-top-app-bar__section { display: inline-flex; flex: 1 1 auto; align-items: center; min-width: 0; padding: 8px 12px; z-index: 1; } .mdc-top-app-bar__section--align-start { justify-content: flex-start; order: -1; } .mdc-top-app-bar__section--align-end { justify-content: flex-end; order: 1; } .mdc-top-app-bar__title { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1.25rem; line-height: 2rem; font-weight: 500; letter-spacing: 0.0125em; text-decoration: inherit; text-transform: inherit; /* @noflip */ padding-left: 20px; /* @noflip */ padding-right: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; z-index: 1; } [dir="rtl"] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir="rtl"] { /* @noflip */ padding-left: 0; /* @noflip */ padding-right: 20px; } .mdc-top-app-bar--short-collapsed { /* @noflip */ border-radius: 0 0 24px 0; } [dir="rtl"] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir="rtl"] { /* @noflip */ border-radius: 0 0 0 24px; } .mdc-top-app-bar--short { top: 0; /* @noflip */ right: auto; /* @noflip */ left: 0; width: 100%; transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); } [dir="rtl"] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir="rtl"] { /* @noflip */ right: 0; /* @noflip */ left: auto; } .mdc-top-app-bar--short .mdc-top-app-bar__row { height: 56px; } .mdc-top-app-bar--short .mdc-top-app-bar__section { padding: 4px; } .mdc-top-app-bar--short .mdc-top-app-bar__title { transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 1; } .mdc-top-app-bar--short-collapsed { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); width: 56px; transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title { display: none; } .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item { transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item { width: 112px; } .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end { /* @noflip */ padding-left: 0; /* @noflip */ padding-right: 12px; } [dir="rtl"] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir="rtl"] { /* @noflip */ padding-left: 12px; /* @noflip */ padding-right: 0; } .mdc-top-app-bar--dense .mdc-top-app-bar__row { height: 48px; } .mdc-top-app-bar--dense .mdc-top-app-bar__section { padding: 0 4px; } .mdc-top-app-bar--dense .mdc-top-app-bar__title { /* @noflip */ padding-left: 12px; /* @noflip */ padding-right: 0; } [dir="rtl"] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir="rtl"] { /* @noflip */ padding-left: 0; /* @noflip */ padding-right: 12px; } .mdc-top-app-bar--prominent .mdc-top-app-bar__row { height: 128px; } .mdc-top-app-bar--prominent .mdc-top-app-bar__title { align-self: flex-end; padding-bottom: 2px; } .mdc-top-app-bar--prominent .mdc-top-app-bar__action-item, .mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon { align-self: flex-start; } .mdc-top-app-bar--fixed { transition: box-shadow 200ms linear; } .mdc-top-app-bar--fixed-scrolled { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); transition: box-shadow 200ms linear; } .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row { height: 96px; } .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section { padding: 0 12px; } .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title { /* @noflip */ padding-left: 20px; /* @noflip */ padding-right: 0; padding-bottom: 9px; } [dir="rtl"] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir="rtl"] { /* @noflip */ padding-left: 0; /* @noflip */ padding-right: 20px; } .mdc-top-app-bar--fixed-adjust { padding-top: 64px; } .mdc-top-app-bar--dense-fixed-adjust { padding-top: 48px; } .mdc-top-app-bar--short-fixed-adjust { padding-top: 56px; } .mdc-top-app-bar--prominent-fixed-adjust { padding-top: 128px; } .mdc-top-app-bar--dense-prominent-fixed-adjust { padding-top: 96px; } @media (max-width: 599px) { .mdc-top-app-bar__row { height: 56px; } .mdc-top-app-bar__section { padding: 4px; } .mdc-top-app-bar--short { transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-top-app-bar--short-collapsed { transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end { /* @noflip */ padding-left: 0; /* @noflip */ padding-right: 12px; } [dir="rtl"] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir="rtl"] { /* @noflip */ padding-left: 12px; /* @noflip */ padding-right: 0; } .mdc-top-app-bar--prominent .mdc-top-app-bar__title { padding-bottom: 6px; } .mdc-top-app-bar--fixed-adjust { padding-top: 56px; } } .v-header.v-header--static { position: relative; } .v-header.v-header--fixed { position: fixed; top: 0; } .v-navigation { overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; box-sizing: border-box; } .mdc-drawer { border-color: rgba(0, 0, 0, 0.12); background-color: #fff; /* @noflip */ border-radius: 0 0 0 0; z-index: 6; width: 256px; display: flex; flex-direction: column; flex-shrink: 0; box-sizing: border-box; height: 100%; /* @noflip */ border-right-width: 1px; /* @noflip */ border-right-style: solid; overflow: hidden; transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .mdc-drawer .mdc-drawer__title { color: rgba(0, 0, 0, 0.87); } .mdc-drawer .mdc-list-group__subheader { color: rgba(0, 0, 0, 0.6); } .mdc-drawer .mdc-drawer__subtitle { color: rgba(0, 0, 0, 0.6); } .mdc-drawer .mdc-list-item__graphic { color: rgba(0, 0, 0, 0.6); } .mdc-drawer .mdc-list-item { color: rgba(0, 0, 0, 0.87); } .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic { color: #5488b2; } .mdc-drawer .mdc-list-item--activated { color: rgba(84, 136, 178, 0.87); } [dir="rtl"] .mdc-drawer, .mdc-drawer[dir="rtl"] { /* @noflip */ border-radius: 0 0 0 0; } .mdc-drawer .mdc-list-item { border-radius: 4px; } .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content { /* @noflip */ margin-left: 256px; /* @noflip */ margin-right: 0; } [dir="rtl"] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content[dir="rtl"] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 256px; } [dir="rtl"] .mdc-drawer, .mdc-drawer[dir="rtl"] { /* @noflip */ border-right-width: 0; /* @noflip */ border-left-width: 1px; /* @noflip */ border-right-style: none; /* @noflip */ border-left-style: solid; } .mdc-drawer .mdc-list-item { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.375rem; font-weight: 500; letter-spacing: 0.00714em; text-decoration: inherit; text-transform: inherit; height: calc(48px - 2 * 4px); margin: 8px 8px; padding: 0 8px; } .mdc-drawer .mdc-list-item:nth-child(1) { margin-top: 2px; } .mdc-drawer .mdc-list-item:nth-last-child(1) { margin-bottom: 0; } .mdc-drawer .mdc-list-group__subheader { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.01786em; text-decoration: inherit; text-transform: inherit; display: block; margin-top: 0; /* @alternate */ line-height: normal; margin: 0; padding: 0 16px; } .mdc-drawer .mdc-list-group__subheader::before { display: inline-block; width: 0; height: 24px; content: ""; vertical-align: 0; } .mdc-drawer .mdc-list-divider { margin: 3px 0 4px 0; } .mdc-drawer .mdc-list-item__text, .mdc-drawer .mdc-list-item__graphic { pointer-events: none; } .mdc-drawer--animate { transform: translateX(-100%); } [dir="rtl"] .mdc-drawer--animate, .mdc-drawer--animate[dir="rtl"] { transform: translateX(100%); } .mdc-drawer--opening { transform: translateX(0); transition-duration: 250ms; } [dir="rtl"] .mdc-drawer--opening, .mdc-drawer--opening[dir="rtl"] { transform: translateX(0); } .mdc-drawer--closing { transform: translateX(-100%); transition-duration: 200ms; } [dir="rtl"] .mdc-drawer--closing, .mdc-drawer--closing[dir="rtl"] { transform: translateX(100%); } .mdc-drawer__header { flex-shrink: 0; box-sizing: border-box; min-height: 64px; padding: 0 16px 4px; } .mdc-drawer__title { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1.25rem; line-height: 2rem; font-weight: 500; letter-spacing: 0.0125em; text-decoration: inherit; text-transform: inherit; display: block; margin-top: 0; /* @alternate */ line-height: normal; margin-bottom: -20px; } .mdc-drawer__title::before { display: inline-block; width: 0; height: 36px; content: ""; vertical-align: 0; } .mdc-drawer__title::after { display: inline-block; width: 0; height: 20px; content: ""; vertical-align: -20px; } .mdc-drawer__subtitle { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.01786em; text-decoration: inherit; text-transform: inherit; display: block; margin-top: 0; /* @alternate */ line-height: normal; margin-bottom: 0; } .mdc-drawer__subtitle::before { display: inline-block; width: 0; height: 20px; content: ""; vertical-align: 0; } .mdc-drawer__content { height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .mdc-drawer--dismissible { /* @noflip */ left: 0; /* @noflip */ right: initial; display: none; position: absolute; } [dir="rtl"] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 0; } .mdc-drawer--dismissible.mdc-drawer--open { display: flex; } .mdc-drawer-app-content { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 0; position: relative; } [dir="rtl"] .mdc-drawer-app-content, .mdc-drawer-app-content[dir="rtl"] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 0; } .mdc-drawer--modal { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); /* @noflip */ left: 0; /* @noflip */ right: initial; display: none; position: fixed; } .mdc-drawer--modal + .mdc-drawer-scrim { background-color: rgba(0, 0, 0, 0.32); } [dir="rtl"] .mdc-drawer--modal, .mdc-drawer--modal[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 0; } .mdc-drawer--modal.mdc-drawer--open { display: flex; } .mdc-drawer-scrim { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .mdc-drawer--open + .mdc-drawer-scrim { display: block; } .mdc-drawer--animate + .mdc-drawer-scrim { opacity: 0; } .mdc-drawer--opening + .mdc-drawer-scrim { transition-duration: 250ms; opacity: 1; } .mdc-drawer--closing + .mdc-drawer-scrim { transition-duration: 200ms; opacity: 0; } .drawer-frame-root { display: flex; height: 100vh; } .drawer-frame-root .mdc-drawer { position: fixed; } .mdc-drawer-app-content { width: 100%; } .mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content > .mdc-top-app-bar.mdc-top-app-bar--fixed { width: 100%; } @media (min-width: 992px) { .mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content > .mdc-top-app-bar.mdc-top-app-bar--fixed { width: calc(100% - 256px); } } .mdc-drawer--modal { --v-drawer-active:yes; } @media (min-width: 992px) { .mdc-drawer--modal { --v-drawer-active:no; } } .mdc-drawer--dismissible.mdc-drawer--open { display: none; width: 0; --v-drawer-active:no; } @media (min-width: 992px) { .mdc-drawer--dismissible.mdc-drawer--open { --v-drawer-active:yes; display: flex; width: 256px; } } .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content { margin-left: 0; margin-right: 0; } @media (min-width: 992px) { .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content { margin-left: 256px; margin-right: 0; } } .v-drawer .mdc-drawer__content .v-list { box-sizing: border-box; display: flex; flex-direction: column; } .mdc-drawer.v-drawer.mdc-drawer--modal { top: 0; } .mdc-drawer.v-drawer.v-drawer--full-height .mdc-drawer__content .v-list.v-list--full-height { min-height: 100%; } .mdc-drawer.v-drawer .mdc-drawer__content .v-list .v-list--bottom-wrapper { margin-top: auto; } .mdc-drawer.v-drawer .v-list-item--size-small { font-size: 0.80rem; } .mdc-drawer.v-drawer .v-list-item.v-item__secondary:not(.mdc-list-item--activated) { color: rgba(0, 0, 0, 0.54); /* @alternate */ color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); } .mdc-icon-button { width: 48px; height: 48px; padding: 12px; font-size: 24px; display: inline-block; position: relative; box-sizing: border-box; border: none; outline: none; background-color: transparent; fill: currentColor; color: inherit; text-decoration: none; cursor: pointer; user-select: none; } .mdc-icon-button svg, .mdc-icon-button img { width: 24px; height: 24px; } .mdc-icon-button:disabled { color: rgba(0, 0, 0, 0.38); /* @alternate */ color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)); cursor: default; pointer-events: none; } .mdc-icon-button__icon { display: inline-block; } .mdc-icon-button__icon.mdc-icon-button__icon--on { display: none; } .mdc-icon-button--on .mdc-icon-button__icon { display: none; } .mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on { display: inline-block; } .mdc-icon-button { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mdc-icon-button::before, .mdc-icon-button::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-icon-button::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-icon-button.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-icon-button.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-icon-button.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after { animation: mdc-ripple-fg-opacity-out 150ms; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-icon-button::before, .mdc-icon-button::after { top: calc(50% - 50%); /* @noflip */ left: calc(50% - 50%); width: 100%; height: 100%; } .mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after { top: var(--mdc-ripple-top, calc(50% - 50%)); /* @noflip */ left: var(--mdc-ripple-left, calc(50% - 50%)); width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-icon-button.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-icon-button::before, .mdc-icon-button::after { background-color: #000; } .mdc-icon-button:hover::before { opacity: 0.04; } .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-button.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-icon-button:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-icon-button:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-icon-button.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .mdc-menu-surface { display: none; position: absolute; box-sizing: border-box; max-width: calc(100vw - 32px); max-height: calc(100vh - 32px); margin: 0; padding: 0; transform: scale(1); transform-origin: top left; opacity: 0; overflow: auto; will-change: transform, opacity; z-index: 8; transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1); box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); background-color: #fff; /* @alternate */ background-color: var(--mdc-theme-surface, #fff); color: #000; /* @alternate */ color: var(--mdc-theme-on-surface, #000); border-radius: 4px; /* @noflip */ transform-origin-left: top left; /* @noflip */ transform-origin-right: top right; } .mdc-menu-surface:focus { outline: none; } .mdc-menu-surface--open { display: inline-block; transform: scale(1); opacity: 1; } .mdc-menu-surface--animating-open { display: inline-block; transform: scale(0.8); opacity: 0; } .mdc-menu-surface--animating-closed { display: inline-block; opacity: 0; transition: opacity 0.075s linear; } [dir="rtl"] .mdc-menu-surface, .mdc-menu-surface[dir="rtl"] { /* @noflip */ transform-origin-left: top right; /* @noflip */ transform-origin-right: top left; } .mdc-menu-surface--anchor { position: relative; overflow: visible; } .mdc-menu-surface--fixed { position: fixed; } .mdc-menu { min-width: 112px; } .mdc-menu .mdc-list-item__meta { color: rgba(0, 0, 0, 0.87); } .mdc-menu .mdc-list-item__graphic { color: rgba(0, 0, 0, 0.87); } .mdc-menu .mdc-list { color: rgba(0, 0, 0, 0.87); } .mdc-menu .mdc-list-divider { margin: 8px 0; } .mdc-menu .mdc-list-item { user-select: none; } .mdc-menu .mdc-list-item--disabled { cursor: auto; } @media screen and (-ms-high-contrast: active) { .mdc-menu .mdc-list-item--disabled { opacity: 0.38; } } .mdc-menu a.mdc-list-item .mdc-list-item__text, .mdc-menu a.mdc-list-item .mdc-list-item__graphic { pointer-events: none; } .mdc-menu__selection-group { padding: 0; fill: currentColor; } .mdc-menu__selection-group .mdc-list-item { /* @noflip */ padding-left: 56px; /* @noflip */ padding-right: 16px; } [dir="rtl"] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir="rtl"] { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 56px; } .mdc-menu__selection-group .mdc-menu__selection-group-icon { /* @noflip */ left: 16px; /* @noflip */ right: initial; display: none; position: absolute; top: 50%; transform: translateY(-50%); } [dir="rtl"] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } .mdc-menu-item--selected .mdc-menu__selection-group-icon { display: inline; } .mdc-menu-anchor { display: inline; } .mdc-list-item.mdc-list-item--disabled .v-menu-link { cursor: inherit; pointer-events: none; } .v-menu-link:hover, .v-menu-link:visited, .v-menu-link:link, .v-menu-link:active { color: inherit; text-decoration: none; font-weight: 400; } .mdl-navigation__link i { font-size: 1.25rem; } .mdl-navigation__link .v-icon__fa { font-size: 1.25rem; } .mdc-typography { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .mdc-typography--headline1 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 6rem; line-height: 6rem; font-weight: 300; letter-spacing: -0.01562em; text-decoration: inherit; text-transform: inherit; } .mdc-typography--headline2 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 3.75rem; line-height: 3.75rem; font-weight: 300; letter-spacing: -0.00833em; text-decoration: inherit; text-transform: inherit; } .mdc-typography--headline3 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 3rem; line-height: 3.125rem; font-weight: 400; letter-spacing: normal; text-decoration: inherit; text-transform: inherit; } .mdc-typography--headline4 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 2.125rem; line-height: 2.5rem; font-weight: 400; letter-spacing: 0.00735em; text-decoration: inherit; text-transform: inherit; } .mdc-typography--headline5 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1.5rem; line-height: 2rem; font-weight: 400; letter-spacing: normal; text-decoration: inherit; text-transform: inherit; } .mdc-typography--headline6 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1.25rem; line-height: 2rem; font-weight: 500; letter-spacing: 0.0125em; text-decoration: inherit; text-transform: inherit; } .mdc-typography--subtitle1 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.00937em; text-decoration: inherit; text-transform: inherit; } .mdc-typography--subtitle2 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.375rem; font-weight: 500; letter-spacing: 0.00714em; text-decoration: inherit; text-transform: inherit; } .mdc-typography--body1 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.5rem; font-weight: 400; letter-spacing: 0.03125em; text-decoration: inherit; text-transform: inherit; } .mdc-typography--body2 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.01786em; text-decoration: inherit; text-transform: inherit; } .mdc-typography--caption { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.03333em; text-decoration: inherit; text-transform: inherit; } .mdc-typography--button { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 2.25rem; font-weight: 500; letter-spacing: 0.08929em; text-decoration: none; text-transform: uppercase; } .mdc-typography--overline { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 2rem; font-weight: 500; letter-spacing: 0.16667em; text-decoration: none; text-transform: uppercase; } .v-typography-position-left { position: absolute; left: 0; bottom: 0; } .v-typography-position-top { position: absolute; top: 0; } .v-typography-position-right { position: absolute; right: 0; bottom: 0; } .v-typography-position-bottom { position: absolute; bottom: 0; } .v-typography-position-center { text-align: center; } .v-typography > .v-icon-size-default { font-size: inherit; line-height: inherit; } @keyframes mdc-select-float-native-control { 0% { transform: translateY(8px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon { color: #000; /* @alternate */ color: var(--mdc-theme-on-surface, #000); } .mdc-select--with-leading-icon .mdc-select__icon { display: inline-block; position: absolute; bottom: 16px; box-sizing: border-box; width: 24px; height: 24px; border: none; background-color: transparent; fill: currentColor; opacity: 0.54; text-decoration: none; cursor: pointer; user-select: none; } .mdc-select__icon:not([tabindex]), .mdc-select__icon[tabindex="-1"] { cursor: default; pointer-events: none; } .mdc-select-helper-text { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.03333em; text-decoration: inherit; text-transform: inherit; display: block; margin-top: 0; /* @alternate */ line-height: normal; margin: 0; transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; will-change: opacity; } .mdc-select-helper-text::before { display: inline-block; width: 0; height: 16px; content: ""; vertical-align: 0; } .mdc-select-helper-text--persistent { transition: none; opacity: 1; will-change: initial; } .mdc-select, .v-multi-select-container .v-multi-select { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: inline-flex; position: relative; box-sizing: border-box; height: 56px; overflow: hidden; /* @alternate */ will-change: opacity, transform, color; } .mdc-select:not(.mdc-select--disabled), .v-multi-select-container .v-multi-select:not(.mdc-select--disabled) { background-color: whitesmoke; } .mdc-select::before, .v-multi-select-container .v-multi-select::before, .mdc-select::after, .v-multi-select-container .v-multi-select::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-select::before, .v-multi-select-container .v-multi-select::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-select.mdc-ripple-upgraded::before, .v-multi-select-container .mdc-ripple-upgraded.v-multi-select::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-select.mdc-ripple-upgraded::after, .v-multi-select-container .mdc-ripple-upgraded.v-multi-select::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-select.mdc-ripple-upgraded--unbounded::after, .v-multi-select-container .mdc-ripple-upgraded--unbounded.v-multi-select::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-select.mdc-ripple-upgraded--foreground-activation::after, .v-multi-select-container .mdc-ripple-upgraded--foreground-activation.v-multi-select::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-select.mdc-ripple-upgraded--foreground-deactivation::after, .v-multi-select-container .mdc-ripple-upgraded--foreground-deactivation.v-multi-select::after { animation: mdc-ripple-fg-opacity-out 150ms; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-select::before, .v-multi-select-container .v-multi-select::before, .mdc-select::after, .v-multi-select-container .v-multi-select::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } .mdc-select.mdc-ripple-upgraded::after, .v-multi-select-container .mdc-ripple-upgraded.v-multi-select::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-select::before, .v-multi-select-container .v-multi-select::before, .mdc-select::after, .v-multi-select-container .v-multi-select::after { background-color: rgba(0, 0, 0, 0.87); } .mdc-select:hover::before, .v-multi-select-container .v-multi-select:hover::before { opacity: 0.04; } .mdc-select:not(.mdc-ripple-upgraded):focus::before, .v-multi-select-container .v-multi-select:not(.mdc-ripple-upgraded):focus::before, .mdc-select.mdc-ripple-upgraded--background-focused::before, .v-multi-select-container .mdc-ripple-upgraded--background-focused.v-multi-select::before { transition-duration: 75ms; opacity: 0.12; } .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, .v-multi-select-container .v-multi-select:not(.mdc-select--disabled) .mdc-select__native-control, .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text, .v-multi-select-container .v-multi-select:not(.mdc-select--disabled) .mdc-select__selected-text { color: rgba(0, 0, 0, 0.87); } .mdc-select:not(.mdc-select--disabled) .mdc-floating-label, .v-multi-select-container .v-multi-select:not(.mdc-select--disabled) .mdc-floating-label { color: rgba(0, 0, 0, 0.6); } .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, .v-multi-select-container .v-multi-select:not(.mdc-select--disabled) .mdc-select__native-control, .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text, .v-multi-select-container .v-multi-select:not(.mdc-select--disabled) .mdc-select__selected-text { border-bottom-color: rgba(0, 0, 0, 0.42); } .mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text, .v-multi-select-container .v-multi-select:not(.mdc-select--disabled) + .mdc-select-helper-text { color: rgba(0, 0, 0, 0.6); } .mdc-select, .v-multi-select-container .v-multi-select, .mdc-select__native-control { border-radius: 4px 4px 0 0; } .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple, .v-multi-select-container .v-multi-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple { background-color: #5488b2; /* @alternate */ background-color: var(--mdc-theme-primary, #5488b2); } .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label, .v-multi-select-container .v-multi-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { color: rgba(84, 136, 178, 0.87); } .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover, .v-multi-select-container .v-multi-select:not(.mdc-select--disabled) .mdc-select__native-control:hover { border-bottom-color: rgba(0, 0, 0, 0.87); } .mdc-select .mdc-floating-label--float-above, .v-multi-select-container .v-multi-select .mdc-floating-label--float-above { transform: translateY(-70%) scale(0.75); } .mdc-select .mdc-floating-label, .v-multi-select-container .v-multi-select .mdc-floating-label { /* @noflip */ left: 16px; /* @noflip */ right: initial; top: 21px; pointer-events: none; } [dir="rtl"] .mdc-select .mdc-floating-label, [dir="rtl"] .v-multi-select-container .v-multi-select .mdc-floating-label, .v-multi-select-container [dir="rtl"] .v-multi-select .mdc-floating-label, .mdc-select .mdc-floating-label[dir="rtl"], .v-multi-select-container .v-multi-select .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } .mdc-select.mdc-select--with-leading-icon .mdc-floating-label, .v-multi-select-container .mdc-select--with-leading-icon.v-multi-select .mdc-floating-label { /* @noflip */ left: 48px; /* @noflip */ right: initial; } [dir="rtl"] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label, [dir="rtl"] .v-multi-select-container .mdc-select--with-leading-icon.v-multi-select .mdc-floating-label, .v-multi-select-container [dir="rtl"] .mdc-select--with-leading-icon.v-multi-select .mdc-floating-label, .mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir="rtl"], .v-multi-select-container .mdc-select--with-leading-icon.v-multi-select .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 48px; } .mdc-select.mdc-select--outlined .mdc-floating-label, .v-multi-select-container .mdc-select--outlined.v-multi-select .mdc-floating-label { /* @noflip */ left: 4px; /* @noflip */ right: initial; top: 17px; } [dir="rtl"] .mdc-select.mdc-select--outlined .mdc-floating-label, [dir="rtl"] .v-multi-select-container .mdc-select--outlined.v-multi-select .mdc-floating-label, .v-multi-select-container [dir="rtl"] .mdc-select--outlined.v-multi-select .mdc-floating-label, .mdc-select.mdc-select--outlined .mdc-floating-label[dir="rtl"], .v-multi-select-container .mdc-select--outlined.v-multi-select .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 4px; } .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .v-multi-select-container .mdc-select--outlined.mdc-select--with-leading-icon.v-multi-select .mdc-floating-label { /* @noflip */ left: 36px; /* @noflip */ right: initial; } [dir="rtl"] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, [dir="rtl"] .v-multi-select-container .mdc-select--outlined.mdc-select--with-leading-icon.v-multi-select .mdc-floating-label, .v-multi-select-container [dir="rtl"] .mdc-select--outlined.mdc-select--with-leading-icon.v-multi-select .mdc-floating-label, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir="rtl"], .v-multi-select-container .mdc-select--outlined.mdc-select--with-leading-icon.v-multi-select .mdc-floating-label[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 36px; } .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .v-multi-select-container .mdc-select--outlined.mdc-select--with-leading-icon.v-multi-select .mdc-floating-label--float-above { /* @noflip */ left: 36px; /* @noflip */ right: initial; } [dir="rtl"] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, [dir="rtl"] .v-multi-select-container .mdc-select--outlined.mdc-select--with-leading-icon.v-multi-select .mdc-floating-label--float-above, .v-multi-select-container [dir="rtl"] .mdc-select--outlined.mdc-select--with-leading-icon.v-multi-select .mdc-floating-label--float-above, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir="rtl"], .v-multi-select-container .mdc-select--outlined.mdc-select--with-leading-icon.v-multi-select .mdc-floating-label--float-above[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 36px; } .mdc-select__dropdown-icon { background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center; /* @noflip */ left: auto; /* @noflip */ right: 8px; position: absolute; bottom: 16px; width: 24px; height: 24px; transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; } [dir="rtl"] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir="rtl"] { /* @noflip */ left: 8px; /* @noflip */ right: auto; } .mdc-select--focused .mdc-select__dropdown-icon { background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%235488b2%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center; } .mdc-select--activated .mdc-select__dropdown-icon { transform: rotate(180deg) translateY(-5px); transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-select__native-control { padding-top: 20px; } .mdc-select.mdc-select--focused .mdc-line-ripple::after, .v-multi-select-container .mdc-select--focused.v-multi-select .mdc-line-ripple::after { transform: scale(1, 2); opacity: 1; } .mdc-select + .mdc-select-helper-text, .v-multi-select-container .v-multi-select + .mdc-select-helper-text { margin-right: 12px; margin-left: 12px; } .mdc-select--outlined + .mdc-select-helper-text { margin-right: 16px; margin-left: 16px; } .mdc-select--focused + .mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg) { opacity: 1; } .mdc-select__selected-text { min-width: 200px; padding-top: 22px; } .mdc-select__native-control, .mdc-select__selected-text { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 52px; font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.00937em; text-decoration: inherit; text-transform: inherit; box-sizing: border-box; width: 100%; height: 56px; padding-top: 20px; padding-bottom: 4px; border: none; border-bottom: 1px solid; outline: none; background-color: transparent; color: inherit; white-space: nowrap; cursor: pointer; appearance: none; } [dir="rtl"] .mdc-select__native-control, .mdc-select__native-control[dir="rtl"], [dir="rtl"] .mdc-select__selected-text, .mdc-select__selected-text[dir="rtl"] { /* @noflip */ padding-left: 52px; /* @noflip */ padding-right: 16px; } .mdc-select__native-control::-ms-expand, .mdc-select__selected-text::-ms-expand { display: none; } .mdc-select__native-control::-ms-value, .mdc-select__selected-text::-ms-value { background-color: transparent; color: inherit; } @-moz-document url-prefix("") { .mdc-select__native-control, .mdc-select__selected-text { text-indent: -2px; } } .mdc-select--outlined { border: none; overflow: visible; } .mdc-select--outlined:not(.mdc-select--disabled) { background-color: transparent; } .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.38); } .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.87); } .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-width: 2px; } .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #5488b2; /* @alternate */ border-color: var(--mdc-theme-primary, #5488b2); } .mdc-select--outlined .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; } .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading { /* @noflip */ border-radius: 4px 0 0 4px; } [dir="rtl"] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir="rtl"] { /* @noflip */ border-radius: 0 4px 4px 0; } .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing { /* @noflip */ border-radius: 0 4px 4px 0; } [dir="rtl"] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir="rtl"] { /* @noflip */ border-radius: 4px 0 0 4px; } .mdc-select--outlined .mdc-select__native-control { border-radius: 4px; } .mdc-select--outlined::before, .mdc-select--outlined::after { content: none; } .mdc-select--outlined:not(.mdc-select--disabled) { background-color: transparent; } .mdc-select--outlined .mdc-floating-label--float-above { transform: translateY(-144%) scale(1); } .mdc-select--outlined .mdc-floating-label--float-above { font-size: 0.75rem; } .mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { transform: translateY(-130%) scale(0.75); } .mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-select--outlined .mdc-select__native-control, .mdc-select--outlined .mdc-select__selected-text { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 52px; display: flex; padding-top: 12px; padding-bottom: 12px; border: none; background-color: transparent; z-index: 1; } [dir="rtl"] .mdc-select--outlined .mdc-select__native-control, .mdc-select--outlined .mdc-select__native-control[dir="rtl"], [dir="rtl"] .mdc-select--outlined .mdc-select__selected-text, .mdc-select--outlined .mdc-select__selected-text[dir="rtl"] { /* @noflip */ padding-left: 52px; /* @noflip */ padding-right: 16px; } .mdc-select--outlined .mdc-select__selected-text { padding-top: 14px; } .mdc-select--outlined .mdc-select__icon { z-index: 2; } .mdc-select--outlined .mdc-floating-label { line-height: 1.15rem; pointer-events: auto; } .mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control, .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__selected-text { border-bottom-color: #b00020; /* @alternate */ border-bottom-color: var(--mdc-theme-error, #b00020); } .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple { background-color: #b00020; /* @alternate */ background-color: var(--mdc-theme-error, #b00020); } .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { color: #b00020; } .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg { color: #b00020; /* @alternate */ color: var(--mdc-theme-error, #b00020); } .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control:hover { border-bottom-color: #b00020; /* @alternate */ border-bottom-color: var(--mdc-theme-error, #b00020); } .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-width: 2px; } .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #b00020; /* @alternate */ border-color: var(--mdc-theme-error, #b00020); } .mdc-select--invalid .mdc-select__dropdown-icon { background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23b00020%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center; } .mdc-select--invalid + .mdc-select-helper-text--validation-msg { opacity: 1; } .mdc-select--required .mdc-floating-label::after { content: "*"; } .mdc-select--disabled { background-color: #fafafa; cursor: default; pointer-events: none; } .mdc-select--disabled .mdc-floating-label { color: rgba(0, 0, 0, 0.37); } .mdc-select--disabled .mdc-select__dropdown-icon { background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.37%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center; } .mdc-select--disabled .mdc-line-ripple { display: none; } .mdc-select--disabled .mdc-select__icon { color: rgba(0, 0, 0, 0.37); } .mdc-select--disabled .mdc-select__native-control, .mdc-select--disabled .mdc-select__selected-text { color: rgba(0, 0, 0, 0.37); border-bottom-style: dotted; } .mdc-select--disabled .mdc-select__selected-text { pointer-events: none; } .mdc-select--disabled.mdc-select--outlined { background-color: transparent; } .mdc-select--disabled.mdc-select--outlined .mdc-select__native-control, .mdc-select--disabled.mdc-select--outlined .mdc-select__selected-text { border-bottom-style: none; } .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__leading, .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__notch, .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.16); } .mdc-select--with-leading-icon .mdc-select__icon { /* @noflip */ left: 16px; /* @noflip */ right: initial; } [dir="rtl"] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 16px; } .mdc-select--with-leading-icon .mdc-select__native-control, .mdc-select--with-leading-icon .mdc-select__selected-text { /* @noflip */ padding-left: 48px; /* @noflip */ padding-right: 32px; } [dir="rtl"] .mdc-select--with-leading-icon .mdc-select__native-control, .mdc-select--with-leading-icon .mdc-select__native-control[dir="rtl"], [dir="rtl"] .mdc-select--with-leading-icon .mdc-select__selected-text, .mdc-select--with-leading-icon .mdc-select__selected-text[dir="rtl"] { /* @noflip */ padding-left: 32px; /* @noflip */ padding-right: 48px; } .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above { transform: translateY(-144%) translateX(-32px) scale(1); } [dir="rtl"] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir="rtl"] { transform: translateY(-144%) translateX(32px) scale(1); } .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above { font-size: 0.75rem; } .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { transform: translateY(-130%) translateX(-32px) scale(0.75); } [dir="rtl"] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"], [dir="rtl"] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"] { transform: translateY(-130%) translateX(32px) scale(0.75); } .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: 1rem; } .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1; } [dir="rtl"] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake, .mdc-select--with-leading-icon.mdc-select--outlined[dir="rtl"] .mdc-floating-label--shake { animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1; } .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text { /* @noflip */ padding-left: 32px; /* @noflip */ padding-right: 32px; } [dir="rtl"] .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text, .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text[dir="rtl"] { /* @noflip */ padding-left: 32px; /* @noflip */ padding-right: 32px; } .mdc-select__menu .mdc-list .mdc-list-item--selected { color: #000; /* @alternate */ color: var(--mdc-theme-on-surface, #000); } .mdc-select__menu .mdc-list .mdc-list-item--selected::before, .mdc-select__menu .mdc-list .mdc-list-item--selected::after { background-color: #000; } @supports not (-ms-ime-align: auto) { .mdc-select__menu .mdc-list .mdc-list-item--selected::before, .mdc-select__menu .mdc-list .mdc-list-item--selected::after { /* @alternate */ background-color: var(--mdc-theme-on-surface, #000); } } .mdc-select__menu .mdc-list .mdc-list-item--selected:hover::before { opacity: 0.04; } .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon { 0% { transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); } 66% { animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); } 100% { transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } } @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl { 0% { transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } 33% { animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); } 66% { animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); } 100% { transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } } .mdc-select__native-control { -webkit-appearance: none; -moz-appearance: none; } select { text-transform: none; font-size: 0.875rem; line-height: 1.15; margin: 0; } .v-select, .v-multi-select-container .v-multi-select { margin-top: 16px; margin-bottom: 8px; } .mdc-select__label--float-above { white-space: nowrap; } .mdc-chip__icon--leading { color: rgba(0, 0, 0, 0.54); } .mdc-chip__icon--trailing { color: rgba(0, 0, 0, 0.54); } .mdc-chip__icon--trailing:hover { color: rgba(0, 0, 0, 0.62); } .mdc-chip__icon--trailing:focus { color: rgba(0, 0, 0, 0.87); } .mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) { width: 20px; height: 20px; font-size: 20px; } .mdc-chip__icon.mdc-chip__icon--trailing { width: 18px; height: 18px; font-size: 18px; } .mdc-chip__icon--trailing { margin-right: -4px; margin-left: 4px; } .mdc-chip { border-radius: 16px; background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.01786em; text-decoration: inherit; text-transform: inherit; height: 32px; display: inline-flex; position: relative; align-items: center; box-sizing: border-box; padding: 0 12px; border-width: 0; outline: none; cursor: pointer; -webkit-appearance: none; overflow: hidden; } .mdc-chip:hover { color: rgba(0, 0, 0, 0.87); } .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) { /* @noflip */ margin-left: -4px; /* @noflip */ margin-right: 4px; } [dir="rtl"] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir="rtl"], [dir="rtl"] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden), .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir="rtl"] { /* @noflip */ margin-left: 4px; /* @noflip */ margin-right: -4px; } .mdc-chip::-moz-focus-inner { padding: 0; border: 0; } .mdc-chip:hover { color: #000; /* @alternate */ color: var(--mdc-theme-on-surface, #000); } .mdc-chip--exit { transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear; opacity: 0; } .mdc-chip__text { white-space: nowrap; } .mdc-chip__icon { border-radius: 50%; outline: none; vertical-align: middle; } .mdc-chip__checkmark { height: 20px; } .mdc-chip__checkmark-path { transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1); stroke-width: 2px; stroke-dashoffset: 29.78334; stroke-dasharray: 29.78334; } .mdc-chip--selected .mdc-chip__checkmark-path { stroke-dashoffset: 0; } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected { color: #5488b2; /* @alternate */ color: var(--mdc-theme-primary, #5488b2); } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading { color: rgba(84, 136, 178, 0.54); } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover { color: #5488b2; /* @alternate */ color: var(--mdc-theme-primary, #5488b2); } .mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path { stroke: #5488b2; /* @alternate */ stroke: var(--mdc-theme-primary, #5488b2); } .mdc-chip-set--choice .mdc-chip--selected { background-color: #fff; /* @alternate */ background-color: var(--mdc-theme-surface, #fff); } .mdc-chip__checkmark-svg { width: 0; height: 20px; transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-chip--selected .mdc-chip__checkmark-svg { width: 20px; } .mdc-chip-set--filter .mdc-chip__icon--leading { transition: opacity 75ms linear; transition-delay: -50ms; opacity: 1; } .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark { transition: opacity 75ms linear; transition-delay: 80ms; opacity: 0; } .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg { transition: width 0ms; } .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading { opacity: 0; } .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark { width: 0; opacity: 1; } .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading { width: 0; opacity: 0; } .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark { width: 20px; } .mdc-chip { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mdc-chip::before, .mdc-chip::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-chip::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-chip.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-chip.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-chip.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-chip.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-chip.mdc-ripple-upgraded--foreground-deactivation::after { animation: mdc-ripple-fg-opacity-out 150ms; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-chip::before, .mdc-chip::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } .mdc-chip.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-chip::before, .mdc-chip::after { background-color: rgba(0, 0, 0, 0.87); } .mdc-chip:hover::before { opacity: 0.04; } .mdc-chip:not(.mdc-ripple-upgraded):focus::before, .mdc-chip.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-chip:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-chip:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-chip.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before { opacity: 0.08; } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after { background-color: #5488b2; } @supports not (-ms-ime-align: auto) { .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after { /* @alternate */ background-color: var(--mdc-theme-primary, #5488b2); } } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover::before { opacity: 0.12; } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.2; } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.2; } .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.2; } @keyframes mdc-chip-entry { from { transform: scale(0.8); opacity: .4; } to { transform: scale(1); opacity: 1; } } .mdc-chip-set { padding: 4px; display: flex; flex-wrap: wrap; box-sizing: border-box; } .mdc-chip-set .mdc-chip { margin: 4px; } .mdc-chip-set--input .mdc-chip { animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1); } button.mdc-chip { border: none; } .mdc-chip__icon.v-icon-position-left { float: none; padding-right: 0; } .mdc-chip__icon.v-icon-position-right { float: none; padding-left: 0; } .v-chip__primary { background-color: #5488b2; } .v-chip__primary:not(:disabled) { color: white; /* @alternate */ color: var(--mdc-theme-text-primary-on-dark, white); } .v-chip__secondary { background-color: #E58D36; } .mdc-card { border-radius: 4px; background-color: #fff; /* @alternate */ background-color: var(--mdc-theme-surface, #fff); box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); display: flex; flex-direction: column; box-sizing: border-box; } .mdc-card--outlined { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); border-width: 1px; border-style: solid; border-color: #e0e0e0; } .mdc-card__media { position: relative; box-sizing: border-box; background-repeat: no-repeat; background-position: center; background-size: cover; } .mdc-card__media::before { display: block; content: ""; } .mdc-card__media:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .mdc-card__media:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .mdc-card__media--square::before { margin-top: 100%; } .mdc-card__media--16-9::before { margin-top: 56.25%; } .mdc-card__media-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; } .mdc-card__primary-action { display: flex; flex-direction: column; box-sizing: border-box; position: relative; outline: none; color: inherit; text-decoration: none; cursor: pointer; overflow: hidden; } .mdc-card__primary-action:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .mdc-card__primary-action:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .mdc-card__actions { display: flex; flex-direction: row; align-items: center; box-sizing: border-box; min-height: 52px; padding: 8px; } .mdc-card__actions--full-bleed { padding: 0; } .mdc-card__action-buttons, .mdc-card__action-icons { display: flex; flex-direction: row; align-items: center; box-sizing: border-box; } .mdc-card__action-icons { color: rgba(0, 0, 0, 0.6); flex-grow: 1; justify-content: flex-end; } .mdc-card__action-buttons + .mdc-card__action-icons { /* @noflip */ margin-left: 16px; /* @noflip */ margin-right: 0; } [dir="rtl"] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir="rtl"] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 16px; } .mdc-card__action { display: inline-flex; flex-direction: row; align-items: center; box-sizing: border-box; justify-content: center; cursor: pointer; user-select: none; } .mdc-card__action:focus { outline: none; } .mdc-card__action--button { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 8px; padding: 0 8px; } [dir="rtl"] .mdc-card__action--button, .mdc-card__action--button[dir="rtl"] { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: 0; } .mdc-card__action--button:last-child { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 0; } [dir="rtl"] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir="rtl"] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 0; } .mdc-card__actions--full-bleed .mdc-card__action--button { justify-content: space-between; width: 100%; height: auto; max-height: none; margin: 0; padding: 8px 16px; /* @noflip */ text-align: left; } [dir="rtl"] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir="rtl"] { /* @noflip */ text-align: right; } .mdc-card__action--icon { margin: -6px 0; padding: 12px; } .mdc-card__action--icon:not(:disabled) { color: rgba(0, 0, 0, 0.6); } .mdc-card__primary-action { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mdc-card__primary-action::before, .mdc-card__primary-action::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-card__primary-action::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-card__primary-action.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-card__primary-action.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after { animation: mdc-ripple-fg-opacity-out 150ms; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-card__primary-action::before, .mdc-card__primary-action::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } .mdc-card__primary-action.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-card__primary-action::before, .mdc-card__primary-action::after { background-color: #000; } .mdc-card__primary-action:hover::before { opacity: 0.04; } .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before, .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-card__primary-action:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-card__primary-action.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .v-card { position: relative; } .v-card-media { position: relative; } .v-card-title { padding: 10px 10px 0px 10px; } .v-card-title-position-left { position: absolute; left: 0; } .v-card-title-position-top { position: absolute; top: 0; } .v-card-title-position-right { position: absolute; right: 0; } .v-card-title-position-bottom { position: absolute; bottom: 0; } .v-card__media-menu { z-index: 2; } .v-card__media-menu .v-button-icon-position-top { top: 8px; } .v-card--actions { margin-right: 10px; margin-left: 10px; position: relative; } .v-card-selected { outline: medium solid #3f51b5; } .mdc-snackbar { z-index: 8; margin: 8px; display: none; position: fixed; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center; box-sizing: border-box; pointer-events: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mdc-snackbar__surface { background-color: #333333; } .mdc-snackbar__label { color: rgba(255, 255, 255, 0.87); } .mdc-snackbar__surface { min-width: 344px; } @media (max-width: 480px), (max-width: 344px) { .mdc-snackbar__surface { min-width: 100%; } } .mdc-snackbar__surface { max-width: 672px; } .mdc-snackbar__surface { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mdc-snackbar__surface { border-radius: 4px; } .mdc-snackbar--opening, .mdc-snackbar--open, .mdc-snackbar--closing { display: flex; } .mdc-snackbar--leading { justify-content: flex-start; } .mdc-snackbar--stacked .mdc-snackbar__surface { flex-direction: column; align-items: flex-start; } .mdc-snackbar--stacked .mdc-snackbar__actions { align-self: flex-end; margin-bottom: 8px; } .mdc-snackbar__surface { display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; transform: scale(0.8); opacity: 0; } .mdc-snackbar--open .mdc-snackbar__surface { transform: scale(1); opacity: 1; pointer-events: auto; transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-snackbar--closing .mdc-snackbar__surface { transform: scale(1); transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1); } .mdc-snackbar__label { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.01786em; text-decoration: inherit; text-transform: inherit; flex-grow: 1; box-sizing: border-box; margin: 0; padding: 14px 16px; } .mdc-snackbar__label::before { display: inline; content: attr(data-mdc-snackbar-label-text); } .mdc-snackbar__actions { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 8px; display: flex; flex-shrink: 0; align-items: center; box-sizing: border-box; } [dir="rtl"] .mdc-snackbar__actions, .mdc-snackbar__actions[dir="rtl"] { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: 0; } .mdc-snackbar__action:not(:disabled) { color: #bb86fc; } .mdc-snackbar__action::before, .mdc-snackbar__action::after { background-color: #bb86fc; } .mdc-snackbar__action:hover::before { opacity: 0.08; } .mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before, .mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .mdc-snackbar__action:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .mdc-snackbar__action.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .mdc-snackbar__dismiss { color: rgba(255, 255, 255, 0.87); } .mdc-snackbar__dismiss::before, .mdc-snackbar__dismiss::after { background-color: rgba(255, 255, 255, 0.87); } .mdc-snackbar__dismiss:hover::before { opacity: 0.08; } .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before, .mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .mdc-snackbar__dismiss.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .mdc-snackbar__dismiss.mdc-snackbar__dismiss { width: 36px; height: 36px; padding: 9px; font-size: 18px; } .mdc-snackbar__dismiss.mdc-snackbar__dismiss svg, .mdc-snackbar__dismiss.mdc-snackbar__dismiss img { width: 18px; height: 18px; } .mdc-snackbar__action + .mdc-snackbar__dismiss { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: 0; } [dir="rtl"] .mdc-snackbar__action + .mdc-snackbar__dismiss, .mdc-snackbar__action + .mdc-snackbar__dismiss[dir="rtl"] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 8px; } .v-snackbar { z-index: 9999; } /** * mdl-stepper - A Material Design Lite Stepper component polyfill. * @version v1.1.6 * @author Alexandre Thebaldi . * @link https://github.com/ahlechandre/mdl-stepper * */ /* MDL Stepper */ /** * mdl-stepper - A Material Design Lite Stepper component polyfill. * @version v1.1.6 * @author Alexandre Thebaldi . * @link https://github.com/ahlechandre/mdl-stepper * */ /* STEPPER */ /* GRID */ /* SHADOWS */ /** * mdl-stepper - A Material Design Lite Stepper component polyfill. * @version v1.1.6 * @author Alexandre Thebaldi . * @link https://github.com/ahlechandre/mdl-stepper * */ /* Animation */ /* KEYFRAMES */ /* DISPLAY FLEX */ /* Shadows */ /** * mdl-stepper - A Material Design Lite Stepper component polyfill. * @version v1.1.6 * @author Alexandre Thebaldi . * @link https://github.com/ahlechandre/mdl-stepper * * @contributor Michael Haschke */ /** * mdl-stepper - A Material Design Lite Stepper component polyfill. * @version v1.1.6 * @author Alexandre Thebaldi . * @link https://github.com/ahlechandre/mdl-stepper * */ /* STEPPER */ /* GRID */ /* SHADOWS */ /** * mdl-stepper - A Material Design Lite Stepper component polyfill. * @version v1.1.6 * @author Alexandre Thebaldi . * @link https://github.com/ahlechandre/mdl-stepper * */ /* Animation */ /* KEYFRAMES */ /* DISPLAY FLEX */ /* Shadows */ /** * mdl-stepper - A Material Design Lite Stepper component polyfill. * @version v1.1.6 * @author Alexandre Thebaldi . * @link https://github.com/ahlechandre/mdl-stepper * */ @-webkit-keyframes FadeIn { 0% { opacity: 0; } 100% { opacity: 100; } } @-moz-keyframes FadeIn { 0% { opacity: 0; } 100% { opacity: 100; } } @-o-keyframes FadeIn { 0% { opacity: 0; } 100% { opacity: 100; } } @keyframes FadeIn { 0% { opacity: 0; } 100% { opacity: 100; } } @-webkit-keyframes FadeInFromBottom { 0% { height: 0; padding-top: 84px; background-color: white; color: white; } 25% { color: white; } } @-moz-keyframes FadeInFromBottom { 0% { height: 0; padding-top: 84px; background-color: white; color: white; } 25% { color: white; } } @-o-keyframes FadeInFromBottom { 0% { height: 0; padding-top: 84px; background-color: white; color: white; } 25% { color: white; } } @keyframes FadeInFromBottom { 0% { height: 0; padding-top: 84px; background-color: white; color: white; } 25% { color: white; } } /* STEPPER */ .mdl-stepper { position: relative; font-family: "Roboto", sans-serif; background-color: white; display: block; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); padding: 24px 0; max-width: 720px; width: 100%; border-radius: 2px; } .mdl-stepper > li { list-style: none; } /* STEPPER ON SMALL SCREENS */ @media only screen and (max-width: 375px) { .mdl-stepper { width: 100vw; } .mdl-grid .mdl-cell .mdl-stepper { margin-left: -16px; } } /* STEPPER VERTICAL ONLY */ .mdl-stepper:not(.mdl-stepper--horizontal) > .mdl-step:not(:last-child):after { content: ''; position: absolute; top: 50px; left: 37px; width: 1px; height: calc(100% - 24px); background-color: rgba(0, 0, 0, 0.1); } .mdl-stepper:not(.mdl-stepper--horizontal) > .mdl-step:not(:last-child).is-active:after { height: calc(100% - 12px); } .mdl-stepper:not(.mdl-stepper--horizontal) .mdl-step__label:hover, .mdl-stepper:not(.mdl-stepper--horizontal) .mdl-step__label:active, .mdl-stepper:not(.mdl-stepper--horizontal) .mdl-step__label:focus { background-color: rgba(0, 0, 0, 0.06); } /* STEP */ .mdl-step { position: relative; height: 460px; } .mdl-step:not(.is-active) { height: initial !important; } .mdl-step:not(:last-child) { margin-bottom: 24px; } .mdl-step:not(:last-child).is-active { margin-bottom: 36px; } .mdl-step .mdl-step-error-message { display: none; } .mdl-step > * { -webkit-animation: FadeIn 0.5s ease-in-out; -moz-animation: FadeIn 0.5s ease-in-out; -ms-animation: FadeIn 0.5s ease-in-out; animation: FadeIn 0.5s ease-in-out; } /* STEP ACTIVE */ .mdl-step.is-active .mdl-step__title { font-weight: bold; } .mdl-step.is-active .mdl-step__content { display: block; } .mdl-step.is-active .mdl-step__label-indicator { background-color: #2196F3; color: white; } .mdl-step.is-active .mdl-step__actions { -webkit-display: flex; -moz-display: flex; -ms-display: flex; display: flex; justify-content: flex-start; } .mdl-step.is-active .mdl-step__actions [data-stepper-next] { order: 1; margin-right: 8px; } .mdl-step.is-active .mdl-step__actions [data-stepper-cancel] { order: 2; } .mdl-step.is-active .mdl-step__actions [data-stepper-skip] { order: 3; margin-left: auto; } .mdl-step.is-active .mdl-step__actions [data-stepper-back] { order: 4; margin-left: auto; } /* STEP MOD COMPLETED */ .mdl-step--completed .mdl-step__label-indicator { background-color: #2196F3; } /* STEP MOD ERROR */ .mdl-step--error .mdl-step__title { color: #F44336; } .mdl-step--error .mdl-step-error-message { display: block; color: #F44336; font-weight: normal; } .mdl-step--error .mdl-step__label-indicator { background-color: #F44336 !important; font-weight: bold; } /* STEP MOD OPTIONAL */ /* STEP MOD TRANSIENT */ .mdl-step--transient .mdl-step__content { overflow: hidden !important; } .mdl-step__label { position: relative; -webkit-display: flex; -moz-display: flex; -ms-display: flex; display: flex; cursor: pointer; margin-bottom: 8px; padding: 12px 24px 24px 24px; align-items: center; } /* STEP LABEL MOD WITH SUBLABEL */ .mdl-step__label--with-sublabel { align-items: baseline; } /* STEP TITLE */ .mdl-step__title { -webkit-display: flex; -moz-display: flex; -ms-display: flex; display: flex; flex-flow: column nowrap; order: 2; width: 100%; } /* STEP TITLE MESSAGE */ .mdl-step__title-message { position: absolute; font-size: 12px; opacity: .7; font-weight: 400; top: 28px; } /* STEP LABEL INDICATOR */ .mdl-step__label-indicator { -webkit-display: flex; -moz-display: flex; -ms-display: flex; display: flex; order: 1; background-color: rgba(0, 0, 0, 0.3); border-radius: 100%; color: white; margin-right: 12px; margin-bottom: auto; } .mdl-step__label-indicator > :first-child { -webkit-display: flex; -moz-display: flex; -ms-display: flex; display: flex; font-size: 15px; width: 28px; height: 28px; align-items: center; justify-content: center; } /* STEP CONTENT */ .mdl-step__content { display: none; height: calc(100% - 132px); width: inherit; overflow: auto; margin-left: 64px; margin-right: 24px; } /* STEP ACTIONS */ .mdl-step__actions { display: none; padding-top: 16px; height: 48px; margin-left: 64px; margin-right: 24px; } .mdl-step__actions [data-stepper-next].mdl-button--raised.mdl-button--colored { background-color: #2196F3; box-shadow: none; } /* STEP TRANSIENT */ .mdl-step__transient { position: absolute; top: 72px; left: 64px; z-index: 2; -webkit-display: flex; -moz-display: flex; -ms-display: flex; display: flex; width: calc(100% - 88px); height: calc(100% - 132px); transition: 0.3s all ease-in-out; } /* STEP TRANSIENT OVERLAY */ .mdl-step__transient-overlay { content: ''; position: absolute; z-index: 3; width: 100%; height: 100%; top: 0; background-color: rgba(255, 255, 255, 0.8); } /* STEP TRANSIENT LOADER */ .mdl-step__transient-loader { z-index: 4; margin: auto; } /* STEPPER MOD HORIZONTAL */ @media only screen and (min-width: 841px) { .mdl-stepper--horizontal { -webkit-display: flex; -moz-display: flex; -ms-display: flex; display: flex; flex-direction: row; align-items: baseline; max-width: 840px; padding: 0; min-height: 576px; /* HORIZONTAL STEP */ /* HORIZONTAL STEP LABEL */ /* HORIZONTAL STEP CONTENT */ /* HORIZONTAL STEP ACTIONS */ /* STEPPER MOD HORIZONTAL + MOD LINEAR */ } .mdl-stepper--horizontal:before { content: ''; background-color: transparent; width: 100%; min-height: 84px; box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); position: absolute; top: 0; left: 0; } .mdl-stepper--horizontal > .mdl-step { position: static; -webkit-display: flex; -moz-display: flex; -ms-display: flex; display: flex; justify-content: center; align-items: initial; margin-top: 0 !important; margin-bottom: 0 !important; height: initial; max-height: 84px; overflow: hidden; /* STEP MOD COMPLETED */ } .mdl-stepper--horizontal > .mdl-step.is-active.mdl-step--transient:before { content: attr(data-step-transient-message); -webkit-animation: FadeInFromBottom 0.3s cubic-bezier(0, 0, 0, 0.99); -moz-animation: FadeInFromBottom 0.3s cubic-bezier(0, 0, 0, 0.99); -ms-animation: FadeInFromBottom 0.3s cubic-bezier(0, 0, 0, 0.99); animation: FadeInFromBottom 0.3s cubic-bezier(0, 0, 0, 0.99); position: absolute; padding-left: 24px; display: flex; font-size: 16px; justify-content: flex-start; align-items: center; width: calc(100% - 24px); height: 84px; background-color: white; top: 0; left: 0; z-index: 9; } .mdl-stepper--horizontal > .mdl-step .mdl-step__transient { top: 0; left: 0; width: 100%; height: 100%; } .mdl-stepper--horizontal > .mdl-step:not(:first-child):not(:last-child) { margin: auto auto; } .mdl-stepper--horizontal > .mdl-step:not(:last-child) { flex: 1; } .mdl-stepper--horizontal > .mdl-step:not(:last-child):after { content: ''; position: relative; flex: 1; top: 42px; width: 168px; margin-left: -12px; height: 1px; background-color: rgba(0, 0, 0, 0.1); } .mdl-stepper--horizontal > .mdl-step.mdl-step--completed .mdl-step__title > .mdl-step__title-text { font-weight: bold; } .mdl-stepper--horizontal .mdl-step__label { top: -48px; flex: initial; margin: 0; padding: 24px; min-height: 132px; transition: 0.025s border-radius linear; } .mdl-stepper--horizontal .mdl-step__label:hover { background-color: rgba(0, 0, 0, 0.06); } .mdl-stepper--horizontal .mdl-step__label:active { padding: 12px; margin: 12px; border-radius: 100%; } .mdl-stepper--horizontal .mdl-step__label > .mdl-step__title { width: initial; } .mdl-stepper--horizontal .mdl-step__label > .mdl-step__title > * { max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mdl-stepper--horizontal .mdl-step__label > .mdl-step__title > .mdl-step__title-message { position: relative; top: 0; line-height: 14px; } .mdl-stepper--horizontal .mdl-step__label > .mdl-step__label-indicator { margin-top: auto; } .mdl-stepper--horizontal .mdl-step > .mdl-step__content { position: absolute; top: 84px; left: 0; width: calc(100% - 48px); height: calc(100% - 192px); margin: 24px; } .mdl-stepper--horizontal .mdl-step > .mdl-step__actions { position: absolute; top: calc(100% - 84px); left: 0; margin: 0; padding: 24px; width: calc(100% - 48px); } .mdl-stepper--horizontal .mdl-step > .mdl-step__actions [data-stepper-next] { order: 4; margin-left: 8px; margin-right: 0; color: #2196F3; background-color: transparent; } .mdl-stepper--horizontal .mdl-step > .mdl-step__actions [data-stepper-cancel] { order: 3; margin-left: auto; } .mdl-stepper--horizontal .mdl-step > .mdl-step__actions [data-stepper-skip] { order: 2; margin-left: auto; } .mdl-stepper--horizontal .mdl-step > .mdl-step__actions [data-stepper-back] { order: 1; margin-left: 0; margin-right: auto; } .mdl-stepper--horizontal.mdl-stepper--linear > .mdl-step:not(.mdl-step--completed):not(.is-active) .mdl-step__title > .mdl-step__title-text { opacity: .5; } } .mdl-stepper { box-shadow: unset; } .mdl-step.is-active .mdl-step__label-indicator { background-color: #5488b2; color: white; } .mdl-step--completed .mdl-step__label-indicator { background-color: #5488b2; } .mdl-step__actions [data-stepper-next] { background-color: #5488b2; color: white; } .v-stepper { box-shadow: none; margin-top: 24px; } .v-step__content { height: 100%; width: calc(100% - 48px); display: none; margin: 24px; } .v-step__content.is-active { display: block; } .v-step__content:not(.is-active) { display: none; } .v-step__content.is-active .v-step__actions { -webkit-display: flex; -moz-display: flex; -ms-display: flex; display: flex; justify-content: flex-start; } .v-step__content.is-active .v-step__actions [data-stepper-next] { order: 1; margin-right: 8px; } .v-step__content.is-active .v-step__actions [data-stepper-cancel] { order: 2; } .v-step__content.is-active .v-step__actions [data-stepper-skip] { order: 3; margin-left: auto; } .v-step__content.is-active .v-step__actions [data-stepper-back] { order: 4; margin-left: 0; } .v-step__actions { -webkit-display: flex; -moz-display: flex; -ms-display: flex; display: flex; flex-direction: row-reverse; padding-top: 16px; height: 48px; } .v-step__actions [data-stepper-next] { background-color: #2196F3; box-shadow: none; } .v-step--horizontal > .v-step__actions { left: 0; margin: 0; } .v-step--horizontal > .v-step__actions [data-stepper-next] { order: 4; margin-left: 8px; margin-right: 0; color: #FFFFFF; background-color: #5488b2; } .v-step--horizontal > .v-step__actions [data-stepper-cancel] { order: 3; margin-left: auto; } .v-step--horizontal > .v-step__actions [data-stepper-skip] { order: 2; margin-left: auto; } .v-step--horizontal > .v-step__actions [data-stepper-back] { order: 1; margin-left: 0; margin-right: auto; } @media only screen and (min-width: 301px) { .mdl-stepper--horizontal { -webkit-display: flex; -moz-display: flex; -ms-display: flex; display: flex; flex-direction: row; align-items: baseline; max-width: unset; padding: 0; min-height: unset; /* HORIZONTAL STEP */ /* HORIZONTAL STEP LABEL */ /* HORIZONTAL STEP CONTENT */ /* HORIZONTAL STEP ACTIONS */ /* STEPPER MOD HORIZONTAL + MOD LINEAR */ } .mdl-stepper--horizontal:before { content: ''; background-color: transparent; width: 100%; min-height: 84px; box-shadow: unset; position: absolute; top: 0; left: 0; } .mdl-stepper--horizontal > .mdl-step { position: static; -webkit-display: flex; -moz-display: flex; -ms-display: flex; display: flex; justify-content: center; align-items: initial; margin-top: 0 !important; margin-bottom: 0 !important; height: initial; max-height: 84px; overflow: hidden; /* STEP MOD COMPLETED */ } .mdl-stepper--horizontal > .mdl-step.is-active.mdl-step--transient:before { content: attr(data-step-transient-message); -webkit-animation: FadeInFromBottom 0.3s cubic-bezier(0, 0, 0, 0.99); -moz-animation: FadeInFromBottom 0.3s cubic-bezier(0, 0, 0, 0.99); -ms-animation: FadeInFromBottom 0.3s cubic-bezier(0, 0, 0, 0.99); animation: FadeInFromBottom 0.3s cubic-bezier(0, 0, 0, 0.99); position: absolute; padding-left: 24px; display: flex; font-size: 16px; justify-content: flex-start; align-items: center; width: calc(100% - 24px); height: 84px; background-color: white; top: 0; left: 0; z-index: 9; } .mdl-stepper--horizontal > .mdl-step .mdl-step__transient { top: 0; left: 0; width: 100%; height: 100%; } .mdl-stepper--horizontal > .mdl-step:not(:first-child):not(:last-child) { margin: auto auto; } .mdl-stepper--horizontal > .mdl-step:not(:last-child) { flex: 1; } .mdl-stepper--horizontal > .mdl-step:not(:last-child):after { content: ''; position: relative; flex: 1; top: 42px; width: 168px; margin-left: -12px; height: 1px; background-color: rgba(0, 0, 0, 0.1); } .mdl-stepper--horizontal > .mdl-step.mdl-step--completed .mdl-step__title > .mdl-step__title-text { font-weight: bold; } .mdl-stepper--horizontal .mdl-step__label { z-index: 999; top: -48px; flex: initial; margin: 0; padding: 24px; min-height: 132px; transition: 0.025s border-radius linear; } .mdl-stepper--horizontal .mdl-step__label:hover { background-color: rgba(0, 0, 0, 0.06); } .mdl-stepper--horizontal .mdl-step__label:active { padding: 12px; margin: 12px; border-radius: 100%; } .mdl-stepper--horizontal .mdl-step__label > .mdl-step__title { width: initial; } .mdl-stepper--horizontal .mdl-step__label > .mdl-step__title > * { max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mdl-stepper--horizontal .mdl-step__label > .mdl-step__title > .mdl-step__title-message { position: relative; top: 0; line-height: 14px; } .mdl-stepper--horizontal .mdl-step__label > .mdl-step__label-indicator { margin-top: auto; } .mdl-stepper--horizontal .mdl-step > .mdl-step__content { position: absolute; top: 84px; left: 0; width: calc(100% - 48px); height: calc(100% - 192px); margin: 24px; } .mdl-stepper--horizontal .mdl-step > .mdl-step__actions { position: absolute; top: calc(100% - 84px); left: 0; margin: 0; padding: 24px; width: calc(100% - 48px); } .mdl-stepper--horizontal .mdl-step > .mdl-step__actions [data-stepper-next] { order: 4; margin-left: 8px; margin-right: 0; color: #2196F3; background-color: transparent; } .mdl-stepper--horizontal .mdl-step > .mdl-step__actions [data-stepper-cancel] { order: 3; margin-left: auto; } .mdl-stepper--horizontal .mdl-step > .mdl-step__actions [data-stepper-skip] { order: 2; margin-left: auto; } .mdl-stepper--horizontal .mdl-step > .mdl-step__actions [data-stepper-back] { order: 1; margin-left: 0; margin-right: auto; } .mdl-stepper--horizontal.mdl-stepper--linear > .mdl-step:not(.mdl-step--completed):not(.is-active) .mdl-step__title > .mdl-step__title-text { opacity: .5; } } .mdc-form-field { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.01786em; text-decoration: inherit; text-transform: inherit; color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); display: inline-flex; align-items: center; vertical-align: middle; } .mdc-form-field > label { order: 0; /* @noflip */ margin-right: auto; /* @noflip */ padding-left: 4px; } [dir="rtl"] .mdc-form-field > label, .mdc-form-field[dir="rtl"] > label { /* @noflip */ margin-left: auto; /* @noflip */ padding-right: 4px; } .mdc-form-field--align-end > label { order: -1; /* @noflip */ margin-left: auto; /* @noflip */ padding-right: 4px; } [dir="rtl"] .mdc-form-field--align-end > label, .mdc-form-field--align-end[dir="rtl"] > label { /* @noflip */ margin-right: auto; /* @noflip */ padding-left: 4px; } .mdc-radio { display: inline-block; position: relative; flex: 0 0 auto; box-sizing: border-box; width: 40px; height: 40px; padding: 10px; cursor: pointer; /* @alternate */ will-change: opacity, transform, border-color, color; } .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle { border-color: rgba(0, 0, 0, 0.54); } .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle { border-color: #E58D36; /* @alternate */ border-color: var(--mdc-theme-secondary, #E58D36); } .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle { border-color: #E58D36; /* @alternate */ border-color: var(--mdc-theme-secondary, #E58D36); } .mdc-radio .mdc-radio__background::before { background-color: #E58D36; } @supports not (-ms-ime-align: auto) { .mdc-radio .mdc-radio__background::before { /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); } } .mdc-radio__background { display: inline-block; position: absolute; left: 10px; box-sizing: border-box; width: 50%; height: 50%; } .mdc-radio__background::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0, 0); border-radius: 50%; opacity: 0; pointer-events: none; content: ""; transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-radio__outer-circle { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; border-width: 2px; border-style: solid; border-radius: 50%; transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-radio__inner-circle { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; transform: scale(0, 0); border-width: 10px; border-style: solid; border-radius: 50%; transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-radio__native-control { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: inherit; z-index: 1; } .mdc-radio__native-control:checked + .mdc-radio__background, .mdc-radio__native-control:disabled + .mdc-radio__background { transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle { transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle, .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle { transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-radio--disabled { cursor: default; pointer-events: none; } .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle { transform: scale(0.5); transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-radio__native-control:disabled + .mdc-radio__background, [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background { cursor: default; } .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle, [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle { border-color: rgba(0, 0, 0, 0.26); } .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle, [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle { border-color: rgba(0, 0, 0, 0.26); } .mdc-radio__native-control:focus + .mdc-radio__background::before { transform: scale(2, 2); opacity: 0.12; transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-radio { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mdc-radio::before, .mdc-radio::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-radio::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-radio.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-radio.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-radio.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-radio.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-radio.mdc-ripple-upgraded--foreground-deactivation::after { animation: mdc-ripple-fg-opacity-out 150ms; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-radio::before, .mdc-radio::after { top: calc(50% - 50%); /* @noflip */ left: calc(50% - 50%); width: 100%; height: 100%; } .mdc-radio.mdc-ripple-upgraded::before, .mdc-radio.mdc-ripple-upgraded::after { top: var(--mdc-ripple-top, calc(50% - 50%)); /* @noflip */ left: var(--mdc-ripple-left, calc(50% - 50%)); width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-radio.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-radio::before, .mdc-radio::after { background-color: #E58D36; } @supports not (-ms-ime-align: auto) { .mdc-radio::before, .mdc-radio::after { /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); } } .mdc-radio:hover::before { opacity: 0.08; } .mdc-radio:not(.mdc-ripple-upgraded):focus::before, .mdc-radio.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .mdc-radio:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-radio:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .mdc-radio.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before { content: none; } @keyframes mdc-slider-emphasize { 0% { animation-timing-function: ease-out; } 50% { animation-timing-function: ease-in; transform: scale(0.85); } 100% { transform: scale(0.571); } } .mdc-slider { position: relative; width: 100%; height: 48px; cursor: pointer; touch-action: pan-x; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track { background-color: #E58D36; /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); } .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container { background-color: rgba(229, 141, 54, 0.26); } .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker::after, .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker-container::after { background-color: #E58D36; /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); } .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb { fill: #E58D36; /* @alternate */ fill: var(--mdc-theme-secondary, #E58D36); stroke: #E58D36; /* @alternate */ stroke: var(--mdc-theme-secondary, #E58D36); } .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring { background-color: #E58D36; /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); } .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin { background-color: #E58D36; /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); } .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); } .mdc-slider--disabled { cursor: auto; } .mdc-slider--disabled .mdc-slider__track { background-color: #9a9a9a; } .mdc-slider--disabled .mdc-slider__track-container { background-color: rgba(154, 154, 154, 0.26); } .mdc-slider--disabled .mdc-slider__track-marker::after, .mdc-slider--disabled .mdc-slider__track-marker-container::after { background-color: #9a9a9a; } .mdc-slider--disabled .mdc-slider__thumb { fill: #9a9a9a; stroke: #9a9a9a; } .mdc-slider--disabled .mdc-slider__thumb { /* @alternate */ stroke: white; stroke: var(--mdc-slider-bg-color-behind-component, white); } .mdc-slider:focus { outline: none; } .mdc-slider__track-container { position: absolute; top: 50%; width: 100%; height: 2px; overflow: hidden; } .mdc-slider__track { position: absolute; width: 100%; height: 100%; transform-origin: left top; will-change: transform; } .mdc-slider[dir="rtl"] .mdc-slider__track, [dir="rtl"] .mdc-slider .mdc-slider__track { transform-origin: right top; } .mdc-slider__track-marker-container { display: flex; margin-right: 0; margin-left: -1px; visibility: hidden; } .mdc-slider[dir="rtl"] .mdc-slider__track-marker-container, [dir="rtl"] .mdc-slider .mdc-slider__track-marker-container { margin-right: -1px; margin-left: 0; } .mdc-slider__track-marker-container::after { display: block; width: 2px; height: 2px; content: ""; } .mdc-slider__track-marker { flex: 1; } .mdc-slider__track-marker::after { display: block; width: 2px; height: 2px; content: ""; } .mdc-slider__track-marker:first-child::after { width: 3px; } .mdc-slider__thumb-container { position: absolute; top: 15px; left: 0; width: 21px; height: 100%; user-select: none; will-change: transform; } .mdc-slider__thumb { position: absolute; top: 0; left: 0; transform: scale(0.571); stroke-width: 3.5; transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out; } .mdc-slider__focus-ring { width: 21px; height: 21px; border-radius: 50%; opacity: 0; transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out; } .mdc-slider__pin { display: flex; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; width: 26px; height: 26px; margin-top: -2px; margin-left: -2px; transform: rotate(-45deg) scale(0) translate(0, 0); border-radius: 50% 50% 50% 0%; z-index: 1; transition: transform 100ms ease-out; } .mdc-slider__pin-value-marker { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.01786em; text-decoration: inherit; text-transform: inherit; transform: rotate(45deg); } .mdc-slider--active .mdc-slider__thumb { transform: scale3d(1, 1, 1); } .mdc-slider--focus .mdc-slider__thumb { animation: mdc-slider-emphasize 266.67ms linear; } .mdc-slider--focus .mdc-slider__focus-ring { transform: scale3d(1.55, 1.55, 1.55); opacity: .25; } .mdc-slider--in-transit .mdc-slider__thumb { transition-delay: 140ms; } .mdc-slider--in-transit .mdc-slider__thumb-container, .mdc-slider--in-transit .mdc-slider__track, .mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__thumb-container, .mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__track { transition: transform 80ms ease; } .mdc-slider--discrete.mdc-slider--active .mdc-slider__thumb { transform: scale(calc(12 / 21)); } .mdc-slider--discrete.mdc-slider--active .mdc-slider__pin { transform: rotate(-45deg) scale(1) translate(19px, -20px); } .mdc-slider--discrete.mdc-slider--focus .mdc-slider__thumb { animation: none; } .mdc-slider--discrete.mdc-slider--display-markers .mdc-slider__track-marker-container { visibility: visible; } /** * @license * Copyright 2018 Google Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ .mdc-tab-bar { width: 100%; } /** * @license * Copyright 2018 Google Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ .mdc-tab-scroller { overflow-y: hidden; } .mdc-tab-scroller__test { position: absolute; top: -9999px; width: 100px; height: 100px; overflow-x: scroll; } .mdc-tab-scroller__scroll-area { -webkit-overflow-scrolling: touch; display: flex; overflow-x: hidden; } .mdc-tab-scroller__scroll-area::-webkit-scrollbar, .mdc-tab-scroller__test::-webkit-scrollbar { display: none; } .mdc-tab-scroller__scroll-area--scroll { overflow-x: scroll; } .mdc-tab-scroller__scroll-content { position: relative; display: flex; flex: 1 0 auto; transform: none; will-change: transform; } .mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content { justify-content: flex-start; } .mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content { justify-content: flex-end; } .mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content { justify-content: center; } .mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area { -webkit-overflow-scrolling: auto; } .mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content { transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1); } /** * @license * Copyright 2018 Google Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ .mdc-tab-indicator { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; } .mdc-tab-indicator .mdc-tab-indicator__content--underline { border-color: #5488b2; /* @alternate */ border-color: var(--mdc-theme-primary, #5488b2); } .mdc-tab-indicator .mdc-tab-indicator__content--icon { color: #E58D36; /* @alternate */ color: var(--mdc-theme-secondary, #E58D36); } .mdc-tab-indicator .mdc-tab-indicator__content--underline { border-top-width: 2px; } .mdc-tab-indicator .mdc-tab-indicator__content--icon { height: 34px; font-size: 34px; } .mdc-tab-indicator__content { transform-origin: left; opacity: 0; } .mdc-tab-indicator__content--underline { align-self: flex-end; box-sizing: border-box; width: 100%; border-top-style: solid; } .mdc-tab-indicator__content--icon { align-self: center; margin: 0 auto; } .mdc-tab-indicator--active .mdc-tab-indicator__content { opacity: 1; } .mdc-tab-indicator .mdc-tab-indicator__content { transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1); } .mdc-tab-indicator--no-transition .mdc-tab-indicator__content { transition: none; } .mdc-tab-indicator--fade .mdc-tab-indicator__content { transition: 150ms opacity linear; } .mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content { transition-delay: 100ms; } .mdc-tab { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 2.25rem; font-weight: 500; letter-spacing: 0.08929em; text-decoration: none; text-transform: uppercase; padding-right: 24px; padding-left: 24px; position: relative; display: flex; flex: 1 0 auto; justify-content: center; box-sizing: border-box; height: 48px; margin: 0; padding-top: 0; padding-bottom: 0; border: none; outline: none; background: none; text-align: center; white-space: nowrap; cursor: pointer; -webkit-appearance: none; z-index: 1; } .mdc-tab .mdc-tab__text-label { color: rgba(0, 0, 0, 0.6); } .mdc-tab .mdc-tab__icon { color: rgba(0, 0, 0, 0.54); fill: currentColor; } .mdc-tab::-moz-focus-inner { padding: 0; border: 0; } .mdc-tab--min-width { flex: 0 1 auto; } .mdc-tab__content { position: relative; display: flex; align-items: center; justify-content: center; height: inherit; pointer-events: none; } .mdc-tab__text-label, .mdc-tab__icon { transition: 150ms color linear; display: inline-block; line-height: 1; z-index: 2; } .mdc-tab--stacked { height: 72px; } .mdc-tab--stacked .mdc-tab__content { flex-direction: column; align-items: center; justify-content: space-between; } .mdc-tab--stacked .mdc-tab__icon { padding-top: 12px; } .mdc-tab--stacked .mdc-tab__text-label { padding-bottom: 16px; } .mdc-tab--active .mdc-tab__text-label { color: #5488b2; /* @alternate */ color: var(--mdc-theme-primary, #5488b2); } .mdc-tab--active .mdc-tab__icon { color: #5488b2; /* @alternate */ color: var(--mdc-theme-primary, #5488b2); fill: currentColor; } .mdc-tab--active .mdc-tab__text-label, .mdc-tab--active .mdc-tab__icon { transition-delay: 100ms; } .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label { /* @noflip */ padding-left: 8px; /* @noflip */ padding-right: 0; } [dir="rtl"] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir="rtl"] { /* @noflip */ padding-left: 0; /* @noflip */ padding-right: 8px; } .mdc-tab__ripple { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .mdc-tab__ripple::before, .mdc-tab__ripple::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-tab__ripple::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-tab__ripple.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-tab__ripple.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after { animation: mdc-ripple-fg-opacity-out 150ms; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-tab__ripple::before, .mdc-tab__ripple::after { top: calc(50% - 100%); /* @noflip */ left: calc(50% - 100%); width: 200%; height: 200%; } .mdc-tab__ripple.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-tab__ripple::before, .mdc-tab__ripple::after { background-color: #5488b2; } @supports not (-ms-ime-align: auto) { .mdc-tab__ripple::before, .mdc-tab__ripple::after { /* @alternate */ background-color: var(--mdc-theme-primary, #5488b2); } } .mdc-tab__ripple:hover::before { opacity: 0.04; } .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before, .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-tab__ripple:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-tab__ripple.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .icon-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0px; } .icon-ul > li { position: relative; margin-bottom: 6px; } .icon-li > i { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; font-size: 21px; } @keyframes primary-indeterminate-translate { 0% { transform: translateX(0); } 20% { animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); transform: translateX(0); } 59.15% { animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); transform: translateX(83.67142%); } 100% { transform: translateX(200.61106%); } } @keyframes primary-indeterminate-scale { 0% { transform: scaleX(0.08); } 36.65% { animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); transform: scaleX(0.08); } 69.15% { animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1); transform: scaleX(0.66148); } 100% { transform: scaleX(0.08); } } @keyframes secondary-indeterminate-translate { 0% { animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); transform: translateX(0); } 25% { animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); transform: translateX(37.65191%); } 48.35% { animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); transform: translateX(84.38617%); } 100% { transform: translateX(160.27778%); } } @keyframes secondary-indeterminate-scale { 0% { animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); transform: scaleX(0.08); } 19.15% { animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); transform: scaleX(0.4571); } 44.15% { animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); transform: scaleX(0.72796); } 100% { transform: scaleX(0.08); } } @keyframes buffering { to { transform: translateX(-10px); } } @keyframes primary-indeterminate-translate-reverse { 0% { transform: translateX(0); } 20% { animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); transform: translateX(0); } 59.15% { animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); transform: translateX(-83.67142%); } 100% { transform: translateX(-200.61106%); } } @keyframes secondary-indeterminate-translate-reverse { 0% { animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969); transform: translateX(0); } 25% { animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371); transform: translateX(-37.65191%); } 48.35% { animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203); transform: translateX(-84.38617%); } 100% { transform: translateX(-160.27778%); } } @keyframes buffering-reverse { to { transform: translateX(10px); } } .mdc-linear-progress { position: relative; width: 100%; height: 4px; transform: translateZ(0); overflow: hidden; transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-linear-progress__bar { position: absolute; width: 100%; height: 100%; animation: none; transform-origin: top left; transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-linear-progress__bar-inner { display: inline-block; position: absolute; width: 100%; height: 100%; animation: none; } .mdc-linear-progress__buffering-dots { position: absolute; width: 100%; height: 100%; background-repeat: repeat-x; background-size: 10px 4px; animation: buffering 250ms infinite linear; } .mdc-linear-progress__buffer { position: absolute; width: 100%; height: 100%; transform-origin: top left; transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); } .mdc-linear-progress__primary-bar { transform: scaleX(0); } .mdc-linear-progress__secondary-bar { visibility: hidden; } .mdc-linear-progress--indeterminate .mdc-linear-progress__bar { transition: none; } .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar { left: -145.166611%; animation: primary-indeterminate-translate 2s infinite linear; } .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner { animation: primary-indeterminate-scale 2s infinite linear; } .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar { left: -54.888891%; visibility: visible; animation: secondary-indeterminate-translate 2s infinite linear; } .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner { animation: secondary-indeterminate-scale 2s infinite linear; } .mdc-linear-progress--reversed .mdc-linear-progress__bar, .mdc-linear-progress--reversed .mdc-linear-progress__buffer { right: 0; transform-origin: center right; } .mdc-linear-progress--reversed .mdc-linear-progress__primary-bar { animation-name: primary-indeterminate-translate-reverse; } .mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar { animation-name: secondary-indeterminate-translate-reverse; } .mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots { animation: buffering-reverse 250ms infinite linear; } .mdc-linear-progress--closed { opacity: 0; animation: none; } .mdc-linear-progress__bar-inner { background-color: #5488b2; /* @alternate */ background-color: var(--mdc-theme-primary, #5488b2); } .mdc-linear-progress__buffering-dots { background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E"); } .mdc-linear-progress__buffer { background-color: #e6e6e6; } .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar { right: -145.166611%; left: auto; } .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar { right: -54.888891%; left: auto; } .v-tooltip { text-transform: initial; } .v-dnd-moving { opacity: 0.25; border: dashed 1px red; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor: move !important; } .v-dnd-draggable { cursor: grab !important; } .v-dnd-over { outline: 2px dashed #000 !important; } .mdc-image-list { display: flex; flex-wrap: wrap; margin: 0 auto; padding: 0; } .mdc-image-list__item, .mdc-image-list__image-aspect-container { position: relative; box-sizing: border-box; } .mdc-image-list__item { list-style-type: none; } .mdc-image-list__image { width: 100%; } .mdc-image-list__image-aspect-container .mdc-image-list__image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .mdc-image-list__image-aspect-container { padding-bottom: calc(100% / 1); } .mdc-image-list__image { border-radius: 0; } .mdc-image-list--with-text-protection .mdc-image-list__supporting { border-radius: 0 0 0 0; } .mdc-image-list__supporting { color: rgba(0, 0, 0, 0.87); /* @alternate */ color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 8px 0; line-height: 24px; } .mdc-image-list__label { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.00937em; text-decoration: inherit; text-transform: inherit; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mdc-image-list--with-text-protection .mdc-image-list__supporting { position: absolute; bottom: 0; width: 100%; height: 48px; padding: 0 16px; background: rgba(0, 0, 0, 0.6); color: #fff; } .mdc-image-list--masonry { display: block; } .mdc-image-list--masonry .mdc-image-list__item { break-inside: avoid-column; } .mdc-image-list--masonry .mdc-image-list__image { display: block; height: auto; } .v-image-list-standard-1 .mdc-image-list__item, .v-image-list-text-protection-1 .mdc-image-list__item { width: calc(100% / 1 - 5px); margin: 2px; } .v-image-list-masonry-1 { column-count: 1; column-gap: 16px; } .v-image-list-masonry-1 .mdc-image-list__item { margin-bottom: 16px; } .v-image-list-standard-2 .mdc-image-list__item, .v-image-list-text-protection-2 .mdc-image-list__item { width: calc(100% / 2 - 4.5px); margin: 2px; } .v-image-list-masonry-2 { column-count: 2; column-gap: 16px; } .v-image-list-masonry-2 .mdc-image-list__item { margin-bottom: 16px; } .v-image-list-standard-3 .mdc-image-list__item, .v-image-list-text-protection-3 .mdc-image-list__item { width: calc(100% / 3 - 4.33333px); margin: 2px; } .v-image-list-masonry-3 { column-count: 3; column-gap: 16px; } .v-image-list-masonry-3 .mdc-image-list__item { margin-bottom: 16px; } .v-image-list-standard-4 .mdc-image-list__item, .v-image-list-text-protection-4 .mdc-image-list__item { width: calc(100% / 4 - 4.25px); margin: 2px; } .v-image-list-masonry-4 { column-count: 4; column-gap: 16px; } .v-image-list-masonry-4 .mdc-image-list__item { margin-bottom: 16px; } .v-image-list-standard-5 .mdc-image-list__item, .v-image-list-text-protection-5 .mdc-image-list__item { width: calc(100% / 5 - 4.2px); margin: 2px; } .v-image-list-masonry-5 { column-count: 5; column-gap: 16px; } .v-image-list-masonry-5 .mdc-image-list__item { margin-bottom: 16px; } .v-image-list-standard-6 .mdc-image-list__item, .v-image-list-text-protection-6 .mdc-image-list__item { width: calc(100% / 6 - 4.16667px); margin: 2px; } .v-image-list-masonry-6 { column-count: 6; column-gap: 16px; } .v-image-list-masonry-6 .mdc-image-list__item { margin-bottom: 16px; } .v-image-list-standard-7 .mdc-image-list__item, .v-image-list-text-protection-7 .mdc-image-list__item { width: calc(100% / 7 - 4.14286px); margin: 2px; } .v-image-list-masonry-7 { column-count: 7; column-gap: 16px; } .v-image-list-masonry-7 .mdc-image-list__item { margin-bottom: 16px; } .v-image-list-standard-8 .mdc-image-list__item, .v-image-list-text-protection-8 .mdc-image-list__item { width: calc(100% / 8 - 4.125px); margin: 2px; } .v-image-list-masonry-8 { column-count: 8; column-gap: 16px; } .v-image-list-masonry-8 .mdc-image-list__item { margin-bottom: 16px; } .v-image-list-standard-9 .mdc-image-list__item, .v-image-list-text-protection-9 .mdc-image-list__item { width: calc(100% / 9 - 4.11111px); margin: 2px; } .v-image-list-masonry-9 { column-count: 9; column-gap: 16px; } .v-image-list-masonry-9 .mdc-image-list__item { margin-bottom: 16px; } .v-image-list-standard-10 .mdc-image-list__item, .v-image-list-text-protection-10 .mdc-image-list__item { width: calc(100% / 10 - 4.1px); margin: 2px; } .v-image-list-masonry-10 { column-count: 10; column-gap: 16px; } .v-image-list-masonry-10 .mdc-image-list__item { margin-bottom: 16px; } .v-image-list-standard-11 .mdc-image-list__item, .v-image-list-text-protection-11 .mdc-image-list__item { width: calc(100% / 11 - 4.09091px); margin: 2px; } .v-image-list-masonry-11 { column-count: 11; column-gap: 16px; } .v-image-list-masonry-11 .mdc-image-list__item { margin-bottom: 16px; } .v-image-list-standard-12 .mdc-image-list__item, .v-image-list-text-protection-12 .mdc-image-list__item { width: calc(100% / 12 - 4.08333px); margin: 2px; } .v-image-list-masonry-12 { column-count: 12; column-gap: 16px; } .v-image-list-masonry-12 .mdc-image-list__item { margin-bottom: 16px; } .v-image-list__border-primary { border-color: #5488b2; } .v-image-list__border-secondary { border-color: #E58D36; } .mdc-dialog, .mdc-dialog__scrim { position: fixed; top: 0; left: 0; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 100%; } .mdc-dialog { display: none; z-index: 7; } .mdc-dialog .mdc-dialog__surface { background-color: #fff; /* @alternate */ background-color: var(--mdc-theme-surface, #fff); } .mdc-dialog .mdc-dialog__scrim { background-color: rgba(0, 0, 0, 0.32); } .mdc-dialog .mdc-dialog__title { color: rgba(0, 0, 0, 0.87); } .mdc-dialog .mdc-dialog__content { color: rgba(0, 0, 0, 0.6); } .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions { border-color: rgba(0, 0, 0, 0.12); } .mdc-dialog .mdc-dialog__surface { min-width: 280px; } @media (max-width: 592px) { .mdc-dialog .mdc-dialog__surface { max-width: calc(100vw - 32px); } } @media (min-width: 592px) { .mdc-dialog .mdc-dialog__surface { max-width: 560px; } } .mdc-dialog .mdc-dialog__surface { max-height: calc(100% - 32px); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mdc-dialog .mdc-dialog__container { /* stylelint-disable */ /* stylelint-enable*/ } } .mdc-dialog .mdc-dialog__surface { border-radius: 4px; } .mdc-dialog__scrim { opacity: 0; z-index: -1; } .mdc-dialog__container { display: flex; flex-direction: row; align-items: center; justify-content: space-around; box-sizing: border-box; height: 100%; transform: scale(0.8); opacity: 0; pointer-events: none; } .mdc-dialog__surface { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0; box-sizing: border-box; max-width: 100%; max-height: 100%; pointer-events: auto; overflow-y: auto; } .mdc-dialog[dir="rtl"] .mdc-dialog__surface, [dir="rtl"] .mdc-dialog .mdc-dialog__surface { /* @noflip */ text-align: right; } .mdc-dialog__title { display: block; margin-top: 0; /* @alternate */ line-height: normal; font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1.25rem; line-height: 2rem; font-weight: 500; letter-spacing: 0.0125em; text-decoration: inherit; text-transform: inherit; display: block; position: relative; flex-shrink: 0; box-sizing: border-box; margin: 0; padding: 0 24px 9px; border-bottom: 1px solid transparent; } .mdc-dialog__title::before { display: inline-block; width: 0; height: 40px; content: ""; vertical-align: 0; } .mdc-dialog[dir="rtl"] .mdc-dialog__title, [dir="rtl"] .mdc-dialog .mdc-dialog__title { /* @noflip */ text-align: right; } .mdc-dialog--scrollable .mdc-dialog__title { padding-bottom: 15px; } .mdc-dialog__content { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.5rem; font-weight: 400; letter-spacing: 0.03125em; text-decoration: inherit; text-transform: inherit; flex-grow: 1; box-sizing: border-box; margin: 0; padding: 20px 24px; overflow: auto; -webkit-overflow-scrolling: touch; } .mdc-dialog__content > :first-child { margin-top: 0; } .mdc-dialog__content > :last-child { margin-bottom: 0; } .mdc-dialog__title + .mdc-dialog__content { padding-top: 0; } .mdc-dialog--scrollable .mdc-dialog__content { padding-top: 8px; padding-bottom: 8px; } .mdc-dialog__content .mdc-list:first-child:last-child { padding: 6px 0 0; } .mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child { padding: 0; } .mdc-dialog__actions { display: flex; position: relative; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; box-sizing: border-box; min-height: 52px; margin: 0; padding: 8px; border-top: 1px solid transparent; } .mdc-dialog--stacked .mdc-dialog__actions { flex-direction: column; align-items: flex-end; } .mdc-dialog__button { /* @noflip */ margin-left: 8px; /* @noflip */ margin-right: 0; max-width: 100%; /* @noflip */ text-align: right; } [dir="rtl"] .mdc-dialog__button, .mdc-dialog__button[dir="rtl"] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 8px; } .mdc-dialog__button:first-child { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 0; } [dir="rtl"] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir="rtl"] { /* @noflip */ margin-left: 0; /* @noflip */ margin-right: 0; } .mdc-dialog[dir="rtl"] .mdc-dialog__button, [dir="rtl"] .mdc-dialog .mdc-dialog__button { /* @noflip */ text-align: left; } .mdc-dialog--stacked .mdc-dialog__button:not(:first-child) { margin-top: 12px; } .mdc-dialog--open, .mdc-dialog--opening, .mdc-dialog--closing { display: flex; } .mdc-dialog--opening .mdc-dialog__scrim { transition: opacity 150ms linear; } .mdc-dialog--opening .mdc-dialog__container { transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); } .mdc-dialog--closing .mdc-dialog__scrim, .mdc-dialog--closing .mdc-dialog__container { transition: opacity 75ms linear; } .mdc-dialog--closing .mdc-dialog__container { transform: scale(1); } .mdc-dialog--open .mdc-dialog__scrim { opacity: 1; } .mdc-dialog--open .mdc-dialog__container { transform: scale(1); opacity: 1; } .mdc-dialog-scroll-lock { overflow: hidden; } @media (min-width: 592px) { .mdc-dialog .mdc-dialog__surface { max-width: 100%; width: 100%; } } .mdc-data-table__content { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.01786em; text-decoration: inherit; text-transform: inherit; } .mdc-data-table { background-color: #fff; /* @alternate */ background-color: var(--mdc-theme-surface, #fff); border-radius: 4px; border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.12); display: inline-flex; flex-direction: column; box-sizing: border-box; overflow-x: auto; } .mdc-data-table__row { background-color: inherit; } .mdc-data-table__header-row { background-color: inherit; } .mdc-data-table__row--selected { background-color: rgba(84, 136, 178, 0.04); } .mdc-data-table__row { border-top-color: rgba(0, 0, 0, 0.12); } .mdc-data-table__row { border-top-width: 1px; border-top-style: solid; } .mdc-data-table__row:not(.mdc-data-table__row--selected):hover { background-color: rgba(0, 0, 0, 0.04); } .mdc-data-table__header-cell { color: rgba(0, 0, 0, 0.87); } .mdc-data-table__cell { color: rgba(0, 0, 0, 0.87); } .mdc-data-table__header-row { height: 56px; } .mdc-data-table__row { height: 52px; } .mdc-data-table__cell, .mdc-data-table__header-cell { padding-right: 16px; padding-left: 16px; } .mdc-data-table__header-cell--checkbox, .mdc-data-table__cell--checkbox { /* @noflip */ padding-left: 16px; /* @noflip */ padding-right: 0; } [dir="rtl"] .mdc-data-table__header-cell--checkbox, .mdc-data-table__header-cell--checkbox[dir="rtl"], [dir="rtl"] .mdc-data-table__cell--checkbox, .mdc-data-table__cell--checkbox[dir="rtl"] { /* @noflip */ padding-left: 0; /* @noflip */ padding-right: 16px; } .mdc-data-table__table { width: 100%; border: 0; white-space: nowrap; border-collapse: collapse; } .mdc-data-table__cell { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.01786em; text-decoration: inherit; text-transform: inherit; } .mdc-data-table__cell--numeric { text-align: right; } [dir="rtl"] .mdc-data-table__cell--numeric, .mdc-data-table__cell--numeric[dir="rtl"] { /* @noflip */ text-align: left; } .mdc-data-table__header-cell { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.375rem; font-weight: 500; letter-spacing: 0.00714em; text-decoration: inherit; text-transform: inherit; text-align: left; } [dir="rtl"] .mdc-data-table__header-cell, .mdc-data-table__header-cell[dir="rtl"] { /* @noflip */ text-align: right; } .mdc-data-table__header-cell--numeric { text-align: right; } [dir="rtl"] .mdc-data-table__header-cell--numeric, .mdc-data-table__header-cell--numeric[dir="rtl"] { /* @noflip */ text-align: left; } .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before, .mdc-data-table__row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, .mdc-data-table__row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before { background-color: #5488b2; } @supports not (-ms-ime-align: auto) { .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before, .mdc-data-table__row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before, .mdc-data-table__row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before { /* @alternate */ background-color: var(--mdc-theme-primary, #5488b2); } } .mdc-data-table__header-row-checkbox.mdc-checkbox--selected::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected::after, .mdc-data-table__row-checkbox.mdc-checkbox--selected::before, .mdc-data-table__row-checkbox.mdc-checkbox--selected::after { background-color: #5488b2; } @supports not (-ms-ime-align: auto) { .mdc-data-table__header-row-checkbox.mdc-checkbox--selected::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected::after, .mdc-data-table__row-checkbox.mdc-checkbox--selected::before, .mdc-data-table__row-checkbox.mdc-checkbox--selected::after { /* @alternate */ background-color: var(--mdc-theme-primary, #5488b2); } } .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:hover::before, .mdc-data-table__row-checkbox.mdc-checkbox--selected:hover::before { opacity: 0.04; } .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused::before, .mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; } .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded)::after, .mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active::after, .mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.12; } .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded, .mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.12; } .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before, .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after, .mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before, .mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after { background-color: #5488b2; } @supports not (-ms-ime-align: auto) { .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before, .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after, .mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before, .mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after { /* @alternate */ background-color: var(--mdc-theme-primary, #5488b2); } } .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background, .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; } .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { border-color: #5488b2; /* @alternate */ border-color: var(--mdc-theme-primary, #5488b2); background-color: #5488b2; /* @alternate */ background-color: var(--mdc-theme-primary, #5488b2); } @keyframes mdc-checkbox-fade-in-background-u1bcc4d2c { 0% { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; } 50% { border-color: #5488b2; /* @alternate */ border-color: var(--mdc-theme-primary, #5488b2); background-color: #5488b2; /* @alternate */ background-color: var(--mdc-theme-primary, #5488b2); } } @keyframes mdc-checkbox-fade-out-background-u1bcc4d2c { 0%, 80% { border-color: #5488b2; /* @alternate */ border-color: var(--mdc-theme-primary, #5488b2); background-color: #5488b2; /* @alternate */ background-color: var(--mdc-theme-primary, #5488b2); } 100% { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; } } .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { animation-name: mdc-checkbox-fade-in-background-u1bcc4d2c; } .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { animation-name: mdc-checkbox-fade-out-background-u1bcc4d2c; } .mdc-data-table .mdc-list-item__graphic { margin-right: 0px; } .v-paging { color: rgba(0, 0, 0, 0.54); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: left; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 56px; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .v-paging > * { -webkit-flex: none; -ms-flex: none; flex: none; } .mdl-list + .v-paging { margin: 0; } .v-paging__per-page { position: relative; } .v-paging__per-page-label { margin-right: 20px; } .v-paging__per-page-value .v-select, .v-paging__per-page-value .v-multi-select-container .v-multi-select, .v-multi-select-container .v-paging__per-page-value .v-multi-select { width: auto; height: auto; } .v-paging__per-page-value .v-select .mdc-select__native-control, .v-paging__per-page-value .v-multi-select-container .v-multi-select .mdc-select__native-control, .v-multi-select-container .v-paging__per-page-value .v-multi-select .mdc-select__native-control { padding-top: 0px; border-bottom: none; } .v-paging__per-page-value .v-select .mdc-select__native-control:not(.mdc-select--disabled), .v-paging__per-page-value .v-multi-select-container .v-multi-select .mdc-select__native-control:not(.mdc-select--disabled), .v-multi-select-container .v-paging__per-page-value .v-multi-select .mdc-select__native-control:not(.mdc-select--disabled) { color: rgba(0, 0, 0, 0.54); } .v-paging__per-page + .v-paging__count { margin-left: 24px; } .v-paging .mdl-menu { min-width: 64px; } .v-paging__prev:last-child { margin-right: 44px; } .v-paging__count { margin-left: 30px; margin-right: 44px; } .v-paging__prev + .v-paging__next { margin-left: 12px; } .v-paging__count + .v-paging__next { margin-left: 68px; } .v-no-border { border: none; box-shadow: none; } .v-no-border tfoot td { border-bottom: none; border-top: none; } .v-multi-select-container .v-multi-select--options-list { position: absolute; width: 100%; top: 71px; border: 1px solid #C2C2C2; border-radius: 4px; background-color: #FFFFFF; z-index: 1; overflow: visible; } .v-multi-select-container .v-multi-select--options-list > div { display: block; text-align: left; } .v-multi-select-container .v-multi-select--options-list > div label { line-height: 3em; } .v-multi-select-container .v-multi-select { overflow: visible; background-color: #FFFFFF; } .v-multi-select-container .v-multi-select .v-multi-select--current-values { padding: 19px; overflow: hidden; } .v-multi-select-container .v-multi-select:not(.mdc-select--disabled) { background-color: #FFFFFF; } .v-multi-select-container .v-multi-select:hover { background: transparent; } .v-multi-select-container .v-multi-select:hover .mdc-notched-outline .mdc-notched-outline__leading, .v-multi-select-container .v-multi-select:hover .mdc-notched-outline .mdc-notched-outline__notch, .v-multi-select-container .v-multi-select:hover .mdc-notched-outline .mdc-notched-outline__trailing { border-color: rgba(0, 0, 0, 0.87); } .v-multi-select-container .mdc-select:before, .v-multi-select-container .v-multi-select:before { background-color: transparent; } .v-expansion { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .v-expansion__summary { padding-left: 24px; padding-right: 24px; height: 48px; display: flex; outline: none; cursor: pointer; } .v-expansion__summary::-webkit-details-marker { display: none; } .v-expansion__summary::after { font-family: "Material Icons"; content: "\E313"; font-size: 1.5rem; font-weight: normal; font-style: normal; display: inline-flex; flex-direction: column; user-select: none; justify-content: center; transition: transform .2s, color .2s; margin-left: auto; } .v-expansion__header { display: flex; flex-direction: column; justify-content: center; font-size: 0.937rem; font-weight: 500; flex-basis: 30%; margin-right: 1rem; cursor: pointer; } .v-expansion__subheader { font-size: .75rem; color: rgba(0, 0, 0, 0.54); } .v-expansion__secondary-content { display: flex; flex-direction: column; justify-content: center; font-size: 0.9375rem; font-weight: 500; flex-basis: 30%; color: rgba(0, 0, 0, 0.87); margin-right: 16px; } .v-expansion__content { padding-left: 24px; padding-right: 24px; padding-top: 16px; padding-bottom: 16px; } .v-expansion__content + .v-expansion__actions { border-top: 1px solid rgba(0, 0, 0, 0.12); } .v-expansion__actions { display: flex; flex-direction: row-reverse; padding-top: 16px; padding-bottom: 16px; } .v-expansion__action { margin-right: 8px; } .v-expansion[open] .v-expansion__summary::after { transform: rotate(180deg); } .v-expansion[open] { margin-top: 1rem; margin-bottom: 1rem; } .v-expansion[open]:first-child { margin-top: 0; } .v-expansion[open]:last-child { margin-bottom: 0; } .v-expansion { display: block; transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1); background-color: #fff; box-sizing: content-box; color: rgba(0, 0, 0, 0.87); } .v-expansion-header { display: flex; flex-direction: row; align-items: center; height: 48px; padding: 0 24px; font-size: 1rem; font-weight: 400; outline: none; } .v-expansion-header::-webkit-details-marker { display: none; } .v-expansion-header__content { display: flex; flex: 1; flex-direction: row; overflow: hidden; } .v-expansion-header__title { display: flex; flex-grow: 1; margin-right: 16px; } .v-expansion-header__description { display: flex; flex-grow: 1; margin-right: 16px; } .v-expansion-panel__content { padding: 0 24px 16px; } .v-avatar { margin-left: 0; border-radius: 50%; color: white; background-color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); align-items: center; justify-content: center; display: inline-flex; flex-shrink: 0; } .v-avatar.v-avatar-size-small { width: 30px; height: 30px; } .v-avatar.v-avatar-size-default, .v-avatar.v-avatar-size-medium { width: 40px; height: 40px; } .v-avatar.v-avatar-size-large { width: 50px; height: 50px; } .v-avatar.v-avatar-size-x-large { width: 60px; height: 60px; } .v-avatar.v-avatar-size-xx-large { width: 110px; height: 110px; } .v-avatar > img { width: 100%; } .v-card-media .v-avatar { margin: 8px; } .v-card-media .v-avatar.v-avatar-size-small { width: 30px; height: 30px; } .v-card-media .v-avatar.v-avatar-size-default, .v-card-media .v-avatar.v-avatar-size-medium { width: 40px; height: 40px; } .v-card-media .v-avatar.v-avatar-size-large { width: 50px; height: 50px; } .v-card-media .v-avatar.v-avatar-size-x-large { width: 60px; height: 60px; } .v-card-media .v-avatar.v-avatar-size-xx-large { width: 110px; height: 110px; } .v-column > .v-avatar, .v-content > .v-avatar { margin: 8px; } .v-avatar-position-left { float: left; } .v-avatar-position-top { position: absolute; top: 0; } .v-avatar-position-right { float: right; } .v-avatar-position-bottom { position: absolute; bottom: 0; } .mdc-switch { display: inline-block; position: relative; outline: none; user-select: none; } .mdc-switch.mdc-switch--checked .mdc-switch__track { background-color: #E58D36; /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); border-color: #E58D36; /* @alternate */ border-color: var(--mdc-theme-secondary, #E58D36); } .mdc-switch.mdc-switch--checked .mdc-switch__thumb { background-color: #E58D36; /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); border-color: #E58D36; /* @alternate */ border-color: var(--mdc-theme-secondary, #E58D36); } .mdc-switch:not(.mdc-switch--checked) .mdc-switch__track { background-color: #000; border-color: #000; } .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb { background-color: #fff; border-color: #fff; } .mdc-switch__native-control { /* @noflip */ left: 0; /* @noflip */ right: initial; position: absolute; top: 0; width: 68px; height: 48px; margin: 0; opacity: 0; cursor: pointer; pointer-events: auto; } [dir="rtl"] .mdc-switch__native-control, .mdc-switch__native-control[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 0; } .mdc-switch__track { box-sizing: border-box; width: 32px; height: 14px; border: 1px solid; border-radius: 7px; opacity: .38; transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); } .mdc-switch__thumb-underlay { /* @noflip */ left: -18px; /* @noflip */ right: initial; display: flex; position: absolute; top: -17px; align-items: center; justify-content: center; width: 48px; height: 48px; transform: translateX(0); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); } [dir="rtl"] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: -18px; } .mdc-switch__thumb { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); box-sizing: border-box; width: 20px; height: 20px; border: 10px solid; border-radius: 50%; pointer-events: none; z-index: 1; } .mdc-switch--checked .mdc-switch__track { opacity: .54; } .mdc-switch--checked .mdc-switch__thumb-underlay { transform: translateX(20px); } [dir="rtl"] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir="rtl"] { transform: translateX(-20px); } .mdc-switch--checked .mdc-switch__native-control { transform: translateX(-20px); } [dir="rtl"] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir="rtl"] { transform: translateX(20px); } .mdc-switch--disabled { opacity: .38; pointer-events: none; } .mdc-switch--disabled .mdc-switch__thumb { border-width: 1px; } .mdc-switch--disabled .mdc-switch__native-control { cursor: default; pointer-events: none; } .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after { background-color: #9e9e9e; } .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before { opacity: 0.08; } .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .mdc-switch__thumb-underlay { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .mdc-switch__thumb-underlay::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before { transform: scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; transform: scale(0); transform-origin: center center; } .mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); } .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; } .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after { animation: mdc-ripple-fg-opacity-out 150ms; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { top: calc(50% - 50%); /* @noflip */ left: calc(50% - 50%); width: 100%; height: 100%; } .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { top: var(--mdc-ripple-top, calc(50% - 50%)); /* @noflip */ left: var(--mdc-ripple-left, calc(50% - 50%)); width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); } .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { background-color: #E58D36; } @supports not (-ms-ime-align: auto) { .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after { /* @alternate */ background-color: var(--mdc-theme-secondary, #E58D36); } } .mdc-switch__thumb-underlay:hover::before { opacity: 0.08; } .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.24; } .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; } .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.24; } .mdc-switch__thumb-underlay.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.24; } .mdc-form-field > label.v-switch__label { padding-left: 11px; } .v-switch { margin-left: 10px; } .mdc-switch--checked .mdc-switch__native-control { margin-left: 20px; } .v-image { display: inline-block; width: 100%; max-width: 100%; height: 100%; } .v-image--fit-contain { object-fit: contain; } .v-image--fit-cover { object-fit: cover; } .v-image--fit-fill { object-fit: fill; } .v-image--fit-fit { object-fit: scale-down; } .v-icon-position-left { float: left; padding-right: 16px; } .v-icon-position-top { top: 0; } .v-icon-position-right { float: right; padding-left: 16px; right: 8px; } .v-icon-position-bottom { position: absolute; bottom: 8px; } .v-icon-position-center { line-height: 4; } .v-icon__fa { font-size: 24px; } .v-icon__primary { color: #5488b2; } .v-icon__secondary { color: #E58D36; } .v-icon-size-x-small { font-size: 1rem; } .v-icon-size-small { font-size: 1.25rem; } .v-icon-size-default, .v-icon-size-medium { font-size: 1.5rem; } .v-icon-size-large { font-size: 2.125rem; } .v-icon-size-x-large { font-size: 3rem; } .v-icon-size-xx-large { font-size: 6rem; } .v-content--float { position: absolute; text-align: left; margin-top: -1px; margin-left: -1px; z-index: 989; } .v-content--relative { position: relative; } .v-content-position-left { position: absolute; left: 0; } .v-content-position-right { position: absolute; right: 0; } .v-content-position-top { position: absolute; top: 0; } .v-content-position-bottom { position: absolute; bottom: 0; } .v-content-position-center { margin: 0 auto; width: 50%; } .v-separator { margin: 0; } .flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; -webkit-animation: none; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: manipulation; touch-action: manipulation; background: #fff; -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { -webkit-box-shadow: none !important; box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6; box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6; } .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:before, .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ''; height: 0; width: 0; left: 22px; } .flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after { left: auto; right: 22px; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6; } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-months .flatpickr-month { background: transparent; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 34px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { text-decoration: none; cursor: pointer; position: absolute; top: 0; height: 34px; padding: 10px; z-index: 3; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); } .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: none; } .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative; } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* /*rtl:begin:ignore*/ left: 0; /* /*rtl:end:ignore*/ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* /*rtl:begin:ignore*/ right: 0; /* /*rtl:end:ignore*/ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: #959ea9; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #f64747; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { -webkit-transition: fill .1s; transition: fill .1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-ms-clear { display: none; } .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); } .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); } .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0 0 0; line-height: 1; height: 34px; display: inline-block; text-align: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: .5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month input.cur-year { background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 .5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, 0.5); background: transparent; pointer-events: none; } .flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; background: transparent; border: none; border-radius: 0; box-sizing: border-box; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0 0 0; outline: none; padding: 0 0 0 .5ch; position: relative; vertical-align: initial; -webkit-box-sizing: border-box; -webkit-appearance: menulist; -moz-appearance: menulist; width: auto; } .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active { outline: none; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: transparent; outline: none; padding: 0; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0, 0, 0, 0.54); line-height: 1; margin: 0; text-align: center; display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } .flatpickr-days { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 307.875px; } .flatpickr-days:focus { outline: 0; } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .dayContainer + .dayContainer { -webkit-box-shadow: -1px 0 0 #e6e6e6; box-shadow: -1px 0 0 #e6e6e6; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; -webkit-flex-basis: 14.2857143%; -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6; } .flatpickr-day.today { border-color: #959ea9; } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #959ea9; background: #959ea9; color: #fff; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #569ff7; -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #569ff7; } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { -webkit-box-shadow: -10px 0 0 #569ff7; box-shadow: -10px 0 0 #569ff7; } .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6; box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(57, 57, 57, 0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(57, 57, 57, 0.1); } .flatpickr-day.week.selected { border-radius: 0; -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7; box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; -webkit-box-shadow: 1px 0 0 #e6e6e6; box-shadow: 1px 0 0 #e6e6e6; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57, 57, 57, 0.3); background: transparent; cursor: default; border: none; } .flatpickr-innerContainer { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: #393939; font-size: 14px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-time input.flatpickr-hour { font-weight: bold; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; float: left; line-height: inherit; color: #393939; font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: #eee; } .flatpickr-input[readonly] { cursor: pointer; } @-webkit-keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .v-datetime.mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box) { margin-top: 0px; } .mdc-text-field__icon.v-datetime--clear { right: 15px; left: initial; } .v-datetime.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input { padding-right: 48px; } .v-datetime.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input .mdc-text-field--with-leading-icon { padding-left: 48px; } .v-datetime.mdc-text-field--fullwidth:not(.mdc-text-field--textarea).mdc-text-field--with-leading-icon .mdc-text-field__input { padding-right: 48px; padding-left: 48px; } i:focus.v-datetime--clear { outline: none; } .v-file-input > [type='file'] { cursor: pointer; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .v-rich-text-area-container[data-resizable] .ql-editor { overflow-y: scroll; resize: vertical; } .v-rich-text-area-container { position: relative; width: 100%; } .v-rich-text-area-container[disabled] { opacity: 0.67; cursor: default; pointer-events: none; } .v-rich-text-area-container label { display: block; margin-top: 16px; } .v-rich-text-area-container .ql-toolbar { margin-top: 16px; } .v-rich-text-area-container .ql-toolbar.ql-snow { border-color: rgba(0, 0, 0, 0.24); border-top-left-radius: 4px; border-top-right-radius: 4px; } .v-rich-text-area-container .ql-toolbar .ql-horizontal-rule:after { content: '\2014\2013'; } .v-rich-text-area-container .v-rich-text-area.ql-snow { border-color: rgba(0, 0, 0, 0.24); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .v-rich-text-area-container:hover .ql-toolbar.ql-snow { border-color: rgba(0, 0, 0, 0.87); } .v-rich-text-area-container:hover .v-rich-text-area.ql-snow { border-color: rgba(0, 0, 0, 0.87); } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="xx-small"]::before { content: "Tiny"; font-size: xx-small; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="x-small"]::before { content: "Small"; font-size: x-small; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="medium"]::before { content: "Normal"; font-size: medium; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before { content: "Large"; font-size: large; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="x-large"]::before { content: "Huge"; font-size: x-large; } /*! * Quill Editor v1.3.6 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) ". "; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) ". "; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) ". "; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) ". "; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) ". "; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) ". "; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) ". "; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) ". "; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) ". "; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) ". "; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #06c; } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #06c; } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #06c; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-snow { box-sizing: border-box; } .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ''; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-toolbar.ql-snow { border: 1px solid #ccc; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #ccc; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: 'Edit'; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: 'Remove'; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: 'Save'; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: #06c; } .ql-container.ql-snow { border: 1px solid #ccc; } .v-actionable { cursor: pointer; } .v-error-message { color: #d50000; padding: 20px; border: 1px solid #d50000; font-weight: bold; border-radius: 5px; } .v-hidden { display: none; visibility: hidden; } div.mdc-text-field-helper-text.mdc-text-field-helper-text--persistent.v-hidden { display: none; visibility: hidden; } button.v-button.mdc-dialog__button.v-hidden { width: 0 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; } .v-nowrap { white-space: nowrap; } .incompatible-browser .compatibility-wrapper * { display: none; } :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::before { filter: opacity(100%); } .v-align-left { text-align: left; } .v-align-center { text-align: center; } .v-align-right { text-align: right; }