/*!*********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/mat-styles/platform.css ***! \*********************************************************************************************************************************************************************************************************************/ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url('MaterialIcons-Regular.eot'); /* For IE6-8 */ src: local("styles/font/Material Icons"), local("styles/font/MaterialIcons-Regular"), url('MaterialIcons-Regular.woff2') format("woff2"), url('MaterialIcons-Regular.woff') format("woff"), url('MaterialIcons-Regular.ttf') format("truetype"); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; width: 1em; height: 1em; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } mat-icon.material-icons, mat-icon.material-icons.mat-icon { width: 1em; height: 1em; } .material-icons.md-18 { font-size: 18px; height: 18px; width: 18px; } .material-icons.md-24 { font-size: 24px; height: 24px; width: 24px; } .material-icons.md-36 { font-size: 36px; height: 36px; width: 36px; } .material-icons.md-48 { font-size: 48px; height: 48px; width: 48px; } .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); } .material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); } .material-icons.md-light { color: white; } .material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); } /** * Mixin that creates a new stacking context. * see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */ /** Mixin to create distinct classes for fab positions, e.g. ".md-fab-position-bottom-right". */ [md-fab].md-fab-position-bottom-right, .mat-mdc-fab.mat-mdc-fab-position-bottom-right, [md-fab].md-fab-bottom-right, .mat-mdc-fab.mat-fab-bottom-right { top: auto; right: 20px; left: auto; bottom: 20px; position: absolute; } html[dir=rtl] [md-fab].md-fab-position-bottom-right, html[dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-bottom-right, html[dir=rtl] [md-fab].md-fab-bottom-right, html[dir=rtl] .mat-mdc-fab.mat-fab-bottom-right { right: auto; unicode-bidi: embed; } body[dir=rtl] [md-fab].md-fab-position-bottom-right, body[dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-bottom-right, body[dir=rtl] [md-fab].md-fab-bottom-right, body[dir=rtl] .mat-mdc-fab.mat-fab-bottom-right { right: auto; unicode-bidi: embed; } [dir=rtl] [md-fab].md-fab-position-bottom-right, [dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-bottom-right, [dir=rtl] [md-fab].md-fab-bottom-right, [dir=rtl] .mat-mdc-fab.mat-fab-bottom-right { right: auto; unicode-bidi: embed; } [md-fab].md-fab-position-bottom-right bdo[dir=rtl], .mat-mdc-fab.mat-mdc-fab-position-bottom-right bdo[dir=rtl], [md-fab].md-fab-bottom-right bdo[dir=rtl], .mat-mdc-fab.mat-fab-bottom-right bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } [md-fab].md-fab-position-bottom-right bdo[dir=ltr], .mat-mdc-fab.mat-mdc-fab-position-bottom-right bdo[dir=ltr], [md-fab].md-fab-bottom-right bdo[dir=ltr], .mat-mdc-fab.mat-fab-bottom-right bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } html[dir=rtl] [md-fab].md-fab-position-bottom-right, html[dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-bottom-right, html[dir=rtl] [md-fab].md-fab-bottom-right, html[dir=rtl] .mat-mdc-fab.mat-fab-bottom-right { left: 20px; unicode-bidi: embed; } body[dir=rtl] [md-fab].md-fab-position-bottom-right, body[dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-bottom-right, body[dir=rtl] [md-fab].md-fab-bottom-right, body[dir=rtl] .mat-mdc-fab.mat-fab-bottom-right { left: 20px; unicode-bidi: embed; } [dir=rtl] [md-fab].md-fab-position-bottom-right, [dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-bottom-right, [dir=rtl] [md-fab].md-fab-bottom-right, [dir=rtl] .mat-mdc-fab.mat-fab-bottom-right { left: 20px; unicode-bidi: embed; } [md-fab].md-fab-position-bottom-right bdo[dir=rtl], .mat-mdc-fab.mat-mdc-fab-position-bottom-right bdo[dir=rtl], [md-fab].md-fab-bottom-right bdo[dir=rtl], .mat-mdc-fab.mat-fab-bottom-right bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } [md-fab].md-fab-position-bottom-right bdo[dir=ltr], .mat-mdc-fab.mat-mdc-fab-position-bottom-right bdo[dir=ltr], [md-fab].md-fab-bottom-right bdo[dir=ltr], .mat-mdc-fab.mat-fab-bottom-right bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } [md-fab].md-fab-position-bottom-right.fixed, .mat-mdc-fab.mat-mdc-fab-position-bottom-right.fixed, [md-fab].md-fab-bottom-right.fixed, .mat-mdc-fab.mat-fab-bottom-right.fixed { position: fixed; } [md-fab].md-fab-position-bottom-left, .mat-mdc-fab.mat-mdc-fab-position-bottom-left, [md-fab].md-fab-bottom-left, .mat-mdc-fab.mat-fab-bottom-left { top: auto; right: auto; left: 20px; bottom: 20px; position: absolute; } html[dir=rtl] [md-fab].md-fab-position-bottom-left, html[dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-bottom-left, html[dir=rtl] [md-fab].md-fab-bottom-left, html[dir=rtl] .mat-mdc-fab.mat-fab-bottom-left { right: 20px; unicode-bidi: embed; } body[dir=rtl] [md-fab].md-fab-position-bottom-left, body[dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-bottom-left, body[dir=rtl] [md-fab].md-fab-bottom-left, body[dir=rtl] .mat-mdc-fab.mat-fab-bottom-left { right: 20px; unicode-bidi: embed; } [dir=rtl] [md-fab].md-fab-position-bottom-left, [dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-bottom-left, [dir=rtl] [md-fab].md-fab-bottom-left, [dir=rtl] .mat-mdc-fab.mat-fab-bottom-left { right: 20px; unicode-bidi: embed; } [md-fab].md-fab-position-bottom-left bdo[dir=rtl], .mat-mdc-fab.mat-mdc-fab-position-bottom-left bdo[dir=rtl], [md-fab].md-fab-bottom-left bdo[dir=rtl], .mat-mdc-fab.mat-fab-bottom-left bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } [md-fab].md-fab-position-bottom-left bdo[dir=ltr], .mat-mdc-fab.mat-mdc-fab-position-bottom-left bdo[dir=ltr], [md-fab].md-fab-bottom-left bdo[dir=ltr], .mat-mdc-fab.mat-fab-bottom-left bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } html[dir=rtl] [md-fab].md-fab-position-bottom-left, html[dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-bottom-left, html[dir=rtl] [md-fab].md-fab-bottom-left, html[dir=rtl] .mat-mdc-fab.mat-fab-bottom-left { left: auto; unicode-bidi: embed; } body[dir=rtl] [md-fab].md-fab-position-bottom-left, body[dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-bottom-left, body[dir=rtl] [md-fab].md-fab-bottom-left, body[dir=rtl] .mat-mdc-fab.mat-fab-bottom-left { left: auto; unicode-bidi: embed; } [dir=rtl] [md-fab].md-fab-position-bottom-left, [dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-bottom-left, [dir=rtl] [md-fab].md-fab-bottom-left, [dir=rtl] .mat-mdc-fab.mat-fab-bottom-left { left: auto; unicode-bidi: embed; } [md-fab].md-fab-position-bottom-left bdo[dir=rtl], .mat-mdc-fab.mat-mdc-fab-position-bottom-left bdo[dir=rtl], [md-fab].md-fab-bottom-left bdo[dir=rtl], .mat-mdc-fab.mat-fab-bottom-left bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } [md-fab].md-fab-position-bottom-left bdo[dir=ltr], .mat-mdc-fab.mat-mdc-fab-position-bottom-left bdo[dir=ltr], [md-fab].md-fab-bottom-left bdo[dir=ltr], .mat-mdc-fab.mat-fab-bottom-left bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } [md-fab].md-fab-position-bottom-left.fixed, .mat-mdc-fab.mat-mdc-fab-position-bottom-left.fixed, [md-fab].md-fab-bottom-left.fixed, .mat-mdc-fab.mat-fab-bottom-left.fixed { position: fixed; } [md-fab].md-fab-position-top-right, .mat-mdc-fab.mat-mdc-fab-position-top-right, [md-fab].md-fab-top-right, .mat-mdc-fab.mat-fab-top-right { top: 20px; right: 20px; left: auto; bottom: auto; position: absolute; } html[dir=rtl] [md-fab].md-fab-position-top-right, html[dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-top-right, html[dir=rtl] [md-fab].md-fab-top-right, html[dir=rtl] .mat-mdc-fab.mat-fab-top-right { right: auto; unicode-bidi: embed; } body[dir=rtl] [md-fab].md-fab-position-top-right, body[dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-top-right, body[dir=rtl] [md-fab].md-fab-top-right, body[dir=rtl] .mat-mdc-fab.mat-fab-top-right { right: auto; unicode-bidi: embed; } [dir=rtl] [md-fab].md-fab-position-top-right, [dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-top-right, [dir=rtl] [md-fab].md-fab-top-right, [dir=rtl] .mat-mdc-fab.mat-fab-top-right { right: auto; unicode-bidi: embed; } [md-fab].md-fab-position-top-right bdo[dir=rtl], .mat-mdc-fab.mat-mdc-fab-position-top-right bdo[dir=rtl], [md-fab].md-fab-top-right bdo[dir=rtl], .mat-mdc-fab.mat-fab-top-right bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } [md-fab].md-fab-position-top-right bdo[dir=ltr], .mat-mdc-fab.mat-mdc-fab-position-top-right bdo[dir=ltr], [md-fab].md-fab-top-right bdo[dir=ltr], .mat-mdc-fab.mat-fab-top-right bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } html[dir=rtl] [md-fab].md-fab-position-top-right, html[dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-top-right, html[dir=rtl] [md-fab].md-fab-top-right, html[dir=rtl] .mat-mdc-fab.mat-fab-top-right { left: 20px; unicode-bidi: embed; } body[dir=rtl] [md-fab].md-fab-position-top-right, body[dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-top-right, body[dir=rtl] [md-fab].md-fab-top-right, body[dir=rtl] .mat-mdc-fab.mat-fab-top-right { left: 20px; unicode-bidi: embed; } [dir=rtl] [md-fab].md-fab-position-top-right, [dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-top-right, [dir=rtl] [md-fab].md-fab-top-right, [dir=rtl] .mat-mdc-fab.mat-fab-top-right { left: 20px; unicode-bidi: embed; } [md-fab].md-fab-position-top-right bdo[dir=rtl], .mat-mdc-fab.mat-mdc-fab-position-top-right bdo[dir=rtl], [md-fab].md-fab-top-right bdo[dir=rtl], .mat-mdc-fab.mat-fab-top-right bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } [md-fab].md-fab-position-top-right bdo[dir=ltr], .mat-mdc-fab.mat-mdc-fab-position-top-right bdo[dir=ltr], [md-fab].md-fab-top-right bdo[dir=ltr], .mat-mdc-fab.mat-fab-top-right bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } [md-fab].md-fab-position-top-right.fixed, .mat-mdc-fab.mat-mdc-fab-position-top-right.fixed, [md-fab].md-fab-top-right.fixed, .mat-mdc-fab.mat-fab-top-right.fixed { position: fixed; } [md-fab].md-fab-position-top-left, .mat-mdc-fab.mat-mdc-fab-position-top-left, [md-fab].md-fab-top-left, .mat-mdc-fab.mat-fab-top-left { top: 20px; right: auto; left: 20px; bottom: auto; position: absolute; } html[dir=rtl] [md-fab].md-fab-position-top-left, html[dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-top-left, html[dir=rtl] [md-fab].md-fab-top-left, html[dir=rtl] .mat-mdc-fab.mat-fab-top-left { right: 20px; unicode-bidi: embed; } body[dir=rtl] [md-fab].md-fab-position-top-left, body[dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-top-left, body[dir=rtl] [md-fab].md-fab-top-left, body[dir=rtl] .mat-mdc-fab.mat-fab-top-left { right: 20px; unicode-bidi: embed; } [dir=rtl] [md-fab].md-fab-position-top-left, [dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-top-left, [dir=rtl] [md-fab].md-fab-top-left, [dir=rtl] .mat-mdc-fab.mat-fab-top-left { right: 20px; unicode-bidi: embed; } [md-fab].md-fab-position-top-left bdo[dir=rtl], .mat-mdc-fab.mat-mdc-fab-position-top-left bdo[dir=rtl], [md-fab].md-fab-top-left bdo[dir=rtl], .mat-mdc-fab.mat-fab-top-left bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } [md-fab].md-fab-position-top-left bdo[dir=ltr], .mat-mdc-fab.mat-mdc-fab-position-top-left bdo[dir=ltr], [md-fab].md-fab-top-left bdo[dir=ltr], .mat-mdc-fab.mat-fab-top-left bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } html[dir=rtl] [md-fab].md-fab-position-top-left, html[dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-top-left, html[dir=rtl] [md-fab].md-fab-top-left, html[dir=rtl] .mat-mdc-fab.mat-fab-top-left { left: auto; unicode-bidi: embed; } body[dir=rtl] [md-fab].md-fab-position-top-left, body[dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-top-left, body[dir=rtl] [md-fab].md-fab-top-left, body[dir=rtl] .mat-mdc-fab.mat-fab-top-left { left: auto; unicode-bidi: embed; } [dir=rtl] [md-fab].md-fab-position-top-left, [dir=rtl] .mat-mdc-fab.mat-mdc-fab-position-top-left, [dir=rtl] [md-fab].md-fab-top-left, [dir=rtl] .mat-mdc-fab.mat-fab-top-left { left: auto; unicode-bidi: embed; } [md-fab].md-fab-position-top-left bdo[dir=rtl], .mat-mdc-fab.mat-mdc-fab-position-top-left bdo[dir=rtl], [md-fab].md-fab-top-left bdo[dir=rtl], .mat-mdc-fab.mat-fab-top-left bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } [md-fab].md-fab-position-top-left bdo[dir=ltr], .mat-mdc-fab.mat-mdc-fab-position-top-left bdo[dir=ltr], [md-fab].md-fab-top-left bdo[dir=ltr], .mat-mdc-fab.mat-fab-top-left bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } [md-fab].md-fab-position-top-left.fixed, .mat-mdc-fab.mat-mdc-fab-position-top-left.fixed, [md-fab].md-fab-top-left.fixed, .mat-mdc-fab.mat-fab-top-left.fixed { position: fixed; } button[md-icon-button].md-icon-button-mini { height: 24px; line-height: 24px; width: 24px; } html .mat-mdc-card { padding: 0; margin: 8px; } html .mat-mdc-card md-card-header { height: auto; } html .mat-mdc-card [md-card-avatar] { font-size: 40px; line-height: 40px; height: 40px; width: 40px; margin: 16px 0 0 15px; border-radius: 50%; } html .mat-mdc-card .mat-mdc-card-image { width: 100%; } html .mat-mdc-card .mat-mdc-card-image, html .mat-mdc-card .mat-mdc-card-lg-image, html .mat-mdc-card .mat-mdc-card-md-image, html .mat-mdc-card .mat-mdc-card-sm-image, html .mat-card .mat-mdc-card-title-group { margin: 0; } html .mat-mdc-card md-card-title { padding-top: 16px; padding-left: 16px; padding-right: 16px; } html .mat-mdc-card md-card-subtitle { padding-left: 16px; padding-right: 16px; } html .mat-mdc-card mat-card-content { padding: 0.1em 1em 1em 1em; } html .mat-mdc-card .mat-divider + mat-card-content { padding: 1em; } html .mat-mdc-card .mat-mdc-card-actions, html .mat-mdc-card .mat-mdc-card .mat-mdc-card-actions { padding: 8px; margin: 0; } html .mat-mdc-card .mat-mdc-card-actions:last-child { margin-bottom: 0px; padding-bottom: 8px; } html:not([dir='rtl']) .mat-mdc-card-title-group .mat-mdc-card-image:last-child, html:not([dir='rtl']) .mat-mdc-card-title-group .mat-mdc-card-lg-image:last-child, html:not([dir='rtl']) .mat-mdc-card-title-group .mat-mdc-card-md-image:last-child, html:not([dir='rtl']) .mat-mdc-card-title-group .mat-mdc-card-sm-image:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } html:not([dir='rtl']) .mat-mdc-card .mat-mdc-card-image:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } html:not([dir='rtl']) .mat-mdc-card .mat-mdc-card-lg-image:first-child, html:not([dir='rtl']) .mat-mdc-card .mat-mdc-card-md-image:first-child, html:not([dir='rtl']) .mat-mdc-card .mat-mdc-card-sm-image:first-child { border-top-left-radius: 2px; } html[dir='rtl'] .mat-mdc-card-title-group .mat-mdc-card-image:last-child, html[dir='rtl'] .mat-mdc-card-title-group .mat-mdc-card-lg-image:last-child, html[dir='rtl'] .mat-mdc-card-title-group .mat-mdc-card-md-image:last-child, html[dir='rtl'] .mat-mdc-card-title-group .mat-mdc-card-sm-image:last-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } html[dir='rtl'] .mat-mdc-card .mat-mdc-card-image:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } html[dir='rtl'] .mat-mdc-card .mat-mdc-card-lg-image:first-child, html[dir='rtl'] .mat-mdc-card .mat-mdc-card-md-image:first-child, html[dir='rtl'] .mat-mdc-card .mat-mdc-card-sm-image:first-child { border-top-right-radius: 2px; } .md-card-colored[href]:hover, .md-card-colored[ng-reflect-href]:hover { cursor: pointer; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .md-card-colored[href]:active, .md-card-colored[ng-reflect-href]:active { box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); } .md-card-colored[href]:active md-toolbar, .md-card-colored[ng-reflect-href]:active md-toolbar { background-color: rgba(255, 255, 255, 0.2); background-position: -100% 100%; } .md-card-colored[href] md-toolbar, .md-card-colored[ng-reflect-href] md-toolbar { background-size: 200% 100%; background-image: linear-gradient(to right, transparent 50%, rgba(255, 255, 255, 0.2) 50%); transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease; } .md-card-colored md-toolbar { height: 148px; border-radius: 2px 2px 0 0; overflow: hidden; } .md-card-colored md-toolbar md-icon, .md-card-colored md-toolbar .mat-icon { opacity: 0.65; color: white; font-size: 8rem; text-shadow: 0px 0px rgba(0, 0, 0, 0.01), 1px 1px rgba(0, 0, 0, 0.01), 2px 2px rgba(0, 0, 0, 0.01), 3px 3px rgba(0, 0, 0, 0.01), 4px 4px rgba(0, 0, 0, 0.01), 5px 5px rgba(0, 0, 0, 0.01), 6px 6px rgba(0, 0, 0, 0.01), 7px 7px rgba(0, 0, 0, 0.01), 8px 8px rgba(0, 0, 0, 0.01), 9px 9px rgba(0, 0, 0, 0.01), 10px 10px rgba(0, 0, 0, 0.01), 11px 11px rgba(0, 0, 0, 0.01), 12px 12px rgba(0, 0, 0, 0.01), 13px 13px rgba(0, 0, 0, 0.01), 14px 14px rgba(0, 0, 0, 0.01), 15px 15px rgba(0, 0, 0, 0.01), 16px 16px rgba(0, 0, 0, 0.01), 17px 17px rgba(0, 0, 0, 0.01), 18px 18px rgba(0, 0, 0, 0.01), 19px 19px rgba(0, 0, 0, 0.01), 20px 20px rgba(0, 0, 0, 0.01), 21px 21px rgba(0, 0, 0, 0.01), 22px 22px rgba(0, 0, 0, 0.01), 23px 23px rgba(0, 0, 0, 0.01), 24px 24px rgba(0, 0, 0, 0.01), 25px 25px rgba(0, 0, 0, 0.01), 26px 26px rgba(0, 0, 0, 0.01), 27px 27px rgba(0, 0, 0, 0.01), 28px 28px rgba(0, 0, 0, 0.01), 29px 29px rgba(0, 0, 0, 0.01), 30px 30px rgba(0, 0, 0, 0.01), 31px 31px rgba(0, 0, 0, 0.01), 32px 32px rgba(0, 0, 0, 0.01), 33px 33px rgba(0, 0, 0, 0.01), 34px 34px rgba(0, 0, 0, 0.01), 35px 35px rgba(0, 0, 0, 0.01), 36px 36px rgba(0, 0, 0, 0.01), 37px 37px rgba(0, 0, 0, 0.01), 38px 38px rgba(0, 0, 0, 0.01), 39px 39px rgba(0, 0, 0, 0.01), 40px 40px rgba(0, 0, 0, 0.01), 41px 41px rgba(0, 0, 0, 0.01), 42px 42px rgba(0, 0, 0, 0.01), 43px 43px rgba(0, 0, 0, 0.01), 44px 44px rgba(0, 0, 0, 0.01), 45px 45px rgba(0, 0, 0, 0.01), 46px 46px rgba(0, 0, 0, 0.01), 47px 47px rgba(0, 0, 0, 0.01), 48px 48px rgba(0, 0, 0, 0.01), 49px 49px rgba(0, 0, 0, 0.01), 50px 50px rgba(0, 0, 0, 0.01), 51px 51px rgba(0, 0, 0, 0.01), 52px 52px rgba(0, 0, 0, 0.01), 53px 53px rgba(0, 0, 0, 0.01), 54px 54px rgba(0, 0, 0, 0.01), 55px 55px rgba(0, 0, 0, 0.01), 56px 56px rgba(0, 0, 0, 0.01), 57px 57px rgba(0, 0, 0, 0.01), 58px 58px rgba(0, 0, 0, 0.01), 59px 59px rgba(0, 0, 0, 0.01), 60px 60px rgba(0, 0, 0, 0.01), 61px 61px rgba(0, 0, 0, 0.01), 62px 62px rgba(0, 0, 0, 0.01), 63px 63px rgba(0, 0, 0, 0.01), 64px 64px rgba(0, 0, 0, 0.01), 65px 65px rgba(0, 0, 0, 0.01), 66px 66px rgba(0, 0, 0, 0.01), 67px 67px rgba(0, 0, 0, 0.01), 68px 68px rgba(0, 0, 0, 0.01), 69px 69px rgba(0, 0, 0, 0.01), 70px 70px rgba(0, 0, 0, 0.01), 71px 71px rgba(0, 0, 0, 0.01), 72px 72px rgba(0, 0, 0, 0.01), 73px 73px rgba(0, 0, 0, 0.01), 74px 74px rgba(0, 0, 0, 0.01), 75px 75px rgba(0, 0, 0, 0.01), 76px 76px rgba(0, 0, 0, 0.01), 77px 77px rgba(0, 0, 0, 0.01), 78px 78px rgba(0, 0, 0, 0.01), 79px 79px rgba(0, 0, 0, 0.01), 80px 80px rgba(0, 0, 0, 0.01), 81px 81px rgba(0, 0, 0, 0.01), 82px 82px rgba(0, 0, 0, 0.01), 83px 83px rgba(0, 0, 0, 0.01), 84px 84px rgba(0, 0, 0, 0.01), 85px 85px rgba(0, 0, 0, 0.01), 86px 86px rgba(0, 0, 0, 0.01), 87px 87px rgba(0, 0, 0, 0.01), 88px 88px rgba(0, 0, 0, 0.01), 89px 89px rgba(0, 0, 0, 0.01), 90px 90px rgba(0, 0, 0, 0.01), 91px 91px rgba(0, 0, 0, 0.01), 92px 92px rgba(0, 0, 0, 0.01), 93px 93px rgba(0, 0, 0, 0.01), 94px 94px rgba(0, 0, 0, 0.01), 95px 95px rgba(0, 0, 0, 0.01), 96px 96px rgba(0, 0, 0, 0.01), 97px 97px rgba(0, 0, 0, 0.01), 98px 98px rgba(0, 0, 0, 0.01), 99px 99px rgba(0, 0, 0, 0.01), 100px 100px rgba(0, 0, 0, 0.01), 101px 101px rgba(0, 0, 0, 0.01), 102px 102px rgba(0, 0, 0, 0.01), 103px 103px rgba(0, 0, 0, 0.01), 104px 104px rgba(0, 0, 0, 0.01), 105px 105px rgba(0, 0, 0, 0.01), 106px 106px rgba(0, 0, 0, 0.01), 107px 107px rgba(0, 0, 0, 0.01), 108px 108px rgba(0, 0, 0, 0.01), 109px 109px rgba(0, 0, 0, 0.01), 110px 110px rgba(0, 0, 0, 0.01), 111px 111px rgba(0, 0, 0, 0.01), 112px 112px rgba(0, 0, 0, 0.01), 113px 113px rgba(0, 0, 0, 0.01), 114px 114px rgba(0, 0, 0, 0.01), 115px 115px rgba(0, 0, 0, 0.01), 116px 116px rgba(0, 0, 0, 0.01), 117px 117px rgba(0, 0, 0, 0.01), 118px 118px rgba(0, 0, 0, 0.01), 119px 119px rgba(0, 0, 0, 0.01), 120px 120px rgba(0, 0, 0, 0.01), 121px 121px rgba(0, 0, 0, 0.01), 122px 122px rgba(0, 0, 0, 0.01), 123px 123px rgba(0, 0, 0, 0.01), 124px 124px rgba(0, 0, 0, 0.01), 125px 125px rgba(0, 0, 0, 0.01), 126px 126px rgba(0, 0, 0, 0.01), 127px 127px rgba(0, 0, 0, 0.01), 128px 128px rgba(0, 0, 0, 0.01), 129px 129px rgba(0, 0, 0, 0.01), 130px 130px rgba(0, 0, 0, 0.01), 131px 131px rgba(0, 0, 0, 0.01), 132px 132px rgba(0, 0, 0, 0.01), 133px 133px rgba(0, 0, 0, 0.01), 134px 134px rgba(0, 0, 0, 0.01), 135px 135px rgba(0, 0, 0, 0.01), 136px 136px rgba(0, 0, 0, 0.01), 137px 137px rgba(0, 0, 0, 0.01), 138px 138px rgba(0, 0, 0, 0.01), 139px 139px rgba(0, 0, 0, 0.01), 140px 140px rgba(0, 0, 0, 0.01), 141px 141px rgba(0, 0, 0, 0.01), 142px 142px rgba(0, 0, 0, 0.01), 143px 143px rgba(0, 0, 0, 0.01), 144px 144px rgba(0, 0, 0, 0.01), 145px 145px rgba(0, 0, 0, 0.01), 146px 146px rgba(0, 0, 0, 0.01), 147px 147px rgba(0, 0, 0, 0.01), 148px 148px rgba(0, 0, 0, 0.01), 149px 149px rgba(0, 0, 0, 0.01), 150px 150px rgba(0, 0, 0, 0.01), 151px 151px rgba(0, 0, 0, 0.01), 152px 152px rgba(0, 0, 0, 0.01), 153px 153px rgba(0, 0, 0, 0.01), 154px 154px rgba(0, 0, 0, 0.01), 155px 155px rgba(0, 0, 0, 0.01), 156px 156px rgba(0, 0, 0, 0.01), 157px 157px rgba(0, 0, 0, 0.01), 158px 158px rgba(0, 0, 0, 0.01), 159px 159px rgba(0, 0, 0, 0.01), 160px 160px rgba(0, 0, 0, 0.01), 161px 161px rgba(0, 0, 0, 0.01), 162px 162px rgba(0, 0, 0, 0.01), 163px 163px rgba(0, 0, 0, 0.01), 164px 164px rgba(0, 0, 0, 0.01), 165px 165px rgba(0, 0, 0, 0.01), 166px 166px rgba(0, 0, 0, 0.01), 167px 167px rgba(0, 0, 0, 0.01), 168px 168px rgba(0, 0, 0, 0.01), 169px 169px rgba(0, 0, 0, 0.01), 170px 170px rgba(0, 0, 0, 0.01), 171px 171px rgba(0, 0, 0, 0.01), 172px 172px rgba(0, 0, 0, 0.01), 173px 173px rgba(0, 0, 0, 0.01), 174px 174px rgba(0, 0, 0, 0.01), 175px 175px rgba(0, 0, 0, 0.01), 176px 176px rgba(0, 0, 0, 0.01), 177px 177px rgba(0, 0, 0, 0.01), 178px 178px rgba(0, 0, 0, 0.01), 179px 179px rgba(0, 0, 0, 0.01), 180px 180px rgba(0, 0, 0, 0.01), 181px 181px rgba(0, 0, 0, 0.01), 182px 182px rgba(0, 0, 0, 0.01), 183px 183px rgba(0, 0, 0, 0.01), 184px 184px rgba(0, 0, 0, 0.01), 185px 185px rgba(0, 0, 0, 0.01), 186px 186px rgba(0, 0, 0, 0.01), 187px 187px rgba(0, 0, 0, 0.01), 188px 188px rgba(0, 0, 0, 0.01), 189px 189px rgba(0, 0, 0, 0.01), 190px 190px rgba(0, 0, 0, 0.01), 191px 191px rgba(0, 0, 0, 0.01), 192px 192px rgba(0, 0, 0, 0.01), 193px 193px rgba(0, 0, 0, 0.01), 194px 194px rgba(0, 0, 0, 0.01), 195px 195px rgba(0, 0, 0, 0.01), 196px 196px rgba(0, 0, 0, 0.01), 197px 197px rgba(0, 0, 0, 0.01), 198px 198px rgba(0, 0, 0, 0.01), 199px 199px rgba(0, 0, 0, 0.01), 200px 200px rgba(0, 0, 0, 0.01); } md-chip-list:not(.mat-mdc-chip-list-stacked) .md-chip-list-wrapper .mat-mdc-chip:not(.mat-mdc-basic-chip) { margin: 0 3px 0 3px; } md-chip-list:not(.mat-mdc-chip-list-stacked) .md-chip-list-wrapper .mat-mdc-chip:not(.mat-mdc-basic-chip):first-child { margin-left: 0; margin-right: 3px; } [dir='rtl'] md-chip-list:not(.mat-mdc-chip-list-stacked) .md-chip-list-wrapper .mat-mdc-chip:not(.mat-mdc-basic-chip):first-child { margin-left: 3px; margin-right: 0; } /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version. */ md-chip-list.mat-chip-list-stacked .md-chip-list-wrapper { display: block; } md-chip-list.mat-mdc-chip-list-stacked .md-chip-list-wrapper .mat-mdc-chip:not(.mat-mdc-basic-chip) { display: block; margin: 0; margin-bottom: 8px; } [dir='rtl'] md-chip-list.mat-mdc-chip-list-stacked .md-chip-list-wrapper .mat-mdc-chip:not(.mat-mdc-basic-chip) { margin: 0; margin-bottom: 8px; } md-chip-list.mat-mdc-chip-list-stacked .md-chip-list-wrapper .mat-mdc-chip:not(.mat-mdc-basic-chip):last-child, [dir='rtl'] md-chip-list.mat-mdc-chip-list-stacked .md-chip-list-wrapper .mat-mdc-chip:not(.mat-mdc-basic-chip):last-child { margin-bottom: 0; } md-sidenav-container > md-content, md-sidenav-container > [md-content], md-sidenav-container > .md-content { height: 100%; overflow: hidden; } md-content, [md-content], .md-content { display: block; position: relative; overflow: auto; -webkit-overflow-scrolling: touch; } md-content[md-scroll-y], [md-content][md-scroll-y], .md-content[md-scroll-y] { overflow-y: auto; overflow-x: hidden; } md-content[md-scroll-x], [md-content][md-scroll-x], .md-content[md-scroll-x] { overflow-x: auto; overflow-y: hidden; } md-content.autoScroll, [md-content].autoScroll, .md-content.autoScroll { -webkit-overflow-scrolling: auto; } md-divider[md-inset] { margin-left: 72px; margin-right: 0; } html[dir=rtl] md-divider[md-inset] { margin-left: 0; unicode-bidi: embed; } body[dir=rtl] md-divider[md-inset] { margin-left: 0; unicode-bidi: embed; } [dir=rtl] md-divider[md-inset] { margin-left: 0; unicode-bidi: embed; } md-divider[md-inset] bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } md-divider[md-inset] bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } html[dir=rtl] md-divider[md-inset] { margin-right: 72px; unicode-bidi: embed; } body[dir=rtl] md-divider[md-inset] { margin-right: 72px; unicode-bidi: embed; } [dir=rtl] md-divider[md-inset] { margin-right: 72px; unicode-bidi: embed; } md-divider[md-inset] bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } md-divider[md-inset] bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } md-divider[mat-inset] { margin-left: 72px; margin-right: 0; } html[dir=rtl] md-divider[mat-inset] { margin-left: 0; unicode-bidi: embed; } body[dir=rtl] md-divider[mat-inset] { margin-left: 0; unicode-bidi: embed; } [dir=rtl] md-divider[mat-inset] { margin-left: 0; unicode-bidi: embed; } md-divider[mat-inset] bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } md-divider[mat-inset] bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } html[dir=rtl] md-divider[mat-inset] { margin-right: 72px; unicode-bidi: embed; } body[dir=rtl] md-divider[mat-inset] { margin-right: 72px; unicode-bidi: embed; } [dir=rtl] md-divider[mat-inset] { margin-right: 72px; unicode-bidi: embed; } md-divider[mat-inset] bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } md-divider[mat-inset] bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ md-list-item md-icon[md-list-avatar], .mat-list-item-content md-icon[md-list-avatar] { align-items: center; align-content: center; justify-content: center; display: flex; } .mat-icon.md-icon-logo { height: auto; width: 100px; } .mat-input-placeholder-wrapper { font-size: 16px; } /** * Mixin that creates a new stacking context. * see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */ mat-sidenav { width: 320px; } /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ mat-sidenav .mat-list-item-content mat-icon { margin-left: 0px; margin-right: 16px; color: #737373; fill: #737373; } /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ html[dir=rtl] md-sidenav .mat-list-item-content md-icon { margin-left: 16px; unicode-bidi: embed; } /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ body[dir=rtl] md-sidenav .mat-list-item-content md-icon { margin-left: 16px; unicode-bidi: embed; } /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ [dir=rtl] md-sidenav .mat-list-item-content md-icon { margin-left: 16px; unicode-bidi: embed; } /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ md-sidenav .mat-list-item-content md-icon bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ md-sidenav .mat-list-item-content md-icon bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ html[dir=rtl] md-sidenav .mat-list-item-content md-icon { margin-right: 0px; unicode-bidi: embed; } /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ body[dir=rtl] md-sidenav .mat-list-item-content md-icon { margin-right: 0px; unicode-bidi: embed; } /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ [dir=rtl] md-sidenav .mat-list-item-content md-icon { margin-right: 0px; unicode-bidi: embed; } /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ md-sidenav .mat-list-item-content md-icon bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ md-sidenav .mat-list-item-content md-icon bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } .tc-inherit { color: inherit !important; } .tc-red-50 { color: #ffebee !important; } .tc-pink-50 { color: #fce4ec !important; } .tc-purple-50 { color: #f3e5f5 !important; } .tc-deep-purple-50 { color: #ede7f6 !important; } .tc-indigo-50 { color: #e8eaf6 !important; } .tc-blue-50 { color: #e3f2fd !important; } .tc-light-blue-50 { color: #e1f5fe !important; } .tc-cyan-50 { color: #e0f7fa !important; } .tc-teal-50 { color: #e0f2f1 !important; } .tc-green-50 { color: #e8f5e9 !important; } .tc-light-green-50 { color: #f1f8e9 !important; } .tc-lime-50 { color: #f9fbe7 !important; } .tc-yellow-50 { color: #fffde7 !important; } .tc-amber-50 { color: #fff8e1 !important; } .tc-orange-50 { color: #fff3e0 !important; } .tc-deep-orange-50 { color: #fbe9e7 !important; } .tc-brown-50 { color: #efebe9 !important; } .tc-grey-50 { color: #fafafa !important; } .tc-blue-grey-50 { color: #eceff1 !important; } .tc-red-100 { color: #ffcdd2 !important; } .tc-pink-100 { color: #f8bbd0 !important; } .tc-purple-100 { color: #e1bee7 !important; } .tc-deep-purple-100 { color: #d1c4e9 !important; } .tc-indigo-100 { color: #c5cae9 !important; } .tc-blue-100 { color: #bbdefb !important; } .tc-light-blue-100 { color: #b3e5fc !important; } .tc-cyan-100 { color: #b2ebf2 !important; } .tc-teal-100 { color: #b2dfdb !important; } .tc-green-100 { color: #c8e6c9 !important; } .tc-light-green-100 { color: #dcedc8 !important; } .tc-lime-100 { color: #f0f4c3 !important; } .tc-yellow-100 { color: #fff9c4 !important; } .tc-amber-100 { color: #ffecb3 !important; } .tc-orange-100 { color: #ffe0b2 !important; } .tc-deep-orange-100 { color: #ffccbc !important; } .tc-brown-100 { color: #d7ccc8 !important; } .tc-grey-100 { color: whitesmoke !important; } .tc-blue-grey-100 { color: #cfd8dc !important; } .tc-red-200 { color: #ef9a9a !important; } .tc-pink-200 { color: #f48fb1 !important; } .tc-purple-200 { color: #ce93d8 !important; } .tc-deep-purple-200 { color: #b39ddb !important; } .tc-indigo-200 { color: #9fa8da !important; } .tc-blue-200 { color: #90caf9 !important; } .tc-light-blue-200 { color: #81d4fa !important; } .tc-cyan-200 { color: #80deea !important; } .tc-teal-200 { color: #80cbc4 !important; } .tc-green-200 { color: #a5d6a7 !important; } .tc-light-green-200 { color: #c5e1a5 !important; } .tc-lime-200 { color: #e6ee9c !important; } .tc-yellow-200 { color: #fff59d !important; } .tc-amber-200 { color: #ffe082 !important; } .tc-orange-200 { color: #ffcc80 !important; } .tc-deep-orange-200 { color: #ffab91 !important; } .tc-brown-200 { color: #bcaaa4 !important; } .tc-grey-200 { color: #eeeeee !important; } .tc-blue-grey-200 { color: #b0bec5 !important; } .tc-red-300 { color: #e57373 !important; } .tc-pink-300 { color: #f06292 !important; } .tc-purple-300 { color: #ba68c8 !important; } .tc-deep-purple-300 { color: #9575cd !important; } .tc-indigo-300 { color: #7986cb !important; } .tc-blue-300 { color: #64b5f6 !important; } .tc-light-blue-300 { color: #4fc3f7 !important; } .tc-cyan-300 { color: #4dd0e1 !important; } .tc-teal-300 { color: #4db6ac !important; } .tc-green-300 { color: #81c784 !important; } .tc-light-green-300 { color: #aed581 !important; } .tc-lime-300 { color: #dce775 !important; } .tc-yellow-300 { color: #fff176 !important; } .tc-amber-300 { color: #ffd54f !important; } .tc-orange-300 { color: #ffb74d !important; } .tc-deep-orange-300 { color: #ff8a65 !important; } .tc-brown-300 { color: #a1887f !important; } .tc-grey-300 { color: #e0e0e0 !important; } .tc-blue-grey-300 { color: #90a4ae !important; } .tc-red-400 { color: #ef5350 !important; } .tc-pink-400 { color: #ec407a !important; } .tc-purple-400 { color: #ab47bc !important; } .tc-deep-purple-400 { color: #7e57c2 !important; } .tc-indigo-400 { color: #5c6bc0 !important; } .tc-blue-400 { color: #42a5f5 !important; } .tc-light-blue-400 { color: #29b6f6 !important; } .tc-cyan-400 { color: #26c6da !important; } .tc-teal-400 { color: #26a69a !important; } .tc-green-400 { color: #66bb6a !important; } .tc-light-green-400 { color: #9ccc65 !important; } .tc-lime-400 { color: #d4e157 !important; } .tc-yellow-400 { color: #ffee58 !important; } .tc-amber-400 { color: #ffca28 !important; } .tc-orange-400 { color: #ffa726 !important; } .tc-deep-orange-400 { color: #ff7043 !important; } .tc-brown-400 { color: #8d6e63 !important; } .tc-grey-400 { color: #bdbdbd !important; } .tc-blue-grey-400 { color: #78909c !important; } .tc-red-500 { color: #f44336 !important; } .tc-pink-500 { color: #e91e63 !important; } .tc-purple-500 { color: #9c27b0 !important; } .tc-deep-purple-500 { color: #673ab7 !important; } .tc-indigo-500 { color: #3f51b5 !important; } .tc-blue-500 { color: #2196f3 !important; } .tc-light-blue-500 { color: #03a9f4 !important; } .tc-cyan-500 { color: #00bcd4 !important; } .tc-teal-500 { color: #009688 !important; } .tc-green-500 { color: #4caf50 !important; } .tc-light-green-500 { color: #8bc34a !important; } .tc-lime-500 { color: #cddc39 !important; } .tc-yellow-500 { color: #ffeb3b !important; } .tc-amber-500 { color: #ffc107 !important; } .tc-orange-500 { color: #ff9800 !important; } .tc-deep-orange-500 { color: #ff5722 !important; } .tc-brown-500 { color: #795548 !important; } .tc-grey-500 { color: #9e9e9e !important; } .tc-blue-grey-500 { color: #607d8b !important; } .tc-red-600 { color: #e53935 !important; } .tc-pink-600 { color: #d81b60 !important; } .tc-purple-600 { color: #8e24aa !important; } .tc-deep-purple-600 { color: #5e35b1 !important; } .tc-indigo-600 { color: #3949ab !important; } .tc-blue-600 { color: #1e88e5 !important; } .tc-light-blue-600 { color: #039be5 !important; } .tc-cyan-600 { color: #00acc1 !important; } .tc-teal-600 { color: #00897b !important; } .tc-green-600 { color: #43a047 !important; } .tc-light-green-600 { color: #7cb342 !important; } .tc-lime-600 { color: #c0ca33 !important; } .tc-yellow-600 { color: #fdd835 !important; } .tc-amber-600 { color: #ffb300 !important; } .tc-orange-600 { color: #fb8c00 !important; } .tc-deep-orange-600 { color: #f4511e !important; } .tc-brown-600 { color: #6d4c41 !important; } .tc-grey-600 { color: #757575 !important; } .tc-blue-grey-600 { color: #546e7a !important; } .tc-red-700 { color: #d32f2f !important; } .tc-pink-700 { color: #c2185b !important; } .tc-purple-700 { color: #7b1fa2 !important; } .tc-deep-purple-700 { color: #512da8 !important; } .tc-indigo-700 { color: #303f9f !important; } .tc-blue-700 { color: #1976d2 !important; } .tc-light-blue-700 { color: #0288d1 !important; } .tc-cyan-700 { color: #0097a7 !important; } .tc-teal-700 { color: #00796b !important; } .tc-green-700 { color: #388e3c !important; } .tc-light-green-700 { color: #689f38 !important; } .tc-lime-700 { color: #afb42b !important; } .tc-yellow-700 { color: #fbc02d !important; } .tc-amber-700 { color: #ffa000 !important; } .tc-orange-700 { color: #f57c00 !important; } .tc-deep-orange-700 { color: #e64a19 !important; } .tc-brown-700 { color: #5d4037 !important; } .tc-grey-700 { color: #616161 !important; } .tc-blue-grey-700 { color: #455a64 !important; } .tc-red-800 { color: #c62828 !important; } .tc-pink-800 { color: #ad1457 !important; } .tc-purple-800 { color: #6a1b9a !important; } .tc-deep-purple-800 { color: #4527a0 !important; } .tc-indigo-800 { color: #283593 !important; } .tc-blue-800 { color: #1565c0 !important; } .tc-light-blue-800 { color: #0277bd !important; } .tc-cyan-800 { color: #00838f !important; } .tc-teal-800 { color: #00695c !important; } .tc-green-800 { color: #2e7d32 !important; } .tc-light-green-800 { color: #558b2f !important; } .tc-lime-800 { color: #9e9d24 !important; } .tc-yellow-800 { color: #f9a825 !important; } .tc-amber-800 { color: #ff8f00 !important; } .tc-orange-800 { color: #ef6c00 !important; } .tc-deep-orange-800 { color: #d84315 !important; } .tc-brown-800 { color: #4e342e !important; } .tc-grey-800 { color: #424242 !important; } .tc-blue-grey-800 { color: #37474f !important; } .tc-red-900 { color: #b71c1c !important; } .tc-pink-900 { color: #880e4f !important; } .tc-purple-900 { color: #4a148c !important; } .tc-deep-purple-900 { color: #311b92 !important; } .tc-indigo-900 { color: #1a237e !important; } .tc-blue-900 { color: #0d47a1 !important; } .tc-light-blue-900 { color: #01579b !important; } .tc-cyan-900 { color: #006064 !important; } .tc-teal-900 { color: #004d40 !important; } .tc-green-900 { color: #1b5e20 !important; } .tc-light-green-900 { color: #33691e !important; } .tc-lime-900 { color: #827717 !important; } .tc-yellow-900 { color: #f57f17 !important; } .tc-amber-900 { color: #ff6f00 !important; } .tc-orange-900 { color: #e65100 !important; } .tc-deep-orange-900 { color: #bf360c !important; } .tc-brown-900 { color: #3e2723 !important; } .tc-grey-900 { color: #212121 !important; } .tc-blue-grey-900 { color: #263238 !important; } .tc-red-A100 { color: #ff8a80 !important; } .tc-pink-A100 { color: #ff80ab !important; } .tc-purple-A100 { color: #ea80fc !important; } .tc-deep-purple-A100 { color: #b388ff !important; } .tc-indigo-A100 { color: #8c9eff !important; } .tc-blue-A100 { color: #82b1ff !important; } .tc-light-blue-A100 { color: #80d8ff !important; } .tc-cyan-A100 { color: #84ffff !important; } .tc-teal-A100 { color: #a7ffeb !important; } .tc-green-A100 { color: #b9f6ca !important; } .tc-light-green-A100 { color: #ccff90 !important; } .tc-lime-A100 { color: #f4ff81 !important; } .tc-yellow-A100 { color: #ffff8d !important; } .tc-amber-A100 { color: #ffe57f !important; } .tc-orange-A100 { color: #ffd180 !important; } .tc-deep-orange-A100 { color: #ff9e80 !important; } .tc-red-A200 { color: #ff5252 !important; } .tc-pink-A200 { color: #ff4081 !important; } .tc-purple-A200 { color: #e040fb !important; } .tc-deep-purple-A200 { color: #7c4dff !important; } .tc-indigo-A200 { color: #536dfe !important; } .tc-blue-A200 { color: #448aff !important; } .tc-light-blue-A200 { color: #40c4ff !important; } .tc-cyan-A200 { color: #18ffff !important; } .tc-teal-A200 { color: #64ffda !important; } .tc-green-A200 { color: #69f0ae !important; } .tc-light-green-A200 { color: #b2ff59 !important; } .tc-lime-A200 { color: #eeff41 !important; } .tc-yellow-A200 { color: yellow !important; } .tc-amber-A200 { color: #ffd740 !important; } .tc-orange-A200 { color: #ffab40 !important; } .tc-deep-orange-A200 { color: #ff6e40 !important; } .tc-red-A400 { color: #ff1744 !important; } .tc-pink-A400 { color: #f50057 !important; } .tc-purple-A400 { color: #d500f9 !important; } .tc-deep-purple-A400 { color: #651fff !important; } .tc-indigo-A400 { color: #3d5afe !important; } .tc-blue-A400 { color: #2979ff !important; } .tc-light-blue-A400 { color: #00b0ff !important; } .tc-cyan-A400 { color: #00e5ff !important; } .tc-teal-A400 { color: #1de9b6 !important; } .tc-green-A400 { color: #00e676 !important; } .tc-light-green-A400 { color: #76ff03 !important; } .tc-lime-A400 { color: #c6ff00 !important; } .tc-yellow-A400 { color: #ffea00 !important; } .tc-amber-A400 { color: #ffc400 !important; } .tc-orange-A400 { color: #ff9100 !important; } .tc-deep-orange-A400 { color: #ff3d00 !important; } .tc-red-A700 { color: #d50000 !important; } .tc-pink-A700 { color: #c51162 !important; } .tc-purple-A700 { color: #aa00ff !important; } .tc-deep-purple-A700 { color: #6200ea !important; } .tc-indigo-A700 { color: #304ffe !important; } .tc-blue-A700 { color: #2962ff !important; } .tc-light-blue-A700 { color: #0091ea !important; } .tc-cyan-A700 { color: #00b8d4 !important; } .tc-teal-A700 { color: #00bfa5 !important; } .tc-green-A700 { color: #00c853 !important; } .tc-light-green-A700 { color: #64dd17 !important; } .tc-lime-A700 { color: #aeea00 !important; } .tc-yellow-A700 { color: #ffd600 !important; } .tc-amber-A700 { color: #ffab00 !important; } .tc-orange-A700 { color: #ff6d00 !important; } .tc-deep-orange-A700 { color: #dd2c00 !important; } .tc-black { color: black !important; } .tc-black-1 { color: black !important; } .tc-black-2 { color: black !important; } .tc-black-3 { color: rgba(0, 0, 0, 0.12) !important; } .tc-black-4 { color: black !important; } .tc-white { color: rgba(255, 255, 255, 0.7) !important; } .tc-white-1 { color: rgba(255, 255, 255, 0.3) !important; } .tc-white-2 { color: rgba(255, 255, 255, 0.3) !important; } .tc-white-3 { color: rgba(255, 255, 255, 0.12) !important; } .tc-white-4 { color: white !important; } .bgc-red-50 { background-color: #ffebee !important; } .bgc-pink-50 { background-color: #fce4ec !important; } .bgc-purple-50 { background-color: #f3e5f5 !important; } .bgc-deep-purple-50 { background-color: #ede7f6 !important; } .bgc-indigo-50 { background-color: #e8eaf6 !important; } .bgc-blue-50 { background-color: #e3f2fd !important; } .bgc-light-blue-50 { background-color: #e1f5fe !important; } .bgc-cyan-50 { background-color: #e0f7fa !important; } .bgc-teal-50 { background-color: #e0f2f1 !important; } .bgc-green-50 { background-color: #e8f5e9 !important; } .bgc-light-green-50 { background-color: #f1f8e9 !important; } .bgc-lime-50 { background-color: #f9fbe7 !important; } .bgc-yellow-50 { background-color: #fffde7 !important; } .bgc-amber-50 { background-color: #fff8e1 !important; } .bgc-orange-50 { background-color: #fff3e0 !important; } .bgc-deep-orange-50 { background-color: #fbe9e7 !important; } .bgc-brown-50 { background-color: #efebe9 !important; } .bgc-grey-50 { background-color: #fafafa !important; } .bgc-blue-grey-50 { background-color: #eceff1 !important; } .bgc-red-100 { background-color: #ffcdd2 !important; } .bgc-pink-100 { background-color: #f8bbd0 !important; } .bgc-purple-100 { background-color: #e1bee7 !important; } .bgc-deep-purple-100 { background-color: #d1c4e9 !important; } .bgc-indigo-100 { background-color: #c5cae9 !important; } .bgc-blue-100 { background-color: #bbdefb !important; } .bgc-light-blue-100 { background-color: #b3e5fc !important; } .bgc-cyan-100 { background-color: #b2ebf2 !important; } .bgc-teal-100 { background-color: #b2dfdb !important; } .bgc-green-100 { background-color: #c8e6c9 !important; } .bgc-light-green-100 { background-color: #dcedc8 !important; } .bgc-lime-100 { background-color: #f0f4c3 !important; } .bgc-yellow-100 { background-color: #fff9c4 !important; } .bgc-amber-100 { background-color: #ffecb3 !important; } .bgc-orange-100 { background-color: #ffe0b2 !important; } .bgc-deep-orange-100 { background-color: #ffccbc !important; } .bgc-brown-100 { background-color: #d7ccc8 !important; } .bgc-grey-100 { background-color: whitesmoke !important; } .bgc-blue-grey-100 { background-color: #cfd8dc !important; } .bgc-red-200 { background-color: #ef9a9a !important; } .bgc-pink-200 { background-color: #f48fb1 !important; } .bgc-purple-200 { background-color: #ce93d8 !important; } .bgc-deep-purple-200 { background-color: #b39ddb !important; } .bgc-indigo-200 { background-color: #9fa8da !important; } .bgc-blue-200 { background-color: #90caf9 !important; } .bgc-light-blue-200 { background-color: #81d4fa !important; } .bgc-cyan-200 { background-color: #80deea !important; } .bgc-teal-200 { background-color: #80cbc4 !important; } .bgc-green-200 { background-color: #a5d6a7 !important; } .bgc-light-green-200 { background-color: #c5e1a5 !important; } .bgc-lime-200 { background-color: #e6ee9c !important; } .bgc-yellow-200 { background-color: #fff59d !important; } .bgc-amber-200 { background-color: #ffe082 !important; } .bgc-orange-200 { background-color: #ffcc80 !important; } .bgc-deep-orange-200 { background-color: #ffab91 !important; } .bgc-brown-200 { background-color: #bcaaa4 !important; } .bgc-grey-200 { background-color: #eeeeee !important; } .bgc-blue-grey-200 { background-color: #b0bec5 !important; } .bgc-red-300 { background-color: #e57373 !important; } .bgc-pink-300 { background-color: #f06292 !important; } .bgc-purple-300 { background-color: #ba68c8 !important; } .bgc-deep-purple-300 { background-color: #9575cd !important; } .bgc-indigo-300 { background-color: #7986cb !important; } .bgc-blue-300 { background-color: #64b5f6 !important; } .bgc-light-blue-300 { background-color: #4fc3f7 !important; } .bgc-cyan-300 { background-color: #4dd0e1 !important; } .bgc-teal-300 { background-color: #4db6ac !important; } .bgc-green-300 { background-color: #81c784 !important; } .bgc-light-green-300 { background-color: #aed581 !important; } .bgc-lime-300 { background-color: #dce775 !important; } .bgc-yellow-300 { background-color: #fff176 !important; } .bgc-amber-300 { background-color: #ffd54f !important; } .bgc-orange-300 { background-color: #ffb74d !important; } .bgc-deep-orange-300 { background-color: #ff8a65 !important; } .bgc-brown-300 { background-color: #a1887f !important; } .bgc-grey-300 { background-color: #e0e0e0 !important; } .bgc-blue-grey-300 { background-color: #90a4ae !important; } .bgc-red-400 { background-color: #ef5350 !important; } .bgc-pink-400 { background-color: #ec407a !important; } .bgc-purple-400 { background-color: #ab47bc !important; } .bgc-deep-purple-400 { background-color: #7e57c2 !important; } .bgc-indigo-400 { background-color: #5c6bc0 !important; } .bgc-blue-400 { background-color: #42a5f5 !important; } .bgc-light-blue-400 { background-color: #29b6f6 !important; } .bgc-cyan-400 { background-color: #26c6da !important; } .bgc-teal-400 { background-color: #26a69a !important; } .bgc-green-400 { background-color: #66bb6a !important; } .bgc-light-green-400 { background-color: #9ccc65 !important; } .bgc-lime-400 { background-color: #d4e157 !important; } .bgc-yellow-400 { background-color: #ffee58 !important; } .bgc-amber-400 { background-color: #ffca28 !important; } .bgc-orange-400 { background-color: #ffa726 !important; } .bgc-deep-orange-400 { background-color: #ff7043 !important; } .bgc-brown-400 { background-color: #8d6e63 !important; } .bgc-grey-400 { background-color: #bdbdbd !important; } .bgc-blue-grey-400 { background-color: #78909c !important; } .bgc-red-500 { background-color: #f44336 !important; } .bgc-pink-500 { background-color: #e91e63 !important; } .bgc-purple-500 { background-color: #9c27b0 !important; } .bgc-deep-purple-500 { background-color: #673ab7 !important; } .bgc-indigo-500 { background-color: #3f51b5 !important; } .bgc-blue-500 { background-color: #2196f3 !important; } .bgc-light-blue-500 { background-color: #03a9f4 !important; } .bgc-cyan-500 { background-color: #00bcd4 !important; } .bgc-teal-500 { background-color: #009688 !important; } .bgc-green-500 { background-color: #4caf50 !important; } .bgc-light-green-500 { background-color: #8bc34a !important; } .bgc-lime-500 { background-color: #cddc39 !important; } .bgc-yellow-500 { background-color: #ffeb3b !important; } .bgc-amber-500 { background-color: #ffc107 !important; } .bgc-orange-500 { background-color: #ff9800 !important; } .bgc-deep-orange-500 { background-color: #ff5722 !important; } .bgc-brown-500 { background-color: #795548 !important; } .bgc-grey-500 { background-color: #9e9e9e !important; } .bgc-blue-grey-500 { background-color: #607d8b !important; } .bgc-red-600 { background-color: #e53935 !important; } .bgc-pink-600 { background-color: #d81b60 !important; } .bgc-purple-600 { background-color: #8e24aa !important; } .bgc-deep-purple-600 { background-color: #5e35b1 !important; } .bgc-indigo-600 { background-color: #3949ab !important; } .bgc-blue-600 { background-color: #1e88e5 !important; } .bgc-light-blue-600 { background-color: #039be5 !important; } .bgc-cyan-600 { background-color: #00acc1 !important; } .bgc-teal-600 { background-color: #00897b !important; } .bgc-green-600 { background-color: #43a047 !important; } .bgc-light-green-600 { background-color: #7cb342 !important; } .bgc-lime-600 { background-color: #c0ca33 !important; } .bgc-yellow-600 { background-color: #fdd835 !important; } .bgc-amber-600 { background-color: #ffb300 !important; } .bgc-orange-600 { background-color: #fb8c00 !important; } .bgc-deep-orange-600 { background-color: #f4511e !important; } .bgc-brown-600 { background-color: #6d4c41 !important; } .bgc-grey-600 { background-color: #757575 !important; } .bgc-blue-grey-600 { background-color: #546e7a !important; } .bgc-red-700 { background-color: #d32f2f !important; } .bgc-pink-700 { background-color: #c2185b !important; } .bgc-purple-700 { background-color: #7b1fa2 !important; } .bgc-deep-purple-700 { background-color: #512da8 !important; } .bgc-indigo-700 { background-color: #303f9f !important; } .bgc-blue-700 { background-color: #1976d2 !important; } .bgc-light-blue-700 { background-color: #0288d1 !important; } .bgc-cyan-700 { background-color: #0097a7 !important; } .bgc-teal-700 { background-color: #00796b !important; } .bgc-green-700 { background-color: #388e3c !important; } .bgc-light-green-700 { background-color: #689f38 !important; } .bgc-lime-700 { background-color: #afb42b !important; } .bgc-yellow-700 { background-color: #fbc02d !important; } .bgc-amber-700 { background-color: #ffa000 !important; } .bgc-orange-700 { background-color: #f57c00 !important; } .bgc-deep-orange-700 { background-color: #e64a19 !important; } .bgc-brown-700 { background-color: #5d4037 !important; } .bgc-grey-700 { background-color: #616161 !important; } .bgc-blue-grey-700 { background-color: #455a64 !important; } .bgc-red-800 { background-color: #c62828 !important; } .bgc-pink-800 { background-color: #ad1457 !important; } .bgc-purple-800 { background-color: #6a1b9a !important; } .bgc-deep-purple-800 { background-color: #4527a0 !important; } .bgc-indigo-800 { background-color: #283593 !important; } .bgc-blue-800 { background-color: #1565c0 !important; } .bgc-light-blue-800 { background-color: #0277bd !important; } .bgc-cyan-800 { background-color: #00838f !important; } .bgc-teal-800 { background-color: #00695c !important; } .bgc-green-800 { background-color: #2e7d32 !important; } .bgc-light-green-800 { background-color: #558b2f !important; } .bgc-lime-800 { background-color: #9e9d24 !important; } .bgc-yellow-800 { background-color: #f9a825 !important; } .bgc-amber-800 { background-color: #ff8f00 !important; } .bgc-orange-800 { background-color: #ef6c00 !important; } .bgc-deep-orange-800 { background-color: #d84315 !important; } .bgc-brown-800 { background-color: #4e342e !important; } .bgc-grey-800 { background-color: #424242 !important; } .bgc-blue-grey-800 { background-color: #37474f !important; } .bgc-red-900 { background-color: #b71c1c !important; } .bgc-pink-900 { background-color: #880e4f !important; } .bgc-purple-900 { background-color: #4a148c !important; } .bgc-deep-purple-900 { background-color: #311b92 !important; } .bgc-indigo-900 { background-color: #1a237e !important; } .bgc-blue-900 { background-color: #0d47a1 !important; } .bgc-light-blue-900 { background-color: #01579b !important; } .bgc-cyan-900 { background-color: #006064 !important; } .bgc-teal-900 { background-color: #004d40 !important; } .bgc-green-900 { background-color: #1b5e20 !important; } .bgc-light-green-900 { background-color: #33691e !important; } .bgc-lime-900 { background-color: #827717 !important; } .bgc-yellow-900 { background-color: #f57f17 !important; } .bgc-amber-900 { background-color: #ff6f00 !important; } .bgc-orange-900 { background-color: #e65100 !important; } .bgc-deep-orange-900 { background-color: #bf360c !important; } .bgc-brown-900 { background-color: #3e2723 !important; } .bgc-grey-900 { background-color: #212121 !important; } .bgc-blue-grey-900 { background-color: #263238 !important; } .bgc-red-A100 { background-color: #ff8a80 !important; } .bgc-pink-A100 { background-color: #ff80ab !important; } .bgc-purple-A100 { background-color: #ea80fc !important; } .bgc-deep-purple-A100 { background-color: #b388ff !important; } .bgc-indigo-A100 { background-color: #8c9eff !important; } .bgc-blue-A100 { background-color: #82b1ff !important; } .bgc-light-blue-A100 { background-color: #80d8ff !important; } .bgc-cyan-A100 { background-color: #84ffff !important; } .bgc-teal-A100 { background-color: #a7ffeb !important; } .bgc-green-A100 { background-color: #b9f6ca !important; } .bgc-light-green-A100 { background-color: #ccff90 !important; } .bgc-lime-A100 { background-color: #f4ff81 !important; } .bgc-yellow-A100 { background-color: #ffff8d !important; } .bgc-amber-A100 { background-color: #ffe57f !important; } .bgc-orange-A100 { background-color: #ffd180 !important; } .bgc-deep-orange-A100 { background-color: #ff9e80 !important; } .bgc-red-A200 { background-color: #ff5252 !important; } .bgc-pink-A200 { background-color: #ff4081 !important; } .bgc-purple-A200 { background-color: #e040fb !important; } .bgc-deep-purple-A200 { background-color: #7c4dff !important; } .bgc-indigo-A200 { background-color: #536dfe !important; } .bgc-blue-A200 { background-color: #448aff !important; } .bgc-light-blue-A200 { background-color: #40c4ff !important; } .bgc-cyan-A200 { background-color: #18ffff !important; } .bgc-teal-A200 { background-color: #64ffda !important; } .bgc-green-A200 { background-color: #69f0ae !important; } .bgc-light-green-A200 { background-color: #b2ff59 !important; } .bgc-lime-A200 { background-color: #eeff41 !important; } .bgc-yellow-A200 { background-color: yellow !important; } .bgc-amber-A200 { background-color: #ffd740 !important; } .bgc-orange-A200 { background-color: #ffab40 !important; } .bgc-deep-orange-A200 { background-color: #ff6e40 !important; } .bgc-red-A400 { background-color: #ff1744 !important; } .bgc-pink-A400 { background-color: #f50057 !important; } .bgc-purple-A400 { background-color: #d500f9 !important; } .bgc-deep-purple-A400 { background-color: #651fff !important; } .bgc-indigo-A400 { background-color: #3d5afe !important; } .bgc-blue-A400 { background-color: #2979ff !important; } .bgc-light-blue-A400 { background-color: #00b0ff !important; } .bgc-cyan-A400 { background-color: #00e5ff !important; } .bgc-teal-A400 { background-color: #1de9b6 !important; } .bgc-green-A400 { background-color: #00e676 !important; } .bgc-light-green-A400 { background-color: #76ff03 !important; } .bgc-lime-A400 { background-color: #c6ff00 !important; } .bgc-yellow-A400 { background-color: #ffea00 !important; } .bgc-amber-A400 { background-color: #ffc400 !important; } .bgc-orange-A400 { background-color: #ff9100 !important; } .bgc-deep-orange-A400 { background-color: #ff3d00 !important; } .bgc-red-A700 { background-color: #d50000 !important; } .bgc-pink-A700 { background-color: #c51162 !important; } .bgc-purple-A700 { background-color: #aa00ff !important; } .bgc-deep-purple-A700 { background-color: #6200ea !important; } .bgc-indigo-A700 { background-color: #304ffe !important; } .bgc-blue-A700 { background-color: #2962ff !important; } .bgc-light-blue-A700 { background-color: #0091ea !important; } .bgc-cyan-A700 { background-color: #00b8d4 !important; } .bgc-teal-A700 { background-color: #00bfa5 !important; } .bgc-green-A700 { background-color: #00c853 !important; } .bgc-light-green-A700 { background-color: #64dd17 !important; } .bgc-lime-A700 { background-color: #aeea00 !important; } .bgc-yellow-A700 { background-color: #ffd600 !important; } .bgc-amber-A700 { background-color: #ffab00 !important; } .bgc-orange-A700 { background-color: #ff6d00 !important; } .bgc-deep-orange-A700 { background-color: #dd2c00 !important; } .bgc-black { background-color: black !important; } .bgc-black-1 { background-color: black !important; } .bgc-black-2 { background-color: black !important; } .bgc-black-3 { background-color: rgba(0, 0, 0, 0.12) !important; } .bgc-black-4 { background-color: black !important; } .bgc-white { background-color: rgba(255, 255, 255, 0.7) !important; } .bgc-white-1 { background-color: rgba(255, 255, 255, 0.3) !important; } .bgc-white-2 { background-color: rgba(255, 255, 255, 0.3) !important; } .bgc-white-3 { background-color: rgba(255, 255, 255, 0.12) !important; } .bgc-white-4 { background-color: white !important; } .fill-red-50 { fill: #ffebee !important; } .fill-pink-50 { fill: #fce4ec !important; } .fill-purple-50 { fill: #f3e5f5 !important; } .fill-deep-purple-50 { fill: #ede7f6 !important; } .fill-indigo-50 { fill: #e8eaf6 !important; } .fill-blue-50 { fill: #e3f2fd !important; } .fill-light-blue-50 { fill: #e1f5fe !important; } .fill-cyan-50 { fill: #e0f7fa !important; } .fill-teal-50 { fill: #e0f2f1 !important; } .fill-green-50 { fill: #e8f5e9 !important; } .fill-light-green-50 { fill: #f1f8e9 !important; } .fill-lime-50 { fill: #f9fbe7 !important; } .fill-yellow-50 { fill: #fffde7 !important; } .fill-amber-50 { fill: #fff8e1 !important; } .fill-orange-50 { fill: #fff3e0 !important; } .fill-deep-orange-50 { fill: #fbe9e7 !important; } .fill-brown-50 { fill: #efebe9 !important; } .fill-grey-50 { fill: #fafafa !important; } .fill-blue-grey-50 { fill: #eceff1 !important; } .fill-red-100 { fill: #ffcdd2 !important; } .fill-pink-100 { fill: #f8bbd0 !important; } .fill-purple-100 { fill: #e1bee7 !important; } .fill-deep-purple-100 { fill: #d1c4e9 !important; } .fill-indigo-100 { fill: #c5cae9 !important; } .fill-blue-100 { fill: #bbdefb !important; } .fill-light-blue-100 { fill: #b3e5fc !important; } .fill-cyan-100 { fill: #b2ebf2 !important; } .fill-teal-100 { fill: #b2dfdb !important; } .fill-green-100 { fill: #c8e6c9 !important; } .fill-light-green-100 { fill: #dcedc8 !important; } .fill-lime-100 { fill: #f0f4c3 !important; } .fill-yellow-100 { fill: #fff9c4 !important; } .fill-amber-100 { fill: #ffecb3 !important; } .fill-orange-100 { fill: #ffe0b2 !important; } .fill-deep-orange-100 { fill: #ffccbc !important; } .fill-brown-100 { fill: #d7ccc8 !important; } .fill-grey-100 { fill: whitesmoke !important; } .fill-blue-grey-100 { fill: #cfd8dc !important; } .fill-red-200 { fill: #ef9a9a !important; } .fill-pink-200 { fill: #f48fb1 !important; } .fill-purple-200 { fill: #ce93d8 !important; } .fill-deep-purple-200 { fill: #b39ddb !important; } .fill-indigo-200 { fill: #9fa8da !important; } .fill-blue-200 { fill: #90caf9 !important; } .fill-light-blue-200 { fill: #81d4fa !important; } .fill-cyan-200 { fill: #80deea !important; } .fill-teal-200 { fill: #80cbc4 !important; } .fill-green-200 { fill: #a5d6a7 !important; } .fill-light-green-200 { fill: #c5e1a5 !important; } .fill-lime-200 { fill: #e6ee9c !important; } .fill-yellow-200 { fill: #fff59d !important; } .fill-amber-200 { fill: #ffe082 !important; } .fill-orange-200 { fill: #ffcc80 !important; } .fill-deep-orange-200 { fill: #ffab91 !important; } .fill-brown-200 { fill: #bcaaa4 !important; } .fill-grey-200 { fill: #eeeeee !important; } .fill-blue-grey-200 { fill: #b0bec5 !important; } .fill-red-300 { fill: #e57373 !important; } .fill-pink-300 { fill: #f06292 !important; } .fill-purple-300 { fill: #ba68c8 !important; } .fill-deep-purple-300 { fill: #9575cd !important; } .fill-indigo-300 { fill: #7986cb !important; } .fill-blue-300 { fill: #64b5f6 !important; } .fill-light-blue-300 { fill: #4fc3f7 !important; } .fill-cyan-300 { fill: #4dd0e1 !important; } .fill-teal-300 { fill: #4db6ac !important; } .fill-green-300 { fill: #81c784 !important; } .fill-light-green-300 { fill: #aed581 !important; } .fill-lime-300 { fill: #dce775 !important; } .fill-yellow-300 { fill: #fff176 !important; } .fill-amber-300 { fill: #ffd54f !important; } .fill-orange-300 { fill: #ffb74d !important; } .fill-deep-orange-300 { fill: #ff8a65 !important; } .fill-brown-300 { fill: #a1887f !important; } .fill-grey-300 { fill: #e0e0e0 !important; } .fill-blue-grey-300 { fill: #90a4ae !important; } .fill-red-400 { fill: #ef5350 !important; } .fill-pink-400 { fill: #ec407a !important; } .fill-purple-400 { fill: #ab47bc !important; } .fill-deep-purple-400 { fill: #7e57c2 !important; } .fill-indigo-400 { fill: #5c6bc0 !important; } .fill-blue-400 { fill: #42a5f5 !important; } .fill-light-blue-400 { fill: #29b6f6 !important; } .fill-cyan-400 { fill: #26c6da !important; } .fill-teal-400 { fill: #26a69a !important; } .fill-green-400 { fill: #66bb6a !important; } .fill-light-green-400 { fill: #9ccc65 !important; } .fill-lime-400 { fill: #d4e157 !important; } .fill-yellow-400 { fill: #ffee58 !important; } .fill-amber-400 { fill: #ffca28 !important; } .fill-orange-400 { fill: #ffa726 !important; } .fill-deep-orange-400 { fill: #ff7043 !important; } .fill-brown-400 { fill: #8d6e63 !important; } .fill-grey-400 { fill: #bdbdbd !important; } .fill-blue-grey-400 { fill: #78909c !important; } .fill-red-500 { fill: #f44336 !important; } .fill-pink-500 { fill: #e91e63 !important; } .fill-purple-500 { fill: #9c27b0 !important; } .fill-deep-purple-500 { fill: #673ab7 !important; } .fill-indigo-500 { fill: #3f51b5 !important; } .fill-blue-500 { fill: #2196f3 !important; } .fill-light-blue-500 { fill: #03a9f4 !important; } .fill-cyan-500 { fill: #00bcd4 !important; } .fill-teal-500 { fill: #009688 !important; } .fill-green-500 { fill: #4caf50 !important; } .fill-light-green-500 { fill: #8bc34a !important; } .fill-lime-500 { fill: #cddc39 !important; } .fill-yellow-500 { fill: #ffeb3b !important; } .fill-amber-500 { fill: #ffc107 !important; } .fill-orange-500 { fill: #ff9800 !important; } .fill-deep-orange-500 { fill: #ff5722 !important; } .fill-brown-500 { fill: #795548 !important; } .fill-grey-500 { fill: #9e9e9e !important; } .fill-blue-grey-500 { fill: #607d8b !important; } .fill-red-600 { fill: #e53935 !important; } .fill-pink-600 { fill: #d81b60 !important; } .fill-purple-600 { fill: #8e24aa !important; } .fill-deep-purple-600 { fill: #5e35b1 !important; } .fill-indigo-600 { fill: #3949ab !important; } .fill-blue-600 { fill: #1e88e5 !important; } .fill-light-blue-600 { fill: #039be5 !important; } .fill-cyan-600 { fill: #00acc1 !important; } .fill-teal-600 { fill: #00897b !important; } .fill-green-600 { fill: #43a047 !important; } .fill-light-green-600 { fill: #7cb342 !important; } .fill-lime-600 { fill: #c0ca33 !important; } .fill-yellow-600 { fill: #fdd835 !important; } .fill-amber-600 { fill: #ffb300 !important; } .fill-orange-600 { fill: #fb8c00 !important; } .fill-deep-orange-600 { fill: #f4511e !important; } .fill-brown-600 { fill: #6d4c41 !important; } .fill-grey-600 { fill: #757575 !important; } .fill-blue-grey-600 { fill: #546e7a !important; } .fill-red-700 { fill: #d32f2f !important; } .fill-pink-700 { fill: #c2185b !important; } .fill-purple-700 { fill: #7b1fa2 !important; } .fill-deep-purple-700 { fill: #512da8 !important; } .fill-indigo-700 { fill: #303f9f !important; } .fill-blue-700 { fill: #1976d2 !important; } .fill-light-blue-700 { fill: #0288d1 !important; } .fill-cyan-700 { fill: #0097a7 !important; } .fill-teal-700 { fill: #00796b !important; } .fill-green-700 { fill: #388e3c !important; } .fill-light-green-700 { fill: #689f38 !important; } .fill-lime-700 { fill: #afb42b !important; } .fill-yellow-700 { fill: #fbc02d !important; } .fill-amber-700 { fill: #ffa000 !important; } .fill-orange-700 { fill: #f57c00 !important; } .fill-deep-orange-700 { fill: #e64a19 !important; } .fill-brown-700 { fill: #5d4037 !important; } .fill-grey-700 { fill: #616161 !important; } .fill-blue-grey-700 { fill: #455a64 !important; } .fill-red-800 { fill: #c62828 !important; } .fill-pink-800 { fill: #ad1457 !important; } .fill-purple-800 { fill: #6a1b9a !important; } .fill-deep-purple-800 { fill: #4527a0 !important; } .fill-indigo-800 { fill: #283593 !important; } .fill-blue-800 { fill: #1565c0 !important; } .fill-light-blue-800 { fill: #0277bd !important; } .fill-cyan-800 { fill: #00838f !important; } .fill-teal-800 { fill: #00695c !important; } .fill-green-800 { fill: #2e7d32 !important; } .fill-light-green-800 { fill: #558b2f !important; } .fill-lime-800 { fill: #9e9d24 !important; } .fill-yellow-800 { fill: #f9a825 !important; } .fill-amber-800 { fill: #ff8f00 !important; } .fill-orange-800 { fill: #ef6c00 !important; } .fill-deep-orange-800 { fill: #d84315 !important; } .fill-brown-800 { fill: #4e342e !important; } .fill-grey-800 { fill: #424242 !important; } .fill-blue-grey-800 { fill: #37474f !important; } .fill-red-900 { fill: #b71c1c !important; } .fill-pink-900 { fill: #880e4f !important; } .fill-purple-900 { fill: #4a148c !important; } .fill-deep-purple-900 { fill: #311b92 !important; } .fill-indigo-900 { fill: #1a237e !important; } .fill-blue-900 { fill: #0d47a1 !important; } .fill-light-blue-900 { fill: #01579b !important; } .fill-cyan-900 { fill: #006064 !important; } .fill-teal-900 { fill: #004d40 !important; } .fill-green-900 { fill: #1b5e20 !important; } .fill-light-green-900 { fill: #33691e !important; } .fill-lime-900 { fill: #827717 !important; } .fill-yellow-900 { fill: #f57f17 !important; } .fill-amber-900 { fill: #ff6f00 !important; } .fill-orange-900 { fill: #e65100 !important; } .fill-deep-orange-900 { fill: #bf360c !important; } .fill-brown-900 { fill: #3e2723 !important; } .fill-grey-900 { fill: #212121 !important; } .fill-blue-grey-900 { fill: #263238 !important; } .fill-red-A100 { fill: #ff8a80 !important; } .fill-pink-A100 { fill: #ff80ab !important; } .fill-purple-A100 { fill: #ea80fc !important; } .fill-deep-purple-A100 { fill: #b388ff !important; } .fill-indigo-A100 { fill: #8c9eff !important; } .fill-blue-A100 { fill: #82b1ff !important; } .fill-light-blue-A100 { fill: #80d8ff !important; } .fill-cyan-A100 { fill: #84ffff !important; } .fill-teal-A100 { fill: #a7ffeb !important; } .fill-green-A100 { fill: #b9f6ca !important; } .fill-light-green-A100 { fill: #ccff90 !important; } .fill-lime-A100 { fill: #f4ff81 !important; } .fill-yellow-A100 { fill: #ffff8d !important; } .fill-amber-A100 { fill: #ffe57f !important; } .fill-orange-A100 { fill: #ffd180 !important; } .fill-deep-orange-A100 { fill: #ff9e80 !important; } .fill-red-A200 { fill: #ff5252 !important; } .fill-pink-A200 { fill: #ff4081 !important; } .fill-purple-A200 { fill: #e040fb !important; } .fill-deep-purple-A200 { fill: #7c4dff !important; } .fill-indigo-A200 { fill: #536dfe !important; } .fill-blue-A200 { fill: #448aff !important; } .fill-light-blue-A200 { fill: #40c4ff !important; } .fill-cyan-A200 { fill: #18ffff !important; } .fill-teal-A200 { fill: #64ffda !important; } .fill-green-A200 { fill: #69f0ae !important; } .fill-light-green-A200 { fill: #b2ff59 !important; } .fill-lime-A200 { fill: #eeff41 !important; } .fill-yellow-A200 { fill: yellow !important; } .fill-amber-A200 { fill: #ffd740 !important; } .fill-orange-A200 { fill: #ffab40 !important; } .fill-deep-orange-A200 { fill: #ff6e40 !important; } .fill-red-A400 { fill: #ff1744 !important; } .fill-pink-A400 { fill: #f50057 !important; } .fill-purple-A400 { fill: #d500f9 !important; } .fill-deep-purple-A400 { fill: #651fff !important; } .fill-indigo-A400 { fill: #3d5afe !important; } .fill-blue-A400 { fill: #2979ff !important; } .fill-light-blue-A400 { fill: #00b0ff !important; } .fill-cyan-A400 { fill: #00e5ff !important; } .fill-teal-A400 { fill: #1de9b6 !important; } .fill-green-A400 { fill: #00e676 !important; } .fill-light-green-A400 { fill: #76ff03 !important; } .fill-lime-A400 { fill: #c6ff00 !important; } .fill-yellow-A400 { fill: #ffea00 !important; } .fill-amber-A400 { fill: #ffc400 !important; } .fill-orange-A400 { fill: #ff9100 !important; } .fill-deep-orange-A400 { fill: #ff3d00 !important; } .fill-red-A700 { fill: #d50000 !important; } .fill-pink-A700 { fill: #c51162 !important; } .fill-purple-A700 { fill: #aa00ff !important; } .fill-deep-purple-A700 { fill: #6200ea !important; } .fill-indigo-A700 { fill: #304ffe !important; } .fill-blue-A700 { fill: #2962ff !important; } .fill-light-blue-A700 { fill: #0091ea !important; } .fill-cyan-A700 { fill: #00b8d4 !important; } .fill-teal-A700 { fill: #00bfa5 !important; } .fill-green-A700 { fill: #00c853 !important; } .fill-light-green-A700 { fill: #64dd17 !important; } .fill-lime-A700 { fill: #aeea00 !important; } .fill-yellow-A700 { fill: #ffd600 !important; } .fill-amber-A700 { fill: #ffab00 !important; } .fill-orange-A700 { fill: #ff6d00 !important; } .fill-deep-orange-A700 { fill: #dd2c00 !important; } .fill-black { fill: black !important; } .fill-black-1 { fill: black !important; } .fill-black-2 { fill: black !important; } .fill-black-3 { fill: rgba(0, 0, 0, 0.12) !important; } .fill-black-4 { fill: black !important; } .fill-white { fill: rgba(255, 255, 255, 0.7) !important; } .fill-white-1 { fill: rgba(255, 255, 255, 0.3) !important; } .fill-white-2 { fill: rgba(255, 255, 255, 0.3) !important; } .fill-white-3 { fill: rgba(255, 255, 255, 0.12) !important; } .fill-white-4 { fill: white !important; } .tc-dark-red-500 { color: #f44336 !important; } .tc-dark-pink-500 { color: #e91e63 !important; } .tc-dark-purple-500 { color: #9c27b0 !important; } .tc-dark-deep-purple-500 { color: #673ab7 !important; } .tc-dark-indigo-500 { color: #3f51b5 !important; } .tc-dark-blue-500 { color: #2196f3 !important; } .tc-dark-light-blue-500 { color: #03a9f4 !important; } .tc-dark-cyan-500 { color: #00bcd4 !important; } .tc-dark-teal-500 { color: #009688 !important; } .tc-dark-green-500 { color: #4caf50 !important; } .tc-dark-light-green-500 { color: #8bc34a !important; } .tc-dark-lime-500 { color: #cddc39 !important; } .tc-dark-yellow-500 { color: #ffeb3b !important; } .tc-dark-amber-500 { color: #ffc107 !important; } .tc-dark-orange-500 { color: #ff9800 !important; } .tc-dark-deep-orange-500 { color: #ff5722 !important; } .tc-dark-brown-500 { color: #795548 !important; } .tc-dark-grey-500 { color: #9e9e9e !important; } .tc-dark-blue-grey-500 { color: #607d8b !important; } .tc-dark-red-B100 { color: #ff4336 !important; } .tc-dark-pink-B100 { color: #ff216b !important; } .tc-dark-purple-B100 { color: #ec80ff !important; } .tc-dark-deep-purple-B100 { color: #ae80ff !important; } .tc-dark-indigo-B100 { color: #8093ff !important; } .tc-dark-blue-B100 { color: #80c6ff !important; } .tc-dark-light-blue-B100 { color: #80d7ff !important; } .tc-dark-cyan-B100 { color: #00e1ff !important; } .tc-dark-teal-B100 { color: #00ffe5 !important; } .tc-dark-green-B100 { color: #6eff72 !important; } .tc-dark-light-green-B100 { color: #b5ff61 !important; } .tc-dark-lime-B100 { color: #ecff42 !important; } .tc-dark-yellow-B100 { color: #ffeb3b !important; } .tc-dark-amber-B100 { color: #ffc107 !important; } .tc-dark-orange-B100 { color: #ff9800 !important; } .tc-dark-deep-orange-B100 { color: #ff5722 !important; } .tc-dark-brown-B100 { color: #ffb499 !important; } .tc-dark-grey-B100 { color: white !important; } .tc-dark-blue-grey-B100 { color: #b0e5ff !important; } .tc-dark-red-B65 { color: #a62c23 !important; } .tc-dark-pink-B65 { color: #a41a47 !important; } .tc-dark-purple-B65 { color: #9224a6 !important; } .tc-dark-deep-purple-B65 { color: #5e35a6 !important; } .tc-dark-indigo-B65 { color: #3a4aa6 !important; } .tc-dark-blue-B65 { color: #1766a6 !important; } .tc-dark-light-blue-B65 { color: #0272a6 !important; } .tc-dark-cyan-B65 { color: #0092a6 !important; } .tc-dark-teal-B65 { color: #00a695 !important; } .tc-dark-green-B65 { color: #47a64a !important; } .tc-dark-light-green-B65 { color: #76a63f !important; } .tc-dark-lime-B65 { color: #99a62b !important; } .tc-dark-yellow-B65 { color: #a69926 !important; } .tc-dark-amber-B65 { color: #a67e05 !important; } .tc-dark-orange-B65 { color: #a66300 !important; } .tc-dark-deep-orange-B65 { color: #a63716 !important; } .tc-dark-brown-B65 { color: #a67563 !important; } .tc-dark-grey-B65 { color: #a6a6a6 !important; } .tc-dark-blue-grey-B65 { color: #7295a6 !important; } .tc-dark-red-B40 { color: #661b15 !important; } .tc-dark-pink-B40 { color: #660d2b !important; } .tc-dark-purple-B40 { color: #5a1666 !important; } .tc-dark-deep-purple-B40 { color: #3a2166 !important; } .tc-dark-indigo-B40 { color: #242e66 !important; } .tc-dark-blue-B40 { color: #0e3f66 !important; } .tc-dark-light-blue-B40 { color: #014666 !important; } .tc-dark-cyan-B40 { color: #005a66 !important; } .tc-dark-teal-B40 { color: #00665c !important; } .tc-dark-green-B40 { color: #2c662e !important; } .tc-dark-light-green-B40 { color: #486627 !important; } .tc-dark-lime-B40 { color: #5e661b !important; } .tc-dark-yellow-B40 { color: #665e17 !important; } .tc-dark-amber-B40 { color: #664d03 !important; } .tc-dark-orange-B40 { color: #663d00 !important; } .tc-dark-deep-orange-B40 { color: #66220d !important; } .tc-dark-brown-B40 { color: #66483d !important; } .tc-dark-grey-B40 { color: #666666 !important; } .tc-dark-blue-grey-B40 { color: #465b66 !important; } .tc-dark-red-B30 { color: #4d1410 !important; } .tc-dark-pink-B30 { color: #4d0a20 !important; } .tc-dark-purple-B30 { color: #41004d !important; } .tc-dark-deep-purple-B30 { color: #1c004d !important; } .tc-dark-indigo-B30 { color: #000b4d !important; } .tc-dark-blue-B30 { color: #002a4d !important; } .tc-dark-light-blue-B30 { color: #00344d !important; } .tc-dark-cyan-B30 { color: #00444d !important; } .tc-dark-teal-B30 { color: #004d45 !important; } .tc-dark-green-B30 { color: #214d22 !important; } .tc-dark-light-green-B30 { color: #364d1d !important; } .tc-dark-lime-B30 { color: #474d14 !important; } .tc-dark-yellow-B30 { color: #4d4712 !important; } .tc-dark-amber-B30 { color: #4d3a02 !important; } .tc-dark-orange-B30 { color: #4d2e00 !important; } .tc-dark-deep-orange-B30 { color: #4d190a !important; } .tc-dark-brown-B30 { color: #4d362e !important; } .tc-dark-grey-B30 { color: #4d4d4d !important; } .tc-dark-blue-grey-B30 { color: #35454d !important; } .tc-dark-red-B15 { color: #330d0b !important; } .tc-dark-pink-B15 { color: #260510 !important; } .tc-dark-purple-B15 { color: #210026 !important; } .tc-dark-deep-purple-B15 { color: #0e0026 !important; } .tc-dark-indigo-B15 { color: #000626 !important; } .tc-dark-blue-B15 { color: #001526 !important; } .tc-dark-light-blue-B15 { color: #001a26 !important; } .tc-dark-cyan-B15 { color: #002226 !important; } .tc-dark-teal-B15 { color: #002622 !important; } .tc-dark-green-B15 { color: #102611 !important; } .tc-dark-light-green-B15 { color: #1b260f !important; } .tc-dark-lime-B15 { color: #172621 !important; } .tc-dark-yellow-B15 { color: #26160c !important; } .tc-dark-amber-B15 { color: #261c15 !important; } .tc-dark-orange-B15 { color: #261700 !important; } .tc-dark-deep-orange-B15 { color: #260d05 !important; } .tc-dark-brown-B15 { color: #261b17 !important; } .tc-dark-grey-B15 { color: #262626 !important; } .tc-dark-blue-grey-B15 { color: #1a2226 !important; } .bgc-dark-red-500 { background-color: #f44336 !important; } .bgc-dark-pink-500 { background-color: #e91e63 !important; } .bgc-dark-purple-500 { background-color: #9c27b0 !important; } .bgc-dark-deep-purple-500 { background-color: #673ab7 !important; } .bgc-dark-indigo-500 { background-color: #3f51b5 !important; } .bgc-dark-blue-500 { background-color: #2196f3 !important; } .bgc-dark-light-blue-500 { background-color: #03a9f4 !important; } .bgc-dark-cyan-500 { background-color: #00bcd4 !important; } .bgc-dark-teal-500 { background-color: #009688 !important; } .bgc-dark-green-500 { background-color: #4caf50 !important; } .bgc-dark-light-green-500 { background-color: #8bc34a !important; } .bgc-dark-lime-500 { background-color: #cddc39 !important; } .bgc-dark-yellow-500 { background-color: #ffeb3b !important; } .bgc-dark-amber-500 { background-color: #ffc107 !important; } .bgc-dark-orange-500 { background-color: #ff9800 !important; } .bgc-dark-deep-orange-500 { background-color: #ff5722 !important; } .bgc-dark-brown-500 { background-color: #795548 !important; } .bgc-dark-grey-500 { background-color: #9e9e9e !important; } .bgc-dark-blue-grey-500 { background-color: #607d8b !important; } .bgc-dark-red-B100 { background-color: #ff4336 !important; } .bgc-dark-pink-B100 { background-color: #ff216b !important; } .bgc-dark-purple-B100 { background-color: #ec80ff !important; } .bgc-dark-deep-purple-B100 { background-color: #ae80ff !important; } .bgc-dark-indigo-B100 { background-color: #8093ff !important; } .bgc-dark-blue-B100 { background-color: #80c6ff !important; } .bgc-dark-light-blue-B100 { background-color: #80d7ff !important; } .bgc-dark-cyan-B100 { background-color: #00e1ff !important; } .bgc-dark-teal-B100 { background-color: #00ffe5 !important; } .bgc-dark-green-B100 { background-color: #6eff72 !important; } .bgc-dark-light-green-B100 { background-color: #b5ff61 !important; } .bgc-dark-lime-B100 { background-color: #ecff42 !important; } .bgc-dark-yellow-B100 { background-color: #ffeb3b !important; } .bgc-dark-amber-B100 { background-color: #ffc107 !important; } .bgc-dark-orange-B100 { background-color: #ff9800 !important; } .bgc-dark-deep-orange-B100 { background-color: #ff5722 !important; } .bgc-dark-brown-B100 { background-color: #ffb499 !important; } .bgc-dark-grey-B100 { background-color: white !important; } .bgc-dark-blue-grey-B100 { background-color: #b0e5ff !important; } .bgc-dark-red-B65 { background-color: #a62c23 !important; } .bgc-dark-pink-B65 { background-color: #a41a47 !important; } .bgc-dark-purple-B65 { background-color: #9224a6 !important; } .bgc-dark-deep-purple-B65 { background-color: #5e35a6 !important; } .bgc-dark-indigo-B65 { background-color: #3a4aa6 !important; } .bgc-dark-blue-B65 { background-color: #1766a6 !important; } .bgc-dark-light-blue-B65 { background-color: #0272a6 !important; } .bgc-dark-cyan-B65 { background-color: #0092a6 !important; } .bgc-dark-teal-B65 { background-color: #00a695 !important; } .bgc-dark-green-B65 { background-color: #47a64a !important; } .bgc-dark-light-green-B65 { background-color: #76a63f !important; } .bgc-dark-lime-B65 { background-color: #99a62b !important; } .bgc-dark-yellow-B65 { background-color: #a69926 !important; } .bgc-dark-amber-B65 { background-color: #a67e05 !important; } .bgc-dark-orange-B65 { background-color: #a66300 !important; } .bgc-dark-deep-orange-B65 { background-color: #a63716 !important; } .bgc-dark-brown-B65 { background-color: #a67563 !important; } .bgc-dark-grey-B65 { background-color: #a6a6a6 !important; } .bgc-dark-blue-grey-B65 { background-color: #7295a6 !important; } .bgc-dark-red-B40 { background-color: #661b15 !important; } .bgc-dark-pink-B40 { background-color: #660d2b !important; } .bgc-dark-purple-B40 { background-color: #5a1666 !important; } .bgc-dark-deep-purple-B40 { background-color: #3a2166 !important; } .bgc-dark-indigo-B40 { background-color: #242e66 !important; } .bgc-dark-blue-B40 { background-color: #0e3f66 !important; } .bgc-dark-light-blue-B40 { background-color: #014666 !important; } .bgc-dark-cyan-B40 { background-color: #005a66 !important; } .bgc-dark-teal-B40 { background-color: #00665c !important; } .bgc-dark-green-B40 { background-color: #2c662e !important; } .bgc-dark-light-green-B40 { background-color: #486627 !important; } .bgc-dark-lime-B40 { background-color: #5e661b !important; } .bgc-dark-yellow-B40 { background-color: #665e17 !important; } .bgc-dark-amber-B40 { background-color: #664d03 !important; } .bgc-dark-orange-B40 { background-color: #663d00 !important; } .bgc-dark-deep-orange-B40 { background-color: #66220d !important; } .bgc-dark-brown-B40 { background-color: #66483d !important; } .bgc-dark-grey-B40 { background-color: #666666 !important; } .bgc-dark-blue-grey-B40 { background-color: #465b66 !important; } .bgc-dark-red-B30 { background-color: #4d1410 !important; } .bgc-dark-pink-B30 { background-color: #4d0a20 !important; } .bgc-dark-purple-B30 { background-color: #41004d !important; } .bgc-dark-deep-purple-B30 { background-color: #1c004d !important; } .bgc-dark-indigo-B30 { background-color: #000b4d !important; } .bgc-dark-blue-B30 { background-color: #002a4d !important; } .bgc-dark-light-blue-B30 { background-color: #00344d !important; } .bgc-dark-cyan-B30 { background-color: #00444d !important; } .bgc-dark-teal-B30 { background-color: #004d45 !important; } .bgc-dark-green-B30 { background-color: #214d22 !important; } .bgc-dark-light-green-B30 { background-color: #364d1d !important; } .bgc-dark-lime-B30 { background-color: #474d14 !important; } .bgc-dark-yellow-B30 { background-color: #4d4712 !important; } .bgc-dark-amber-B30 { background-color: #4d3a02 !important; } .bgc-dark-orange-B30 { background-color: #4d2e00 !important; } .bgc-dark-deep-orange-B30 { background-color: #4d190a !important; } .bgc-dark-brown-B30 { background-color: #4d362e !important; } .bgc-dark-grey-B30 { background-color: #4d4d4d !important; } .bgc-dark-blue-grey-B30 { background-color: #35454d !important; } .bgc-dark-red-B15 { background-color: #330d0b !important; } .bgc-dark-pink-B15 { background-color: #260510 !important; } .bgc-dark-purple-B15 { background-color: #210026 !important; } .bgc-dark-deep-purple-B15 { background-color: #0e0026 !important; } .bgc-dark-indigo-B15 { background-color: #000626 !important; } .bgc-dark-blue-B15 { background-color: #001526 !important; } .bgc-dark-light-blue-B15 { background-color: #001a26 !important; } .bgc-dark-cyan-B15 { background-color: #002226 !important; } .bgc-dark-teal-B15 { background-color: #002622 !important; } .bgc-dark-green-B15 { background-color: #102611 !important; } .bgc-dark-light-green-B15 { background-color: #1b260f !important; } .bgc-dark-lime-B15 { background-color: #172621 !important; } .bgc-dark-yellow-B15 { background-color: #26160c !important; } .bgc-dark-amber-B15 { background-color: #261c15 !important; } .bgc-dark-orange-B15 { background-color: #261700 !important; } .bgc-dark-deep-orange-B15 { background-color: #260d05 !important; } .bgc-dark-brown-B15 { background-color: #261b17 !important; } .bgc-dark-grey-B15 { background-color: #262626 !important; } .bgc-dark-blue-grey-B15 { background-color: #1a2226 !important; } .fill-red-500 { fill: #f44336 !important; } .fill-pink-500 { fill: #e91e63 !important; } .fill-purple-500 { fill: #9c27b0 !important; } .fill-deep-purple-500 { fill: #673ab7 !important; } .fill-indigo-500 { fill: #3f51b5 !important; } .fill-blue-500 { fill: #2196f3 !important; } .fill-light-blue-500 { fill: #03a9f4 !important; } .fill-cyan-500 { fill: #00bcd4 !important; } .fill-teal-500 { fill: #009688 !important; } .fill-green-500 { fill: #4caf50 !important; } .fill-light-green-500 { fill: #8bc34a !important; } .fill-lime-500 { fill: #cddc39 !important; } .fill-yellow-500 { fill: #ffeb3b !important; } .fill-amber-500 { fill: #ffc107 !important; } .fill-orange-500 { fill: #ff9800 !important; } .fill-deep-orange-500 { fill: #ff5722 !important; } .fill-brown-500 { fill: #795548 !important; } .fill-grey-500 { fill: #9e9e9e !important; } .fill-blue-grey-500 { fill: #607d8b !important; } .fill-red-B100 { fill: #ff4336 !important; } .fill-pink-B100 { fill: #ff216b !important; } .fill-purple-B100 { fill: #ec80ff !important; } .fill-deep-purple-B100 { fill: #ae80ff !important; } .fill-indigo-B100 { fill: #8093ff !important; } .fill-blue-B100 { fill: #80c6ff !important; } .fill-light-blue-B100 { fill: #80d7ff !important; } .fill-cyan-B100 { fill: #00e1ff !important; } .fill-teal-B100 { fill: #00ffe5 !important; } .fill-green-B100 { fill: #6eff72 !important; } .fill-light-green-B100 { fill: #b5ff61 !important; } .fill-lime-B100 { fill: #ecff42 !important; } .fill-yellow-B100 { fill: #ffeb3b !important; } .fill-amber-B100 { fill: #ffc107 !important; } .fill-orange-B100 { fill: #ff9800 !important; } .fill-deep-orange-B100 { fill: #ff5722 !important; } .fill-brown-B100 { fill: #ffb499 !important; } .fill-grey-B100 { fill: white !important; } .fill-blue-grey-B100 { fill: #b0e5ff !important; } .fill-red-B65 { fill: #a62c23 !important; } .fill-pink-B65 { fill: #a41a47 !important; } .fill-purple-B65 { fill: #9224a6 !important; } .fill-deep-purple-B65 { fill: #5e35a6 !important; } .fill-indigo-B65 { fill: #3a4aa6 !important; } .fill-blue-B65 { fill: #1766a6 !important; } .fill-light-blue-B65 { fill: #0272a6 !important; } .fill-cyan-B65 { fill: #0092a6 !important; } .fill-teal-B65 { fill: #00a695 !important; } .fill-green-B65 { fill: #47a64a !important; } .fill-light-green-B65 { fill: #76a63f !important; } .fill-lime-B65 { fill: #99a62b !important; } .fill-yellow-B65 { fill: #a69926 !important; } .fill-amber-B65 { fill: #a67e05 !important; } .fill-orange-B65 { fill: #a66300 !important; } .fill-deep-orange-B65 { fill: #a63716 !important; } .fill-brown-B65 { fill: #a67563 !important; } .fill-grey-B65 { fill: #a6a6a6 !important; } .fill-blue-grey-B65 { fill: #7295a6 !important; } .fill-red-B40 { fill: #661b15 !important; } .fill-pink-B40 { fill: #660d2b !important; } .fill-purple-B40 { fill: #5a1666 !important; } .fill-deep-purple-B40 { fill: #3a2166 !important; } .fill-indigo-B40 { fill: #242e66 !important; } .fill-blue-B40 { fill: #0e3f66 !important; } .fill-light-blue-B40 { fill: #014666 !important; } .fill-cyan-B40 { fill: #005a66 !important; } .fill-teal-B40 { fill: #00665c !important; } .fill-green-B40 { fill: #2c662e !important; } .fill-light-green-B40 { fill: #486627 !important; } .fill-lime-B40 { fill: #5e661b !important; } .fill-yellow-B40 { fill: #665e17 !important; } .fill-amber-B40 { fill: #664d03 !important; } .fill-orange-B40 { fill: #663d00 !important; } .fill-deep-orange-B40 { fill: #66220d !important; } .fill-brown-B40 { fill: #66483d !important; } .fill-grey-B40 { fill: #666666 !important; } .fill-blue-grey-B40 { fill: #465b66 !important; } .fill-red-B30 { fill: #4d1410 !important; } .fill-pink-B30 { fill: #4d0a20 !important; } .fill-purple-B30 { fill: #41004d !important; } .fill-deep-purple-B30 { fill: #1c004d !important; } .fill-indigo-B30 { fill: #000b4d !important; } .fill-blue-B30 { fill: #002a4d !important; } .fill-light-blue-B30 { fill: #00344d !important; } .fill-cyan-B30 { fill: #00444d !important; } .fill-teal-B30 { fill: #004d45 !important; } .fill-green-B30 { fill: #214d22 !important; } .fill-light-green-B30 { fill: #364d1d !important; } .fill-lime-B30 { fill: #474d14 !important; } .fill-yellow-B30 { fill: #4d4712 !important; } .fill-amber-B30 { fill: #4d3a02 !important; } .fill-orange-B30 { fill: #4d2e00 !important; } .fill-deep-orange-B30 { fill: #4d190a !important; } .fill-brown-B30 { fill: #4d362e !important; } .fill-grey-B30 { fill: #4d4d4d !important; } .fill-blue-grey-B30 { fill: #35454d !important; } .fill-red-B15 { fill: #330d0b !important; } .fill-pink-B15 { fill: #260510 !important; } .fill-purple-B15 { fill: #210026 !important; } .fill-deep-purple-B15 { fill: #0e0026 !important; } .fill-indigo-B15 { fill: #000626 !important; } .fill-blue-B15 { fill: #001526 !important; } .fill-light-blue-B15 { fill: #001a26 !important; } .fill-cyan-B15 { fill: #002226 !important; } .fill-teal-B15 { fill: #002622 !important; } .fill-green-B15 { fill: #102611 !important; } .fill-light-green-B15 { fill: #1b260f !important; } .fill-lime-B15 { fill: #172621 !important; } .fill-yellow-B15 { fill: #26160c !important; } .fill-amber-B15 { fill: #261c15 !important; } .fill-orange-B15 { fill: #261700 !important; } .fill-deep-orange-B15 { fill: #260d05 !important; } .fill-brown-B15 { fill: #261b17 !important; } .fill-grey-B15 { fill: #262626 !important; } .fill-blue-grey-B15 { fill: #1a2226 !important; } /* * * Responsive attributes * * References: * 1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex * 2) https://css-tricks.com/almanac/properties/f/flex/ * 3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/ * 4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items * 5) http://godban.com.ua/projects/flexgrid * */ @-moz-document url-prefix() { [layout-fill] { margin: 0; width: 100%; min-height: 100%; height: 100%; } } /* * Apply Mixins to create Layout/Flexbox styles * */ [flex-order] { order: 0; } [flex-order="-20"] { order: -20; } [flex-order="-19"] { order: -19; } [flex-order="-18"] { order: -18; } [flex-order="-17"] { order: -17; } [flex-order="-16"] { order: -16; } [flex-order="-15"] { order: -15; } [flex-order="-14"] { order: -14; } [flex-order="-13"] { order: -13; } [flex-order="-12"] { order: -12; } [flex-order="-11"] { order: -11; } [flex-order="-10"] { order: -10; } [flex-order="-9"] { order: -9; } [flex-order="-8"] { order: -8; } [flex-order="-7"] { order: -7; } [flex-order="-6"] { order: -6; } [flex-order="-5"] { order: -5; } [flex-order="-4"] { order: -4; } [flex-order="-3"] { order: -3; } [flex-order="-2"] { order: -2; } [flex-order="-1"] { order: -1; } [flex-order="0"] { order: 0; } [flex-order="1"] { order: 1; } [flex-order="2"] { order: 2; } [flex-order="3"] { order: 3; } [flex-order="4"] { order: 4; } [flex-order="5"] { order: 5; } [flex-order="6"] { order: 6; } [flex-order="7"] { order: 7; } [flex-order="8"] { order: 8; } [flex-order="9"] { order: 9; } [flex-order="10"] { order: 10; } [flex-order="11"] { order: 11; } [flex-order="12"] { order: 12; } [flex-order="13"] { order: 13; } [flex-order="14"] { order: 14; } [flex-order="15"] { order: 15; } [flex-order="16"] { order: 16; } [flex-order="17"] { order: 17; } [flex-order="18"] { order: 18; } [flex-order="19"] { order: 19; } [flex-order="20"] { order: 20; } [flex-offset="0"] { margin-left: 0%; } [flex-offset="5"] { margin-left: 5%; } [flex-offset="10"] { margin-left: 10%; } [flex-offset="15"] { margin-left: 15%; } [flex-offset="20"] { margin-left: 20%; } [flex-offset="25"] { margin-left: 25%; } [flex-offset="30"] { margin-left: 30%; } [flex-offset="35"] { margin-left: 35%; } [flex-offset="40"] { margin-left: 40%; } [flex-offset="45"] { margin-left: 45%; } [flex-offset="50"] { margin-left: 50%; } [flex-offset="55"] { margin-left: 55%; } [flex-offset="60"] { margin-left: 60%; } [flex-offset="65"] { margin-left: 65%; } [flex-offset="70"] { margin-left: 70%; } [flex-offset="75"] { margin-left: 75%; } [flex-offset="80"] { margin-left: 80%; } [flex-offset="85"] { margin-left: 85%; } [flex-offset="90"] { margin-left: 90%; } [flex-offset="95"] { margin-left: 95%; } [flex-offset="33"] { margin-left: calc(100% / 3); } [flex-offset="66"] { margin-left: calc(200% / 3); } [layout-align], [layout-align="start stretch"] { justify-content: flex-start; align-content: stretch; align-items: stretch; } [layout-align="start"], [layout-align="start start"], [layout-align="start center"], [layout-align="start end"], [layout-align="start stretch"] { justify-content: start; } [layout-align="center"], [layout-align="center start"], [layout-align="center center"], [layout-align="center end"], [layout-align="center stretch"] { justify-content: center; } [layout-align="end"], [layout-align="end center"], [layout-align="end start"], [layout-align="end end"], [layout-align="end stretch"] { justify-content: flex-end; } [layout-align="space-around"], [layout-align="space-around center"], [layout-align="space-around start"], [layout-align="space-around end"], [layout-align="space-around stretch"] { justify-content: space-around; } [layout-align="space-between"], [layout-align="space-between center"], [layout-align="space-between start"], [layout-align="space-between end"], [layout-align="space-between stretch"] { justify-content: space-between; } [layout-align="start start"], [layout-align="center start"], [layout-align="end start"], [layout-align="space-between start"], [layout-align="space-around start"] { align-items: flex-start; align-content: flex-start; } [layout-align="start center"], [layout-align="center center"], [layout-align="end center"], [layout-align="space-between center"], [layout-align="space-around center"] { align-items: center; align-content: center; max-width: 100%; } [layout-align="start center"] > *, [layout-align="center center"] > *, [layout-align="end center"] > *, [layout-align="space-between center"] > *, [layout-align="space-around center"] > * { max-width: 100%; box-sizing: border-box; } [layout-align="start end"], [layout-align="center end"], [layout-align="end end"], [layout-align="space-between end"], [layout-align="space-around end"] { align-items: flex-end; align-content: flex-end; } [layout-align="start stretch"], [layout-align="center stretch"], [layout-align="end stretch"], [layout-align="space-between stretch"], [layout-align="space-around stretch"] { align-items: stretch; align-content: stretch; } [flex] { flex: 1; box-sizing: border-box; } @media screen\0 { [flex] { flex: 1 1 0%; } } [flex="grow"], [flex-grow] { flex: 1 1 100%; box-sizing: border-box; } [flex="initial"], [flex-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex="auto"], [flex-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex="none"], [flex-none] { flex: 0 0 auto; box-sizing: border-box; } [flex="noshrink"], [flex-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [flex="nogrow"], [flex-nogrow] { flex: 0 1 auto; box-sizing: border-box; } [flex="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="0"], [layout="row"] > [flex="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="0"], [layout="column"] > [flex="0"] { flex: 1 1 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } [flex="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="5"], [layout="row"] > [flex="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="5"], [layout="column"] > [flex="5"] { flex: 1 1 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } [flex="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="10"], [layout="row"] > [flex="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="10"], [layout="column"] > [flex="10"] { flex: 1 1 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } [flex="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="15"], [layout="row"] > [flex="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="15"], [layout="column"] > [flex="15"] { flex: 1 1 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } [flex="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="20"], [layout="row"] > [flex="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="20"], [layout="column"] > [flex="20"] { flex: 1 1 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } [flex="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="25"], [layout="row"] > [flex="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="25"], [layout="column"] > [flex="25"] { flex: 1 1 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } [flex="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="30"], [layout="row"] > [flex="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="30"], [layout="column"] > [flex="30"] { flex: 1 1 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } [flex="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="35"], [layout="row"] > [flex="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="35"], [layout="column"] > [flex="35"] { flex: 1 1 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } [flex="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="40"], [layout="row"] > [flex="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="40"], [layout="column"] > [flex="40"] { flex: 1 1 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } [flex="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="45"], [layout="row"] > [flex="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="45"], [layout="column"] > [flex="45"] { flex: 1 1 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } [flex="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="50"], [layout="row"] > [flex="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="50"], [layout="column"] > [flex="50"] { flex: 1 1 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } [flex="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="55"], [layout="row"] > [flex="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="55"], [layout="column"] > [flex="55"] { flex: 1 1 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } [flex="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="60"], [layout="row"] > [flex="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="60"], [layout="column"] > [flex="60"] { flex: 1 1 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } [flex="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="65"], [layout="row"] > [flex="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="65"], [layout="column"] > [flex="65"] { flex: 1 1 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } [flex="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="70"], [layout="row"] > [flex="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="70"], [layout="column"] > [flex="70"] { flex: 1 1 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } [flex="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="75"], [layout="row"] > [flex="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="75"], [layout="column"] > [flex="75"] { flex: 1 1 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } [flex="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="80"], [layout="row"] > [flex="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="80"], [layout="column"] > [flex="80"] { flex: 1 1 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } [flex="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="85"], [layout="row"] > [flex="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="85"], [layout="column"] > [flex="85"] { flex: 1 1 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } [flex="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="90"], [layout="row"] > [flex="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="90"], [layout="column"] > [flex="90"] { flex: 1 1 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } [flex="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="95"], [layout="row"] > [flex="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="95"], [layout="column"] > [flex="95"] { flex: 1 1 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } [flex="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="100"], [layout="row"] > [flex="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="100"], [layout="column"] > [flex="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="33"], [layout="row"] > [flex="33"], [layout="row"] > [flex="33"], [layout="row"] > [flex="33"] { flex: 1 1 33%; max-width: calc(100% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="34"], [layout="row"] > [flex="34"], [layout="row"] > [flex="34"], [layout="row"] > [flex="34"] { flex: 1 1 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="66"], [layout="row"] > [flex="66"], [layout="row"] > [flex="66"], [layout="row"] > [flex="66"] { flex: 1 1 66%; max-width: calc(200% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex="67"], [layout="row"] > [flex="67"], [layout="row"] > [flex="67"], [layout="row"] > [flex="67"] { flex: 1 1 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex="33"], [layout="column"] > [flex="33"], [layout="column"] > [flex="33"], [layout="column"] > [flex="33"] { flex: 1 1 33%; max-width: 100%; max-height: calc(100% / 3); box-sizing: border-box; } [layout="column"] > [flex="34"], [layout="column"] > [flex="34"], [layout="column"] > [flex="34"], [layout="column"] > [flex="34"] { flex: 1 1 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } [layout="column"] > [flex="66"], [layout="column"] > [flex="66"], [layout="column"] > [flex="66"], [layout="column"] > [flex="66"] { flex: 1 1 66%; max-width: 100%; max-height: calc(200% / 3); box-sizing: border-box; } [layout="column"] > [flex="67"], [layout="column"] > [flex="67"], [layout="column"] > [flex="67"], [layout="column"] > [flex="67"] { flex: 1 1 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } [layout], [layout="column"], [layout="row"] { box-sizing: border-box; display: flex; } [layout="column"] { flex-direction: column; } [layout="row"] { flex-direction: row; } [layout-padding] > [flex-sm], [layout-padding] > [flex-lt-md] { padding: 4px; } [layout-padding], [layout-padding] > [flex], [layout-padding] > [flex-gt-sm], [layout-padding] > [flex-md], [layout-padding] > [flex-lt-lg] { padding: 8px; } [layout-padding] > [flex-gt-md], [layout-padding] > [flex-lg] { padding: 16px; } [layout-margin] > [flex-sm], [layout-margin] > [flex-lt-md] { margin: 4px; } [layout-margin], [layout-margin] > [flex], [layout-margin] > [flex-gt-sm], [layout-margin] > [flex-md], [layout-margin] > [flex-lt-lg] { margin: 8px; } [layout-margin] > [flex-gt-md], [layout-margin] > [flex-lg] { margin: 16px; } [layout-wrap] { flex-wrap: wrap; } [layout-nowrap] { flex-wrap: nowrap; } [layout-fill] { margin: 0; width: 100%; min-height: 100%; height: 100%; } /** * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)` * * hide means hide everywhere * Sizes: * $layout-breakpoint-xs: 600px !default; * $layout-breakpoint-sm: 960px !default; * $layout-breakpoint-md: 1280px !default; * $layout-breakpoint-lg: 1920px !default; */ @media (max-width: 599px) { [hide-xs]:not([show-xs]):not([show]), [hide]:not([show-xs]):not([show]) { display: none; } [flex-order-xs="-20"] { order: -20; } [flex-order-xs="-19"] { order: -19; } [flex-order-xs="-18"] { order: -18; } [flex-order-xs="-17"] { order: -17; } [flex-order-xs="-16"] { order: -16; } [flex-order-xs="-15"] { order: -15; } [flex-order-xs="-14"] { order: -14; } [flex-order-xs="-13"] { order: -13; } [flex-order-xs="-12"] { order: -12; } [flex-order-xs="-11"] { order: -11; } [flex-order-xs="-10"] { order: -10; } [flex-order-xs="-9"] { order: -9; } [flex-order-xs="-8"] { order: -8; } [flex-order-xs="-7"] { order: -7; } [flex-order-xs="-6"] { order: -6; } [flex-order-xs="-5"] { order: -5; } [flex-order-xs="-4"] { order: -4; } [flex-order-xs="-3"] { order: -3; } [flex-order-xs="-2"] { order: -2; } [flex-order-xs="-1"] { order: -1; } [flex-order-xs="0"] { order: 0; } [flex-order-xs="1"] { order: 1; } [flex-order-xs="2"] { order: 2; } [flex-order-xs="3"] { order: 3; } [flex-order-xs="4"] { order: 4; } [flex-order-xs="5"] { order: 5; } [flex-order-xs="6"] { order: 6; } [flex-order-xs="7"] { order: 7; } [flex-order-xs="8"] { order: 8; } [flex-order-xs="9"] { order: 9; } [flex-order-xs="10"] { order: 10; } [flex-order-xs="11"] { order: 11; } [flex-order-xs="12"] { order: 12; } [flex-order-xs="13"] { order: 13; } [flex-order-xs="14"] { order: 14; } [flex-order-xs="15"] { order: 15; } [flex-order-xs="16"] { order: 16; } [flex-order-xs="17"] { order: 17; } [flex-order-xs="18"] { order: 18; } [flex-order-xs="19"] { order: 19; } [flex-order-xs="20"] { order: 20; } [flex-offset-xs="0"] { margin-left: 0%; } [flex-offset-xs="5"] { margin-left: 5%; } [flex-offset-xs="10"] { margin-left: 10%; } [flex-offset-xs="15"] { margin-left: 15%; } [flex-offset-xs="20"] { margin-left: 20%; } [flex-offset-xs="25"] { margin-left: 25%; } [flex-offset-xs="30"] { margin-left: 30%; } [flex-offset-xs="35"] { margin-left: 35%; } [flex-offset-xs="40"] { margin-left: 40%; } [flex-offset-xs="45"] { margin-left: 45%; } [flex-offset-xs="50"] { margin-left: 50%; } [flex-offset-xs="55"] { margin-left: 55%; } [flex-offset-xs="60"] { margin-left: 60%; } [flex-offset-xs="65"] { margin-left: 65%; } [flex-offset-xs="70"] { margin-left: 70%; } [flex-offset-xs="75"] { margin-left: 75%; } [flex-offset-xs="80"] { margin-left: 80%; } [flex-offset-xs="85"] { margin-left: 85%; } [flex-offset-xs="90"] { margin-left: 90%; } [flex-offset-xs="95"] { margin-left: 95%; } [flex-offset-xs="33"] { margin-left: calc(100% / 3); } [flex-offset-xs="66"] { margin-left: calc(200% / 3); } [layout-align-xs], [layout-align-xs="start stretch"] { justify-content: flex-start; align-content: stretch; align-items: stretch; } [layout-align-xs="start"], [layout-align-xs="start start"], [layout-align-xs="start center"], [layout-align-xs="start end"], [layout-align-xs="start stretch"] { justify-content: start; } [layout-align-xs="center"], [layout-align-xs="center start"], [layout-align-xs="center center"], [layout-align-xs="center end"], [layout-align-xs="center stretch"] { justify-content: center; } [layout-align-xs="end"], [layout-align-xs="end center"], [layout-align-xs="end start"], [layout-align-xs="end end"], [layout-align-xs="end stretch"] { justify-content: flex-end; } [layout-align-xs="space-around"], [layout-align-xs="space-around center"], [layout-align-xs="space-around start"], [layout-align-xs="space-around end"], [layout-align-xs="space-around stretch"] { justify-content: space-around; } [layout-align-xs="space-between"], [layout-align-xs="space-between center"], [layout-align-xs="space-between start"], [layout-align-xs="space-between end"], [layout-align-xs="space-between stretch"] { justify-content: space-between; } [layout-align-xs="start start"], [layout-align-xs="center start"], [layout-align-xs="end start"], [layout-align-xs="space-between start"], [layout-align-xs="space-around start"] { align-items: flex-start; align-content: flex-start; } [layout-align-xs="start center"], [layout-align-xs="center center"], [layout-align-xs="end center"], [layout-align-xs="space-between center"], [layout-align-xs="space-around center"] { align-items: center; align-content: center; max-width: 100%; } [layout-align-xs="start center"] > *, [layout-align-xs="center center"] > *, [layout-align-xs="end center"] > *, [layout-align-xs="space-between center"] > *, [layout-align-xs="space-around center"] > * { max-width: 100%; box-sizing: border-box; } [layout-align-xs="start end"], [layout-align-xs="center end"], [layout-align-xs="end end"], [layout-align-xs="space-between end"], [layout-align-xs="space-around end"] { align-items: flex-end; align-content: flex-end; } [layout-align-xs="start stretch"], [layout-align-xs="center stretch"], [layout-align-xs="end stretch"], [layout-align-xs="space-between stretch"], [layout-align-xs="space-around stretch"] { align-items: stretch; align-content: stretch; } [flex-xs] { flex: 1; box-sizing: border-box; } } @media screen\0 and (max-width: 599px) { [flex-xs] { flex: 1 1 0%; } } @media (max-width: 599px) { [flex-xs="grow"], [flex-xs-grow] { flex: 1 1 100%; box-sizing: border-box; } [flex-xs="initial"], [flex-xs-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-xs="auto"], [flex-xs-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-xs="none"], [flex-xs-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-xs="noshrink"], [flex-xs-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [flex-xs="nogrow"], [flex-xs-nogrow] { flex: 0 1 auto; box-sizing: border-box; } [flex-xs="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="0"], [layout-xs="row"] > [flex-xs="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="0"], [layout-xs="column"] > [flex-xs="0"] { flex: 1 1 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } [flex-xs="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="5"], [layout-xs="row"] > [flex-xs="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="5"], [layout-xs="column"] > [flex-xs="5"] { flex: 1 1 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } [flex-xs="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="10"], [layout-xs="row"] > [flex-xs="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="10"], [layout-xs="column"] > [flex-xs="10"] { flex: 1 1 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } [flex-xs="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="15"], [layout-xs="row"] > [flex-xs="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="15"], [layout-xs="column"] > [flex-xs="15"] { flex: 1 1 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } [flex-xs="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="20"], [layout-xs="row"] > [flex-xs="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="20"], [layout-xs="column"] > [flex-xs="20"] { flex: 1 1 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } [flex-xs="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="25"], [layout-xs="row"] > [flex-xs="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="25"], [layout-xs="column"] > [flex-xs="25"] { flex: 1 1 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } [flex-xs="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="30"], [layout-xs="row"] > [flex-xs="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="30"], [layout-xs="column"] > [flex-xs="30"] { flex: 1 1 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } [flex-xs="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="35"], [layout-xs="row"] > [flex-xs="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="35"], [layout-xs="column"] > [flex-xs="35"] { flex: 1 1 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } [flex-xs="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="40"], [layout-xs="row"] > [flex-xs="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="40"], [layout-xs="column"] > [flex-xs="40"] { flex: 1 1 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } [flex-xs="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="45"], [layout-xs="row"] > [flex-xs="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="45"], [layout-xs="column"] > [flex-xs="45"] { flex: 1 1 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } [flex-xs="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="50"], [layout-xs="row"] > [flex-xs="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="50"], [layout-xs="column"] > [flex-xs="50"] { flex: 1 1 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } [flex-xs="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="55"], [layout-xs="row"] > [flex-xs="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="55"], [layout-xs="column"] > [flex-xs="55"] { flex: 1 1 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } [flex-xs="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="60"], [layout-xs="row"] > [flex-xs="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="60"], [layout-xs="column"] > [flex-xs="60"] { flex: 1 1 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } [flex-xs="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="65"], [layout-xs="row"] > [flex-xs="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="65"], [layout-xs="column"] > [flex-xs="65"] { flex: 1 1 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } [flex-xs="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="70"], [layout-xs="row"] > [flex-xs="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="70"], [layout-xs="column"] > [flex-xs="70"] { flex: 1 1 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } [flex-xs="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="75"], [layout-xs="row"] > [flex-xs="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="75"], [layout-xs="column"] > [flex-xs="75"] { flex: 1 1 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } [flex-xs="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="80"], [layout-xs="row"] > [flex-xs="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="80"], [layout-xs="column"] > [flex-xs="80"] { flex: 1 1 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } [flex-xs="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="85"], [layout-xs="row"] > [flex-xs="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="85"], [layout-xs="column"] > [flex-xs="85"] { flex: 1 1 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } [flex-xs="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="90"], [layout-xs="row"] > [flex-xs="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="90"], [layout-xs="column"] > [flex-xs="90"] { flex: 1 1 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } [flex-xs="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="95"], [layout-xs="row"] > [flex-xs="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="95"], [layout-xs="column"] > [flex-xs="95"] { flex: 1 1 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } [flex-xs="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="100"], [layout-xs="row"] > [flex-xs="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="100"], [layout-xs="column"] > [flex-xs="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="33"], [layout="row"] > [flex-xs="33"], [layout-xs="row"] > [flex-xs="33"], [layout-xs="row"] > [flex-xs="33"] { flex: 1 1 33%; max-width: calc(100% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="34"], [layout="row"] > [flex-xs="34"], [layout-xs="row"] > [flex-xs="34"], [layout-xs="row"] > [flex-xs="34"] { flex: 1 1 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="66"], [layout="row"] > [flex-xs="66"], [layout-xs="row"] > [flex-xs="66"], [layout-xs="row"] > [flex-xs="66"] { flex: 1 1 66%; max-width: calc(200% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xs="67"], [layout="row"] > [flex-xs="67"], [layout-xs="row"] > [flex-xs="67"], [layout-xs="row"] > [flex-xs="67"] { flex: 1 1 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xs="33"], [layout="column"] > [flex-xs="33"], [layout-xs="column"] > [flex-xs="33"], [layout-xs="column"] > [flex-xs="33"] { flex: 1 1 33%; max-width: 100%; max-height: calc(100% / 3); box-sizing: border-box; } [layout="column"] > [flex-xs="34"], [layout="column"] > [flex-xs="34"], [layout-xs="column"] > [flex-xs="34"], [layout-xs="column"] > [flex-xs="34"] { flex: 1 1 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } [layout="column"] > [flex-xs="66"], [layout="column"] > [flex-xs="66"], [layout-xs="column"] > [flex-xs="66"], [layout-xs="column"] > [flex-xs="66"] { flex: 1 1 66%; max-width: 100%; max-height: calc(200% / 3); box-sizing: border-box; } [layout="column"] > [flex-xs="67"], [layout="column"] > [flex-xs="67"], [layout-xs="column"] > [flex-xs="67"], [layout-xs="column"] > [flex-xs="67"] { flex: 1 1 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } [layout-xs], [layout-xs="column"], [layout-xs="row"] { box-sizing: border-box; display: flex; } [layout-xs="column"] { flex-direction: column; } [layout-xs="row"] { flex-direction: row; } } @media (min-width: 600px) { [flex-order-gt-xs="-20"] { order: -20; } [flex-order-gt-xs="-19"] { order: -19; } [flex-order-gt-xs="-18"] { order: -18; } [flex-order-gt-xs="-17"] { order: -17; } [flex-order-gt-xs="-16"] { order: -16; } [flex-order-gt-xs="-15"] { order: -15; } [flex-order-gt-xs="-14"] { order: -14; } [flex-order-gt-xs="-13"] { order: -13; } [flex-order-gt-xs="-12"] { order: -12; } [flex-order-gt-xs="-11"] { order: -11; } [flex-order-gt-xs="-10"] { order: -10; } [flex-order-gt-xs="-9"] { order: -9; } [flex-order-gt-xs="-8"] { order: -8; } [flex-order-gt-xs="-7"] { order: -7; } [flex-order-gt-xs="-6"] { order: -6; } [flex-order-gt-xs="-5"] { order: -5; } [flex-order-gt-xs="-4"] { order: -4; } [flex-order-gt-xs="-3"] { order: -3; } [flex-order-gt-xs="-2"] { order: -2; } [flex-order-gt-xs="-1"] { order: -1; } [flex-order-gt-xs="0"] { order: 0; } [flex-order-gt-xs="1"] { order: 1; } [flex-order-gt-xs="2"] { order: 2; } [flex-order-gt-xs="3"] { order: 3; } [flex-order-gt-xs="4"] { order: 4; } [flex-order-gt-xs="5"] { order: 5; } [flex-order-gt-xs="6"] { order: 6; } [flex-order-gt-xs="7"] { order: 7; } [flex-order-gt-xs="8"] { order: 8; } [flex-order-gt-xs="9"] { order: 9; } [flex-order-gt-xs="10"] { order: 10; } [flex-order-gt-xs="11"] { order: 11; } [flex-order-gt-xs="12"] { order: 12; } [flex-order-gt-xs="13"] { order: 13; } [flex-order-gt-xs="14"] { order: 14; } [flex-order-gt-xs="15"] { order: 15; } [flex-order-gt-xs="16"] { order: 16; } [flex-order-gt-xs="17"] { order: 17; } [flex-order-gt-xs="18"] { order: 18; } [flex-order-gt-xs="19"] { order: 19; } [flex-order-gt-xs="20"] { order: 20; } [flex-offset-gt-xs="0"] { margin-left: 0%; } [flex-offset-gt-xs="5"] { margin-left: 5%; } [flex-offset-gt-xs="10"] { margin-left: 10%; } [flex-offset-gt-xs="15"] { margin-left: 15%; } [flex-offset-gt-xs="20"] { margin-left: 20%; } [flex-offset-gt-xs="25"] { margin-left: 25%; } [flex-offset-gt-xs="30"] { margin-left: 30%; } [flex-offset-gt-xs="35"] { margin-left: 35%; } [flex-offset-gt-xs="40"] { margin-left: 40%; } [flex-offset-gt-xs="45"] { margin-left: 45%; } [flex-offset-gt-xs="50"] { margin-left: 50%; } [flex-offset-gt-xs="55"] { margin-left: 55%; } [flex-offset-gt-xs="60"] { margin-left: 60%; } [flex-offset-gt-xs="65"] { margin-left: 65%; } [flex-offset-gt-xs="70"] { margin-left: 70%; } [flex-offset-gt-xs="75"] { margin-left: 75%; } [flex-offset-gt-xs="80"] { margin-left: 80%; } [flex-offset-gt-xs="85"] { margin-left: 85%; } [flex-offset-gt-xs="90"] { margin-left: 90%; } [flex-offset-gt-xs="95"] { margin-left: 95%; } [flex-offset-gt-xs="33"] { margin-left: calc(100% / 3); } [flex-offset-gt-xs="66"] { margin-left: calc(200% / 3); } [layout-align-gt-xs], [layout-align-gt-xs="start stretch"] { justify-content: flex-start; align-content: stretch; align-items: stretch; } [layout-align-gt-xs="start"], [layout-align-gt-xs="start start"], [layout-align-gt-xs="start center"], [layout-align-gt-xs="start end"], [layout-align-gt-xs="start stretch"] { justify-content: start; } [layout-align-gt-xs="center"], [layout-align-gt-xs="center start"], [layout-align-gt-xs="center center"], [layout-align-gt-xs="center end"], [layout-align-gt-xs="center stretch"] { justify-content: center; } [layout-align-gt-xs="end"], [layout-align-gt-xs="end center"], [layout-align-gt-xs="end start"], [layout-align-gt-xs="end end"], [layout-align-gt-xs="end stretch"] { justify-content: flex-end; } [layout-align-gt-xs="space-around"], [layout-align-gt-xs="space-around center"], [layout-align-gt-xs="space-around start"], [layout-align-gt-xs="space-around end"], [layout-align-gt-xs="space-around stretch"] { justify-content: space-around; } [layout-align-gt-xs="space-between"], [layout-align-gt-xs="space-between center"], [layout-align-gt-xs="space-between start"], [layout-align-gt-xs="space-between end"], [layout-align-gt-xs="space-between stretch"] { justify-content: space-between; } [layout-align-gt-xs="start start"], [layout-align-gt-xs="center start"], [layout-align-gt-xs="end start"], [layout-align-gt-xs="space-between start"], [layout-align-gt-xs="space-around start"] { align-items: flex-start; align-content: flex-start; } [layout-align-gt-xs="start center"], [layout-align-gt-xs="center center"], [layout-align-gt-xs="end center"], [layout-align-gt-xs="space-between center"], [layout-align-gt-xs="space-around center"] { align-items: center; align-content: center; max-width: 100%; } [layout-align-gt-xs="start center"] > *, [layout-align-gt-xs="center center"] > *, [layout-align-gt-xs="end center"] > *, [layout-align-gt-xs="space-between center"] > *, [layout-align-gt-xs="space-around center"] > * { max-width: 100%; box-sizing: border-box; } [layout-align-gt-xs="start end"], [layout-align-gt-xs="center end"], [layout-align-gt-xs="end end"], [layout-align-gt-xs="space-between end"], [layout-align-gt-xs="space-around end"] { align-items: flex-end; align-content: flex-end; } [layout-align-gt-xs="start stretch"], [layout-align-gt-xs="center stretch"], [layout-align-gt-xs="end stretch"], [layout-align-gt-xs="space-between stretch"], [layout-align-gt-xs="space-around stretch"] { align-items: stretch; align-content: stretch; } [flex-gt-xs] { flex: 1; box-sizing: border-box; } } @media screen\0 and (min-width: 600px) { [flex-gt-xs] { flex: 1 1 0%; } } @media (min-width: 600px) { [flex-gt-xs="grow"], [flex-gt-xs-grow] { flex: 1 1 100%; box-sizing: border-box; } [flex-gt-xs="initial"], [flex-gt-xs-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-gt-xs="auto"], [flex-gt-xs-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-gt-xs="none"], [flex-gt-xs-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-gt-xs="noshrink"], [flex-gt-xs-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [flex-gt-xs="nogrow"], [flex-gt-xs-nogrow] { flex: 0 1 auto; box-sizing: border-box; } [flex-gt-xs="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="0"], [layout-gt-xs="row"] > [flex-gt-xs="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="0"], [layout-gt-xs="column"] > [flex-gt-xs="0"] { flex: 1 1 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } [flex-gt-xs="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="5"], [layout-gt-xs="row"] > [flex-gt-xs="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="5"], [layout-gt-xs="column"] > [flex-gt-xs="5"] { flex: 1 1 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } [flex-gt-xs="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="10"], [layout-gt-xs="row"] > [flex-gt-xs="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="10"], [layout-gt-xs="column"] > [flex-gt-xs="10"] { flex: 1 1 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } [flex-gt-xs="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="15"], [layout-gt-xs="row"] > [flex-gt-xs="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="15"], [layout-gt-xs="column"] > [flex-gt-xs="15"] { flex: 1 1 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } [flex-gt-xs="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="20"], [layout-gt-xs="row"] > [flex-gt-xs="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="20"], [layout-gt-xs="column"] > [flex-gt-xs="20"] { flex: 1 1 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } [flex-gt-xs="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="25"], [layout-gt-xs="row"] > [flex-gt-xs="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="25"], [layout-gt-xs="column"] > [flex-gt-xs="25"] { flex: 1 1 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } [flex-gt-xs="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="30"], [layout-gt-xs="row"] > [flex-gt-xs="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="30"], [layout-gt-xs="column"] > [flex-gt-xs="30"] { flex: 1 1 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } [flex-gt-xs="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="35"], [layout-gt-xs="row"] > [flex-gt-xs="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="35"], [layout-gt-xs="column"] > [flex-gt-xs="35"] { flex: 1 1 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } [flex-gt-xs="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="40"], [layout-gt-xs="row"] > [flex-gt-xs="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="40"], [layout-gt-xs="column"] > [flex-gt-xs="40"] { flex: 1 1 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } [flex-gt-xs="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="45"], [layout-gt-xs="row"] > [flex-gt-xs="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="45"], [layout-gt-xs="column"] > [flex-gt-xs="45"] { flex: 1 1 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } [flex-gt-xs="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="50"], [layout-gt-xs="row"] > [flex-gt-xs="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="50"], [layout-gt-xs="column"] > [flex-gt-xs="50"] { flex: 1 1 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } [flex-gt-xs="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="55"], [layout-gt-xs="row"] > [flex-gt-xs="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="55"], [layout-gt-xs="column"] > [flex-gt-xs="55"] { flex: 1 1 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } [flex-gt-xs="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="60"], [layout-gt-xs="row"] > [flex-gt-xs="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="60"], [layout-gt-xs="column"] > [flex-gt-xs="60"] { flex: 1 1 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } [flex-gt-xs="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="65"], [layout-gt-xs="row"] > [flex-gt-xs="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="65"], [layout-gt-xs="column"] > [flex-gt-xs="65"] { flex: 1 1 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } [flex-gt-xs="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="70"], [layout-gt-xs="row"] > [flex-gt-xs="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="70"], [layout-gt-xs="column"] > [flex-gt-xs="70"] { flex: 1 1 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } [flex-gt-xs="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="75"], [layout-gt-xs="row"] > [flex-gt-xs="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="75"], [layout-gt-xs="column"] > [flex-gt-xs="75"] { flex: 1 1 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } [flex-gt-xs="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="80"], [layout-gt-xs="row"] > [flex-gt-xs="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="80"], [layout-gt-xs="column"] > [flex-gt-xs="80"] { flex: 1 1 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } [flex-gt-xs="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="85"], [layout-gt-xs="row"] > [flex-gt-xs="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="85"], [layout-gt-xs="column"] > [flex-gt-xs="85"] { flex: 1 1 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } [flex-gt-xs="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="90"], [layout-gt-xs="row"] > [flex-gt-xs="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="90"], [layout-gt-xs="column"] > [flex-gt-xs="90"] { flex: 1 1 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } [flex-gt-xs="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="95"], [layout-gt-xs="row"] > [flex-gt-xs="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="95"], [layout-gt-xs="column"] > [flex-gt-xs="95"] { flex: 1 1 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } [flex-gt-xs="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="100"], [layout-gt-xs="row"] > [flex-gt-xs="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="100"], [layout-gt-xs="column"] > [flex-gt-xs="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="33"], [layout="row"] > [flex-gt-xs="33"], [layout-gt-xs="row"] > [flex-gt-xs="33"], [layout-gt-xs="row"] > [flex-gt-xs="33"] { flex: 1 1 33%; max-width: calc(100% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="34"], [layout="row"] > [flex-gt-xs="34"], [layout-gt-xs="row"] > [flex-gt-xs="34"], [layout-gt-xs="row"] > [flex-gt-xs="34"] { flex: 1 1 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="66"], [layout="row"] > [flex-gt-xs="66"], [layout-gt-xs="row"] > [flex-gt-xs="66"], [layout-gt-xs="row"] > [flex-gt-xs="66"] { flex: 1 1 66%; max-width: calc(200% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-xs="67"], [layout="row"] > [flex-gt-xs="67"], [layout-gt-xs="row"] > [flex-gt-xs="67"], [layout-gt-xs="row"] > [flex-gt-xs="67"] { flex: 1 1 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="33"], [layout="column"] > [flex-gt-xs="33"], [layout-gt-xs="column"] > [flex-gt-xs="33"], [layout-gt-xs="column"] > [flex-gt-xs="33"] { flex: 1 1 33%; max-width: 100%; max-height: calc(100% / 3); box-sizing: border-box; } [layout="column"] > [flex-gt-xs="34"], [layout="column"] > [flex-gt-xs="34"], [layout-gt-xs="column"] > [flex-gt-xs="34"], [layout-gt-xs="column"] > [flex-gt-xs="34"] { flex: 1 1 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } [layout="column"] > [flex-gt-xs="66"], [layout="column"] > [flex-gt-xs="66"], [layout-gt-xs="column"] > [flex-gt-xs="66"], [layout-gt-xs="column"] > [flex-gt-xs="66"] { flex: 1 1 66%; max-width: 100%; max-height: calc(200% / 3); box-sizing: border-box; } [layout="column"] > [flex-gt-xs="67"], [layout="column"] > [flex-gt-xs="67"], [layout-gt-xs="column"] > [flex-gt-xs="67"], [layout-gt-xs="column"] > [flex-gt-xs="67"] { flex: 1 1 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } [layout-gt-xs], [layout-gt-xs="column"], [layout-gt-xs="row"] { box-sizing: border-box; display: flex; } [layout-gt-xs="column"] { flex-direction: column; } [layout-gt-xs="row"] { flex-direction: row; } } @media (min-width: 600px) and (max-width: 599px) { [hide-sm]:not([show-gt-xs]):not([show-sm]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-sm]):not([show]) { display: none; } [hide-sm]:not([show-sm]):not([show]) { display: none; } [flex-order-sm="-20"] { order: -20; } [flex-order-sm="-19"] { order: -19; } [flex-order-sm="-18"] { order: -18; } [flex-order-sm="-17"] { order: -17; } [flex-order-sm="-16"] { order: -16; } [flex-order-sm="-15"] { order: -15; } [flex-order-sm="-14"] { order: -14; } [flex-order-sm="-13"] { order: -13; } [flex-order-sm="-12"] { order: -12; } [flex-order-sm="-11"] { order: -11; } [flex-order-sm="-10"] { order: -10; } [flex-order-sm="-9"] { order: -9; } [flex-order-sm="-8"] { order: -8; } [flex-order-sm="-7"] { order: -7; } [flex-order-sm="-6"] { order: -6; } [flex-order-sm="-5"] { order: -5; } [flex-order-sm="-4"] { order: -4; } [flex-order-sm="-3"] { order: -3; } [flex-order-sm="-2"] { order: -2; } [flex-order-sm="-1"] { order: -1; } [flex-order-sm="0"] { order: 0; } [flex-order-sm="1"] { order: 1; } [flex-order-sm="2"] { order: 2; } [flex-order-sm="3"] { order: 3; } [flex-order-sm="4"] { order: 4; } [flex-order-sm="5"] { order: 5; } [flex-order-sm="6"] { order: 6; } [flex-order-sm="7"] { order: 7; } [flex-order-sm="8"] { order: 8; } [flex-order-sm="9"] { order: 9; } [flex-order-sm="10"] { order: 10; } [flex-order-sm="11"] { order: 11; } [flex-order-sm="12"] { order: 12; } [flex-order-sm="13"] { order: 13; } [flex-order-sm="14"] { order: 14; } [flex-order-sm="15"] { order: 15; } [flex-order-sm="16"] { order: 16; } [flex-order-sm="17"] { order: 17; } [flex-order-sm="18"] { order: 18; } [flex-order-sm="19"] { order: 19; } [flex-order-sm="20"] { order: 20; } [flex-offset-sm="0"] { margin-left: 0%; } [flex-offset-sm="5"] { margin-left: 5%; } [flex-offset-sm="10"] { margin-left: 10%; } [flex-offset-sm="15"] { margin-left: 15%; } [flex-offset-sm="20"] { margin-left: 20%; } [flex-offset-sm="25"] { margin-left: 25%; } [flex-offset-sm="30"] { margin-left: 30%; } [flex-offset-sm="35"] { margin-left: 35%; } [flex-offset-sm="40"] { margin-left: 40%; } [flex-offset-sm="45"] { margin-left: 45%; } [flex-offset-sm="50"] { margin-left: 50%; } [flex-offset-sm="55"] { margin-left: 55%; } [flex-offset-sm="60"] { margin-left: 60%; } [flex-offset-sm="65"] { margin-left: 65%; } [flex-offset-sm="70"] { margin-left: 70%; } [flex-offset-sm="75"] { margin-left: 75%; } [flex-offset-sm="80"] { margin-left: 80%; } [flex-offset-sm="85"] { margin-left: 85%; } [flex-offset-sm="90"] { margin-left: 90%; } [flex-offset-sm="95"] { margin-left: 95%; } [flex-offset-sm="33"] { margin-left: calc(100% / 3); } [flex-offset-sm="66"] { margin-left: calc(200% / 3); } [layout-align-sm], [layout-align-sm="start stretch"] { justify-content: flex-start; align-content: stretch; align-items: stretch; } [layout-align-sm="start"], [layout-align-sm="start start"], [layout-align-sm="start center"], [layout-align-sm="start end"], [layout-align-sm="start stretch"] { justify-content: start; } [layout-align-sm="center"], [layout-align-sm="center start"], [layout-align-sm="center center"], [layout-align-sm="center end"], [layout-align-sm="center stretch"] { justify-content: center; } [layout-align-sm="end"], [layout-align-sm="end center"], [layout-align-sm="end start"], [layout-align-sm="end end"], [layout-align-sm="end stretch"] { justify-content: flex-end; } [layout-align-sm="space-around"], [layout-align-sm="space-around center"], [layout-align-sm="space-around start"], [layout-align-sm="space-around end"], [layout-align-sm="space-around stretch"] { justify-content: space-around; } [layout-align-sm="space-between"], [layout-align-sm="space-between center"], [layout-align-sm="space-between start"], [layout-align-sm="space-between end"], [layout-align-sm="space-between stretch"] { justify-content: space-between; } [layout-align-sm="start start"], [layout-align-sm="center start"], [layout-align-sm="end start"], [layout-align-sm="space-between start"], [layout-align-sm="space-around start"] { align-items: flex-start; align-content: flex-start; } [layout-align-sm="start center"], [layout-align-sm="center center"], [layout-align-sm="end center"], [layout-align-sm="space-between center"], [layout-align-sm="space-around center"] { align-items: center; align-content: center; max-width: 100%; } [layout-align-sm="start center"] > *, [layout-align-sm="center center"] > *, [layout-align-sm="end center"] > *, [layout-align-sm="space-between center"] > *, [layout-align-sm="space-around center"] > * { max-width: 100%; box-sizing: border-box; } [layout-align-sm="start end"], [layout-align-sm="center end"], [layout-align-sm="end end"], [layout-align-sm="space-between end"], [layout-align-sm="space-around end"] { align-items: flex-end; align-content: flex-end; } [layout-align-sm="start stretch"], [layout-align-sm="center stretch"], [layout-align-sm="end stretch"], [layout-align-sm="space-between stretch"], [layout-align-sm="space-around stretch"] { align-items: stretch; align-content: stretch; } [flex-sm] { flex: 1; box-sizing: border-box; } } @media screen\0 and (min-width: 600px) and (max-width: 599px) { [flex-sm] { flex: 1 1 0%; } } @media (min-width: 600px) and (max-width: 599px) { [flex-sm="grow"], [flex-sm-grow] { flex: 1 1 100%; box-sizing: border-box; } [flex-sm="initial"], [flex-sm-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-sm="auto"], [flex-sm-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-sm="none"], [flex-sm-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-sm="noshrink"], [flex-sm-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [flex-sm="nogrow"], [flex-sm-nogrow] { flex: 0 1 auto; box-sizing: border-box; } [flex-sm="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="0"], [layout-sm="row"] > [flex-sm="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="0"], [layout-sm="column"] > [flex-sm="0"] { flex: 1 1 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } [flex-sm="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="5"], [layout-sm="row"] > [flex-sm="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="5"], [layout-sm="column"] > [flex-sm="5"] { flex: 1 1 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } [flex-sm="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="10"], [layout-sm="row"] > [flex-sm="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="10"], [layout-sm="column"] > [flex-sm="10"] { flex: 1 1 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } [flex-sm="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="15"], [layout-sm="row"] > [flex-sm="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="15"], [layout-sm="column"] > [flex-sm="15"] { flex: 1 1 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } [flex-sm="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="20"], [layout-sm="row"] > [flex-sm="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="20"], [layout-sm="column"] > [flex-sm="20"] { flex: 1 1 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } [flex-sm="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="25"], [layout-sm="row"] > [flex-sm="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="25"], [layout-sm="column"] > [flex-sm="25"] { flex: 1 1 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } [flex-sm="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="30"], [layout-sm="row"] > [flex-sm="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="30"], [layout-sm="column"] > [flex-sm="30"] { flex: 1 1 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } [flex-sm="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="35"], [layout-sm="row"] > [flex-sm="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="35"], [layout-sm="column"] > [flex-sm="35"] { flex: 1 1 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } [flex-sm="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="40"], [layout-sm="row"] > [flex-sm="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="40"], [layout-sm="column"] > [flex-sm="40"] { flex: 1 1 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } [flex-sm="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="45"], [layout-sm="row"] > [flex-sm="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="45"], [layout-sm="column"] > [flex-sm="45"] { flex: 1 1 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } [flex-sm="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="50"], [layout-sm="row"] > [flex-sm="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="50"], [layout-sm="column"] > [flex-sm="50"] { flex: 1 1 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } [flex-sm="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="55"], [layout-sm="row"] > [flex-sm="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="55"], [layout-sm="column"] > [flex-sm="55"] { flex: 1 1 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } [flex-sm="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="60"], [layout-sm="row"] > [flex-sm="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="60"], [layout-sm="column"] > [flex-sm="60"] { flex: 1 1 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } [flex-sm="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="65"], [layout-sm="row"] > [flex-sm="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="65"], [layout-sm="column"] > [flex-sm="65"] { flex: 1 1 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } [flex-sm="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="70"], [layout-sm="row"] > [flex-sm="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="70"], [layout-sm="column"] > [flex-sm="70"] { flex: 1 1 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } [flex-sm="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="75"], [layout-sm="row"] > [flex-sm="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="75"], [layout-sm="column"] > [flex-sm="75"] { flex: 1 1 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } [flex-sm="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="80"], [layout-sm="row"] > [flex-sm="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="80"], [layout-sm="column"] > [flex-sm="80"] { flex: 1 1 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } [flex-sm="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="85"], [layout-sm="row"] > [flex-sm="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="85"], [layout-sm="column"] > [flex-sm="85"] { flex: 1 1 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } [flex-sm="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="90"], [layout-sm="row"] > [flex-sm="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="90"], [layout-sm="column"] > [flex-sm="90"] { flex: 1 1 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } [flex-sm="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="95"], [layout-sm="row"] > [flex-sm="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="95"], [layout-sm="column"] > [flex-sm="95"] { flex: 1 1 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } [flex-sm="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="100"], [layout-sm="row"] > [flex-sm="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="100"], [layout-sm="column"] > [flex-sm="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="33"], [layout="row"] > [flex-sm="33"], [layout-sm="row"] > [flex-sm="33"], [layout-sm="row"] > [flex-sm="33"] { flex: 1 1 33%; max-width: calc(100% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="34"], [layout="row"] > [flex-sm="34"], [layout-sm="row"] > [flex-sm="34"], [layout-sm="row"] > [flex-sm="34"] { flex: 1 1 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="66"], [layout="row"] > [flex-sm="66"], [layout-sm="row"] > [flex-sm="66"], [layout-sm="row"] > [flex-sm="66"] { flex: 1 1 66%; max-width: calc(200% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-sm="67"], [layout="row"] > [flex-sm="67"], [layout-sm="row"] > [flex-sm="67"], [layout-sm="row"] > [flex-sm="67"] { flex: 1 1 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-sm="33"], [layout="column"] > [flex-sm="33"], [layout-sm="column"] > [flex-sm="33"], [layout-sm="column"] > [flex-sm="33"] { flex: 1 1 33%; max-width: 100%; max-height: calc(100% / 3); box-sizing: border-box; } [layout="column"] > [flex-sm="34"], [layout="column"] > [flex-sm="34"], [layout-sm="column"] > [flex-sm="34"], [layout-sm="column"] > [flex-sm="34"] { flex: 1 1 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } [layout="column"] > [flex-sm="66"], [layout="column"] > [flex-sm="66"], [layout-sm="column"] > [flex-sm="66"], [layout-sm="column"] > [flex-sm="66"] { flex: 1 1 66%; max-width: 100%; max-height: calc(200% / 3); box-sizing: border-box; } [layout="column"] > [flex-sm="67"], [layout="column"] > [flex-sm="67"], [layout-sm="column"] > [flex-sm="67"], [layout-sm="column"] > [flex-sm="67"] { flex: 1 1 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } [layout-sm], [layout-sm="column"], [layout-sm="row"] { box-sizing: border-box; display: flex; } [layout-sm="column"] { flex-direction: column; } [layout-sm="row"] { flex-direction: row; } } @media (min-width: 600px) { [flex-order-gt-sm="-20"] { order: -20; } [flex-order-gt-sm="-19"] { order: -19; } [flex-order-gt-sm="-18"] { order: -18; } [flex-order-gt-sm="-17"] { order: -17; } [flex-order-gt-sm="-16"] { order: -16; } [flex-order-gt-sm="-15"] { order: -15; } [flex-order-gt-sm="-14"] { order: -14; } [flex-order-gt-sm="-13"] { order: -13; } [flex-order-gt-sm="-12"] { order: -12; } [flex-order-gt-sm="-11"] { order: -11; } [flex-order-gt-sm="-10"] { order: -10; } [flex-order-gt-sm="-9"] { order: -9; } [flex-order-gt-sm="-8"] { order: -8; } [flex-order-gt-sm="-7"] { order: -7; } [flex-order-gt-sm="-6"] { order: -6; } [flex-order-gt-sm="-5"] { order: -5; } [flex-order-gt-sm="-4"] { order: -4; } [flex-order-gt-sm="-3"] { order: -3; } [flex-order-gt-sm="-2"] { order: -2; } [flex-order-gt-sm="-1"] { order: -1; } [flex-order-gt-sm="0"] { order: 0; } [flex-order-gt-sm="1"] { order: 1; } [flex-order-gt-sm="2"] { order: 2; } [flex-order-gt-sm="3"] { order: 3; } [flex-order-gt-sm="4"] { order: 4; } [flex-order-gt-sm="5"] { order: 5; } [flex-order-gt-sm="6"] { order: 6; } [flex-order-gt-sm="7"] { order: 7; } [flex-order-gt-sm="8"] { order: 8; } [flex-order-gt-sm="9"] { order: 9; } [flex-order-gt-sm="10"] { order: 10; } [flex-order-gt-sm="11"] { order: 11; } [flex-order-gt-sm="12"] { order: 12; } [flex-order-gt-sm="13"] { order: 13; } [flex-order-gt-sm="14"] { order: 14; } [flex-order-gt-sm="15"] { order: 15; } [flex-order-gt-sm="16"] { order: 16; } [flex-order-gt-sm="17"] { order: 17; } [flex-order-gt-sm="18"] { order: 18; } [flex-order-gt-sm="19"] { order: 19; } [flex-order-gt-sm="20"] { order: 20; } [flex-offset-gt-sm="0"] { margin-left: 0%; } [flex-offset-gt-sm="5"] { margin-left: 5%; } [flex-offset-gt-sm="10"] { margin-left: 10%; } [flex-offset-gt-sm="15"] { margin-left: 15%; } [flex-offset-gt-sm="20"] { margin-left: 20%; } [flex-offset-gt-sm="25"] { margin-left: 25%; } [flex-offset-gt-sm="30"] { margin-left: 30%; } [flex-offset-gt-sm="35"] { margin-left: 35%; } [flex-offset-gt-sm="40"] { margin-left: 40%; } [flex-offset-gt-sm="45"] { margin-left: 45%; } [flex-offset-gt-sm="50"] { margin-left: 50%; } [flex-offset-gt-sm="55"] { margin-left: 55%; } [flex-offset-gt-sm="60"] { margin-left: 60%; } [flex-offset-gt-sm="65"] { margin-left: 65%; } [flex-offset-gt-sm="70"] { margin-left: 70%; } [flex-offset-gt-sm="75"] { margin-left: 75%; } [flex-offset-gt-sm="80"] { margin-left: 80%; } [flex-offset-gt-sm="85"] { margin-left: 85%; } [flex-offset-gt-sm="90"] { margin-left: 90%; } [flex-offset-gt-sm="95"] { margin-left: 95%; } [flex-offset-gt-sm="33"] { margin-left: calc(100% / 3); } [flex-offset-gt-sm="66"] { margin-left: calc(200% / 3); } [layout-align-gt-sm], [layout-align-gt-sm="start stretch"] { justify-content: flex-start; align-content: stretch; align-items: stretch; } [layout-align-gt-sm="start"], [layout-align-gt-sm="start start"], [layout-align-gt-sm="start center"], [layout-align-gt-sm="start end"], [layout-align-gt-sm="start stretch"] { justify-content: start; } [layout-align-gt-sm="center"], [layout-align-gt-sm="center start"], [layout-align-gt-sm="center center"], [layout-align-gt-sm="center end"], [layout-align-gt-sm="center stretch"] { justify-content: center; } [layout-align-gt-sm="end"], [layout-align-gt-sm="end center"], [layout-align-gt-sm="end start"], [layout-align-gt-sm="end end"], [layout-align-gt-sm="end stretch"] { justify-content: flex-end; } [layout-align-gt-sm="space-around"], [layout-align-gt-sm="space-around center"], [layout-align-gt-sm="space-around start"], [layout-align-gt-sm="space-around end"], [layout-align-gt-sm="space-around stretch"] { justify-content: space-around; } [layout-align-gt-sm="space-between"], [layout-align-gt-sm="space-between center"], [layout-align-gt-sm="space-between start"], [layout-align-gt-sm="space-between end"], [layout-align-gt-sm="space-between stretch"] { justify-content: space-between; } [layout-align-gt-sm="start start"], [layout-align-gt-sm="center start"], [layout-align-gt-sm="end start"], [layout-align-gt-sm="space-between start"], [layout-align-gt-sm="space-around start"] { align-items: flex-start; align-content: flex-start; } [layout-align-gt-sm="start center"], [layout-align-gt-sm="center center"], [layout-align-gt-sm="end center"], [layout-align-gt-sm="space-between center"], [layout-align-gt-sm="space-around center"] { align-items: center; align-content: center; max-width: 100%; } [layout-align-gt-sm="start center"] > *, [layout-align-gt-sm="center center"] > *, [layout-align-gt-sm="end center"] > *, [layout-align-gt-sm="space-between center"] > *, [layout-align-gt-sm="space-around center"] > * { max-width: 100%; box-sizing: border-box; } [layout-align-gt-sm="start end"], [layout-align-gt-sm="center end"], [layout-align-gt-sm="end end"], [layout-align-gt-sm="space-between end"], [layout-align-gt-sm="space-around end"] { align-items: flex-end; align-content: flex-end; } [layout-align-gt-sm="start stretch"], [layout-align-gt-sm="center stretch"], [layout-align-gt-sm="end stretch"], [layout-align-gt-sm="space-between stretch"], [layout-align-gt-sm="space-around stretch"] { align-items: stretch; align-content: stretch; } [flex-gt-sm] { flex: 1; box-sizing: border-box; } } @media screen\0 and (min-width: 600px) { [flex-gt-sm] { flex: 1 1 0%; } } @media (min-width: 600px) { [flex-gt-sm="grow"], [flex-gt-sm-grow] { flex: 1 1 100%; box-sizing: border-box; } [flex-gt-sm="initial"], [flex-gt-sm-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-gt-sm="auto"], [flex-gt-sm-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-gt-sm="none"], [flex-gt-sm-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-gt-sm="noshrink"], [flex-gt-sm-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [flex-gt-sm="nogrow"], [flex-gt-sm-nogrow] { flex: 0 1 auto; box-sizing: border-box; } [flex-gt-sm="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="0"], [layout-gt-sm="row"] > [flex-gt-sm="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="0"], [layout-gt-sm="column"] > [flex-gt-sm="0"] { flex: 1 1 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } [flex-gt-sm="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="5"], [layout-gt-sm="row"] > [flex-gt-sm="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="5"], [layout-gt-sm="column"] > [flex-gt-sm="5"] { flex: 1 1 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } [flex-gt-sm="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="10"], [layout-gt-sm="row"] > [flex-gt-sm="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="10"], [layout-gt-sm="column"] > [flex-gt-sm="10"] { flex: 1 1 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } [flex-gt-sm="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="15"], [layout-gt-sm="row"] > [flex-gt-sm="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="15"], [layout-gt-sm="column"] > [flex-gt-sm="15"] { flex: 1 1 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } [flex-gt-sm="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="20"], [layout-gt-sm="row"] > [flex-gt-sm="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="20"], [layout-gt-sm="column"] > [flex-gt-sm="20"] { flex: 1 1 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } [flex-gt-sm="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="25"], [layout-gt-sm="row"] > [flex-gt-sm="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="25"], [layout-gt-sm="column"] > [flex-gt-sm="25"] { flex: 1 1 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } [flex-gt-sm="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="30"], [layout-gt-sm="row"] > [flex-gt-sm="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="30"], [layout-gt-sm="column"] > [flex-gt-sm="30"] { flex: 1 1 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } [flex-gt-sm="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="35"], [layout-gt-sm="row"] > [flex-gt-sm="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="35"], [layout-gt-sm="column"] > [flex-gt-sm="35"] { flex: 1 1 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } [flex-gt-sm="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="40"], [layout-gt-sm="row"] > [flex-gt-sm="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="40"], [layout-gt-sm="column"] > [flex-gt-sm="40"] { flex: 1 1 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } [flex-gt-sm="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="45"], [layout-gt-sm="row"] > [flex-gt-sm="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="45"], [layout-gt-sm="column"] > [flex-gt-sm="45"] { flex: 1 1 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } [flex-gt-sm="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="50"], [layout-gt-sm="row"] > [flex-gt-sm="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="50"], [layout-gt-sm="column"] > [flex-gt-sm="50"] { flex: 1 1 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } [flex-gt-sm="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="55"], [layout-gt-sm="row"] > [flex-gt-sm="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="55"], [layout-gt-sm="column"] > [flex-gt-sm="55"] { flex: 1 1 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } [flex-gt-sm="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="60"], [layout-gt-sm="row"] > [flex-gt-sm="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="60"], [layout-gt-sm="column"] > [flex-gt-sm="60"] { flex: 1 1 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } [flex-gt-sm="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="65"], [layout-gt-sm="row"] > [flex-gt-sm="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="65"], [layout-gt-sm="column"] > [flex-gt-sm="65"] { flex: 1 1 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } [flex-gt-sm="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="70"], [layout-gt-sm="row"] > [flex-gt-sm="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="70"], [layout-gt-sm="column"] > [flex-gt-sm="70"] { flex: 1 1 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } [flex-gt-sm="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="75"], [layout-gt-sm="row"] > [flex-gt-sm="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="75"], [layout-gt-sm="column"] > [flex-gt-sm="75"] { flex: 1 1 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } [flex-gt-sm="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="80"], [layout-gt-sm="row"] > [flex-gt-sm="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="80"], [layout-gt-sm="column"] > [flex-gt-sm="80"] { flex: 1 1 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } [flex-gt-sm="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="85"], [layout-gt-sm="row"] > [flex-gt-sm="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="85"], [layout-gt-sm="column"] > [flex-gt-sm="85"] { flex: 1 1 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } [flex-gt-sm="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="90"], [layout-gt-sm="row"] > [flex-gt-sm="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="90"], [layout-gt-sm="column"] > [flex-gt-sm="90"] { flex: 1 1 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } [flex-gt-sm="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="95"], [layout-gt-sm="row"] > [flex-gt-sm="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="95"], [layout-gt-sm="column"] > [flex-gt-sm="95"] { flex: 1 1 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } [flex-gt-sm="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="100"], [layout-gt-sm="row"] > [flex-gt-sm="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="100"], [layout-gt-sm="column"] > [flex-gt-sm="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="33"], [layout="row"] > [flex-gt-sm="33"], [layout-gt-sm="row"] > [flex-gt-sm="33"], [layout-gt-sm="row"] > [flex-gt-sm="33"] { flex: 1 1 33%; max-width: calc(100% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="34"], [layout="row"] > [flex-gt-sm="34"], [layout-gt-sm="row"] > [flex-gt-sm="34"], [layout-gt-sm="row"] > [flex-gt-sm="34"] { flex: 1 1 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="66"], [layout="row"] > [flex-gt-sm="66"], [layout-gt-sm="row"] > [flex-gt-sm="66"], [layout-gt-sm="row"] > [flex-gt-sm="66"] { flex: 1 1 66%; max-width: calc(200% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-sm="67"], [layout="row"] > [flex-gt-sm="67"], [layout-gt-sm="row"] > [flex-gt-sm="67"], [layout-gt-sm="row"] > [flex-gt-sm="67"] { flex: 1 1 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="33"], [layout="column"] > [flex-gt-sm="33"], [layout-gt-sm="column"] > [flex-gt-sm="33"], [layout-gt-sm="column"] > [flex-gt-sm="33"] { flex: 1 1 33%; max-width: 100%; max-height: calc(100% / 3); box-sizing: border-box; } [layout="column"] > [flex-gt-sm="34"], [layout="column"] > [flex-gt-sm="34"], [layout-gt-sm="column"] > [flex-gt-sm="34"], [layout-gt-sm="column"] > [flex-gt-sm="34"] { flex: 1 1 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } [layout="column"] > [flex-gt-sm="66"], [layout="column"] > [flex-gt-sm="66"], [layout-gt-sm="column"] > [flex-gt-sm="66"], [layout-gt-sm="column"] > [flex-gt-sm="66"] { flex: 1 1 66%; max-width: 100%; max-height: calc(200% / 3); box-sizing: border-box; } [layout="column"] > [flex-gt-sm="67"], [layout="column"] > [flex-gt-sm="67"], [layout-gt-sm="column"] > [flex-gt-sm="67"], [layout-gt-sm="column"] > [flex-gt-sm="67"] { flex: 1 1 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } [layout-gt-sm], [layout-gt-sm="column"], [layout-gt-sm="row"] { box-sizing: border-box; display: flex; } [layout-gt-sm="column"] { flex-direction: column; } [layout-gt-sm="row"] { flex-direction: row; } } @media (min-width: 600px) and (max-width: 959px) { [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]) { display: none; } [hide-md]:not([show-md]):not([show]) { display: none; } [flex-order-md="-20"] { order: -20; } [flex-order-md="-19"] { order: -19; } [flex-order-md="-18"] { order: -18; } [flex-order-md="-17"] { order: -17; } [flex-order-md="-16"] { order: -16; } [flex-order-md="-15"] { order: -15; } [flex-order-md="-14"] { order: -14; } [flex-order-md="-13"] { order: -13; } [flex-order-md="-12"] { order: -12; } [flex-order-md="-11"] { order: -11; } [flex-order-md="-10"] { order: -10; } [flex-order-md="-9"] { order: -9; } [flex-order-md="-8"] { order: -8; } [flex-order-md="-7"] { order: -7; } [flex-order-md="-6"] { order: -6; } [flex-order-md="-5"] { order: -5; } [flex-order-md="-4"] { order: -4; } [flex-order-md="-3"] { order: -3; } [flex-order-md="-2"] { order: -2; } [flex-order-md="-1"] { order: -1; } [flex-order-md="0"] { order: 0; } [flex-order-md="1"] { order: 1; } [flex-order-md="2"] { order: 2; } [flex-order-md="3"] { order: 3; } [flex-order-md="4"] { order: 4; } [flex-order-md="5"] { order: 5; } [flex-order-md="6"] { order: 6; } [flex-order-md="7"] { order: 7; } [flex-order-md="8"] { order: 8; } [flex-order-md="9"] { order: 9; } [flex-order-md="10"] { order: 10; } [flex-order-md="11"] { order: 11; } [flex-order-md="12"] { order: 12; } [flex-order-md="13"] { order: 13; } [flex-order-md="14"] { order: 14; } [flex-order-md="15"] { order: 15; } [flex-order-md="16"] { order: 16; } [flex-order-md="17"] { order: 17; } [flex-order-md="18"] { order: 18; } [flex-order-md="19"] { order: 19; } [flex-order-md="20"] { order: 20; } [flex-offset-md="0"] { margin-left: 0%; } [flex-offset-md="5"] { margin-left: 5%; } [flex-offset-md="10"] { margin-left: 10%; } [flex-offset-md="15"] { margin-left: 15%; } [flex-offset-md="20"] { margin-left: 20%; } [flex-offset-md="25"] { margin-left: 25%; } [flex-offset-md="30"] { margin-left: 30%; } [flex-offset-md="35"] { margin-left: 35%; } [flex-offset-md="40"] { margin-left: 40%; } [flex-offset-md="45"] { margin-left: 45%; } [flex-offset-md="50"] { margin-left: 50%; } [flex-offset-md="55"] { margin-left: 55%; } [flex-offset-md="60"] { margin-left: 60%; } [flex-offset-md="65"] { margin-left: 65%; } [flex-offset-md="70"] { margin-left: 70%; } [flex-offset-md="75"] { margin-left: 75%; } [flex-offset-md="80"] { margin-left: 80%; } [flex-offset-md="85"] { margin-left: 85%; } [flex-offset-md="90"] { margin-left: 90%; } [flex-offset-md="95"] { margin-left: 95%; } [flex-offset-md="33"] { margin-left: calc(100% / 3); } [flex-offset-md="66"] { margin-left: calc(200% / 3); } [layout-align-md], [layout-align-md="start stretch"] { justify-content: flex-start; align-content: stretch; align-items: stretch; } [layout-align-md="start"], [layout-align-md="start start"], [layout-align-md="start center"], [layout-align-md="start end"], [layout-align-md="start stretch"] { justify-content: start; } [layout-align-md="center"], [layout-align-md="center start"], [layout-align-md="center center"], [layout-align-md="center end"], [layout-align-md="center stretch"] { justify-content: center; } [layout-align-md="end"], [layout-align-md="end center"], [layout-align-md="end start"], [layout-align-md="end end"], [layout-align-md="end stretch"] { justify-content: flex-end; } [layout-align-md="space-around"], [layout-align-md="space-around center"], [layout-align-md="space-around start"], [layout-align-md="space-around end"], [layout-align-md="space-around stretch"] { justify-content: space-around; } [layout-align-md="space-between"], [layout-align-md="space-between center"], [layout-align-md="space-between start"], [layout-align-md="space-between end"], [layout-align-md="space-between stretch"] { justify-content: space-between; } [layout-align-md="start start"], [layout-align-md="center start"], [layout-align-md="end start"], [layout-align-md="space-between start"], [layout-align-md="space-around start"] { align-items: flex-start; align-content: flex-start; } [layout-align-md="start center"], [layout-align-md="center center"], [layout-align-md="end center"], [layout-align-md="space-between center"], [layout-align-md="space-around center"] { align-items: center; align-content: center; max-width: 100%; } [layout-align-md="start center"] > *, [layout-align-md="center center"] > *, [layout-align-md="end center"] > *, [layout-align-md="space-between center"] > *, [layout-align-md="space-around center"] > * { max-width: 100%; box-sizing: border-box; } [layout-align-md="start end"], [layout-align-md="center end"], [layout-align-md="end end"], [layout-align-md="space-between end"], [layout-align-md="space-around end"] { align-items: flex-end; align-content: flex-end; } [layout-align-md="start stretch"], [layout-align-md="center stretch"], [layout-align-md="end stretch"], [layout-align-md="space-between stretch"], [layout-align-md="space-around stretch"] { align-items: stretch; align-content: stretch; } [flex-md] { flex: 1; box-sizing: border-box; } } @media screen\0 and (min-width: 600px) and (max-width: 959px) { [flex-md] { flex: 1 1 0%; } } @media (min-width: 600px) and (max-width: 959px) { [flex-md="grow"], [flex-md-grow] { flex: 1 1 100%; box-sizing: border-box; } [flex-md="initial"], [flex-md-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-md="auto"], [flex-md-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-md="none"], [flex-md-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-md="noshrink"], [flex-md-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [flex-md="nogrow"], [flex-md-nogrow] { flex: 0 1 auto; box-sizing: border-box; } [flex-md="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="0"], [layout-md="row"] > [flex-md="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="0"], [layout-md="column"] > [flex-md="0"] { flex: 1 1 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } [flex-md="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="5"], [layout-md="row"] > [flex-md="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="5"], [layout-md="column"] > [flex-md="5"] { flex: 1 1 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } [flex-md="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="10"], [layout-md="row"] > [flex-md="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="10"], [layout-md="column"] > [flex-md="10"] { flex: 1 1 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } [flex-md="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="15"], [layout-md="row"] > [flex-md="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="15"], [layout-md="column"] > [flex-md="15"] { flex: 1 1 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } [flex-md="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="20"], [layout-md="row"] > [flex-md="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="20"], [layout-md="column"] > [flex-md="20"] { flex: 1 1 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } [flex-md="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="25"], [layout-md="row"] > [flex-md="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="25"], [layout-md="column"] > [flex-md="25"] { flex: 1 1 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } [flex-md="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="30"], [layout-md="row"] > [flex-md="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="30"], [layout-md="column"] > [flex-md="30"] { flex: 1 1 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } [flex-md="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="35"], [layout-md="row"] > [flex-md="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="35"], [layout-md="column"] > [flex-md="35"] { flex: 1 1 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } [flex-md="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="40"], [layout-md="row"] > [flex-md="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="40"], [layout-md="column"] > [flex-md="40"] { flex: 1 1 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } [flex-md="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="45"], [layout-md="row"] > [flex-md="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="45"], [layout-md="column"] > [flex-md="45"] { flex: 1 1 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } [flex-md="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="50"], [layout-md="row"] > [flex-md="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="50"], [layout-md="column"] > [flex-md="50"] { flex: 1 1 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } [flex-md="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="55"], [layout-md="row"] > [flex-md="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="55"], [layout-md="column"] > [flex-md="55"] { flex: 1 1 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } [flex-md="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="60"], [layout-md="row"] > [flex-md="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="60"], [layout-md="column"] > [flex-md="60"] { flex: 1 1 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } [flex-md="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="65"], [layout-md="row"] > [flex-md="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="65"], [layout-md="column"] > [flex-md="65"] { flex: 1 1 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } [flex-md="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="70"], [layout-md="row"] > [flex-md="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="70"], [layout-md="column"] > [flex-md="70"] { flex: 1 1 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } [flex-md="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="75"], [layout-md="row"] > [flex-md="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="75"], [layout-md="column"] > [flex-md="75"] { flex: 1 1 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } [flex-md="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="80"], [layout-md="row"] > [flex-md="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="80"], [layout-md="column"] > [flex-md="80"] { flex: 1 1 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } [flex-md="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="85"], [layout-md="row"] > [flex-md="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="85"], [layout-md="column"] > [flex-md="85"] { flex: 1 1 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } [flex-md="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="90"], [layout-md="row"] > [flex-md="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="90"], [layout-md="column"] > [flex-md="90"] { flex: 1 1 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } [flex-md="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="95"], [layout-md="row"] > [flex-md="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="95"], [layout-md="column"] > [flex-md="95"] { flex: 1 1 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } [flex-md="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="100"], [layout-md="row"] > [flex-md="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="100"], [layout-md="column"] > [flex-md="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="33"], [layout="row"] > [flex-md="33"], [layout-md="row"] > [flex-md="33"], [layout-md="row"] > [flex-md="33"] { flex: 1 1 33%; max-width: calc(100% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="34"], [layout="row"] > [flex-md="34"], [layout-md="row"] > [flex-md="34"], [layout-md="row"] > [flex-md="34"] { flex: 1 1 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="66"], [layout="row"] > [flex-md="66"], [layout-md="row"] > [flex-md="66"], [layout-md="row"] > [flex-md="66"] { flex: 1 1 66%; max-width: calc(200% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-md="67"], [layout="row"] > [flex-md="67"], [layout-md="row"] > [flex-md="67"], [layout-md="row"] > [flex-md="67"] { flex: 1 1 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-md="33"], [layout="column"] > [flex-md="33"], [layout-md="column"] > [flex-md="33"], [layout-md="column"] > [flex-md="33"] { flex: 1 1 33%; max-width: 100%; max-height: calc(100% / 3); box-sizing: border-box; } [layout="column"] > [flex-md="34"], [layout="column"] > [flex-md="34"], [layout-md="column"] > [flex-md="34"], [layout-md="column"] > [flex-md="34"] { flex: 1 1 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } [layout="column"] > [flex-md="66"], [layout="column"] > [flex-md="66"], [layout-md="column"] > [flex-md="66"], [layout-md="column"] > [flex-md="66"] { flex: 1 1 66%; max-width: 100%; max-height: calc(200% / 3); box-sizing: border-box; } [layout="column"] > [flex-md="67"], [layout="column"] > [flex-md="67"], [layout-md="column"] > [flex-md="67"], [layout-md="column"] > [flex-md="67"] { flex: 1 1 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } [layout-md], [layout-md="column"], [layout-md="row"] { box-sizing: border-box; display: flex; } [layout-md="column"] { flex-direction: column; } [layout-md="row"] { flex-direction: row; } } @media (min-width: 960px) { [flex-order-gt-md="-20"] { order: -20; } [flex-order-gt-md="-19"] { order: -19; } [flex-order-gt-md="-18"] { order: -18; } [flex-order-gt-md="-17"] { order: -17; } [flex-order-gt-md="-16"] { order: -16; } [flex-order-gt-md="-15"] { order: -15; } [flex-order-gt-md="-14"] { order: -14; } [flex-order-gt-md="-13"] { order: -13; } [flex-order-gt-md="-12"] { order: -12; } [flex-order-gt-md="-11"] { order: -11; } [flex-order-gt-md="-10"] { order: -10; } [flex-order-gt-md="-9"] { order: -9; } [flex-order-gt-md="-8"] { order: -8; } [flex-order-gt-md="-7"] { order: -7; } [flex-order-gt-md="-6"] { order: -6; } [flex-order-gt-md="-5"] { order: -5; } [flex-order-gt-md="-4"] { order: -4; } [flex-order-gt-md="-3"] { order: -3; } [flex-order-gt-md="-2"] { order: -2; } [flex-order-gt-md="-1"] { order: -1; } [flex-order-gt-md="0"] { order: 0; } [flex-order-gt-md="1"] { order: 1; } [flex-order-gt-md="2"] { order: 2; } [flex-order-gt-md="3"] { order: 3; } [flex-order-gt-md="4"] { order: 4; } [flex-order-gt-md="5"] { order: 5; } [flex-order-gt-md="6"] { order: 6; } [flex-order-gt-md="7"] { order: 7; } [flex-order-gt-md="8"] { order: 8; } [flex-order-gt-md="9"] { order: 9; } [flex-order-gt-md="10"] { order: 10; } [flex-order-gt-md="11"] { order: 11; } [flex-order-gt-md="12"] { order: 12; } [flex-order-gt-md="13"] { order: 13; } [flex-order-gt-md="14"] { order: 14; } [flex-order-gt-md="15"] { order: 15; } [flex-order-gt-md="16"] { order: 16; } [flex-order-gt-md="17"] { order: 17; } [flex-order-gt-md="18"] { order: 18; } [flex-order-gt-md="19"] { order: 19; } [flex-order-gt-md="20"] { order: 20; } [flex-offset-gt-md="0"] { margin-left: 0%; } [flex-offset-gt-md="5"] { margin-left: 5%; } [flex-offset-gt-md="10"] { margin-left: 10%; } [flex-offset-gt-md="15"] { margin-left: 15%; } [flex-offset-gt-md="20"] { margin-left: 20%; } [flex-offset-gt-md="25"] { margin-left: 25%; } [flex-offset-gt-md="30"] { margin-left: 30%; } [flex-offset-gt-md="35"] { margin-left: 35%; } [flex-offset-gt-md="40"] { margin-left: 40%; } [flex-offset-gt-md="45"] { margin-left: 45%; } [flex-offset-gt-md="50"] { margin-left: 50%; } [flex-offset-gt-md="55"] { margin-left: 55%; } [flex-offset-gt-md="60"] { margin-left: 60%; } [flex-offset-gt-md="65"] { margin-left: 65%; } [flex-offset-gt-md="70"] { margin-left: 70%; } [flex-offset-gt-md="75"] { margin-left: 75%; } [flex-offset-gt-md="80"] { margin-left: 80%; } [flex-offset-gt-md="85"] { margin-left: 85%; } [flex-offset-gt-md="90"] { margin-left: 90%; } [flex-offset-gt-md="95"] { margin-left: 95%; } [flex-offset-gt-md="33"] { margin-left: calc(100% / 3); } [flex-offset-gt-md="66"] { margin-left: calc(200% / 3); } [layout-align-gt-md], [layout-align-gt-md="start stretch"] { justify-content: flex-start; align-content: stretch; align-items: stretch; } [layout-align-gt-md="start"], [layout-align-gt-md="start start"], [layout-align-gt-md="start center"], [layout-align-gt-md="start end"], [layout-align-gt-md="start stretch"] { justify-content: start; } [layout-align-gt-md="center"], [layout-align-gt-md="center start"], [layout-align-gt-md="center center"], [layout-align-gt-md="center end"], [layout-align-gt-md="center stretch"] { justify-content: center; } [layout-align-gt-md="end"], [layout-align-gt-md="end center"], [layout-align-gt-md="end start"], [layout-align-gt-md="end end"], [layout-align-gt-md="end stretch"] { justify-content: flex-end; } [layout-align-gt-md="space-around"], [layout-align-gt-md="space-around center"], [layout-align-gt-md="space-around start"], [layout-align-gt-md="space-around end"], [layout-align-gt-md="space-around stretch"] { justify-content: space-around; } [layout-align-gt-md="space-between"], [layout-align-gt-md="space-between center"], [layout-align-gt-md="space-between start"], [layout-align-gt-md="space-between end"], [layout-align-gt-md="space-between stretch"] { justify-content: space-between; } [layout-align-gt-md="start start"], [layout-align-gt-md="center start"], [layout-align-gt-md="end start"], [layout-align-gt-md="space-between start"], [layout-align-gt-md="space-around start"] { align-items: flex-start; align-content: flex-start; } [layout-align-gt-md="start center"], [layout-align-gt-md="center center"], [layout-align-gt-md="end center"], [layout-align-gt-md="space-between center"], [layout-align-gt-md="space-around center"] { align-items: center; align-content: center; max-width: 100%; } [layout-align-gt-md="start center"] > *, [layout-align-gt-md="center center"] > *, [layout-align-gt-md="end center"] > *, [layout-align-gt-md="space-between center"] > *, [layout-align-gt-md="space-around center"] > * { max-width: 100%; box-sizing: border-box; } [layout-align-gt-md="start end"], [layout-align-gt-md="center end"], [layout-align-gt-md="end end"], [layout-align-gt-md="space-between end"], [layout-align-gt-md="space-around end"] { align-items: flex-end; align-content: flex-end; } [layout-align-gt-md="start stretch"], [layout-align-gt-md="center stretch"], [layout-align-gt-md="end stretch"], [layout-align-gt-md="space-between stretch"], [layout-align-gt-md="space-around stretch"] { align-items: stretch; align-content: stretch; } [flex-gt-md] { flex: 1; box-sizing: border-box; } } @media screen\0 and (min-width: 960px) { [flex-gt-md] { flex: 1 1 0%; } } @media (min-width: 960px) { [flex-gt-md="grow"], [flex-gt-md-grow] { flex: 1 1 100%; box-sizing: border-box; } [flex-gt-md="initial"], [flex-gt-md-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-gt-md="auto"], [flex-gt-md-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-gt-md="none"], [flex-gt-md-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-gt-md="noshrink"], [flex-gt-md-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [flex-gt-md="nogrow"], [flex-gt-md-nogrow] { flex: 0 1 auto; box-sizing: border-box; } [flex-gt-md="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="0"], [layout-gt-md="row"] > [flex-gt-md="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="0"], [layout-gt-md="column"] > [flex-gt-md="0"] { flex: 1 1 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } [flex-gt-md="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="5"], [layout-gt-md="row"] > [flex-gt-md="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="5"], [layout-gt-md="column"] > [flex-gt-md="5"] { flex: 1 1 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } [flex-gt-md="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="10"], [layout-gt-md="row"] > [flex-gt-md="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="10"], [layout-gt-md="column"] > [flex-gt-md="10"] { flex: 1 1 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } [flex-gt-md="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="15"], [layout-gt-md="row"] > [flex-gt-md="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="15"], [layout-gt-md="column"] > [flex-gt-md="15"] { flex: 1 1 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } [flex-gt-md="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="20"], [layout-gt-md="row"] > [flex-gt-md="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="20"], [layout-gt-md="column"] > [flex-gt-md="20"] { flex: 1 1 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } [flex-gt-md="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="25"], [layout-gt-md="row"] > [flex-gt-md="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="25"], [layout-gt-md="column"] > [flex-gt-md="25"] { flex: 1 1 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } [flex-gt-md="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="30"], [layout-gt-md="row"] > [flex-gt-md="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="30"], [layout-gt-md="column"] > [flex-gt-md="30"] { flex: 1 1 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } [flex-gt-md="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="35"], [layout-gt-md="row"] > [flex-gt-md="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="35"], [layout-gt-md="column"] > [flex-gt-md="35"] { flex: 1 1 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } [flex-gt-md="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="40"], [layout-gt-md="row"] > [flex-gt-md="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="40"], [layout-gt-md="column"] > [flex-gt-md="40"] { flex: 1 1 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } [flex-gt-md="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="45"], [layout-gt-md="row"] > [flex-gt-md="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="45"], [layout-gt-md="column"] > [flex-gt-md="45"] { flex: 1 1 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } [flex-gt-md="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="50"], [layout-gt-md="row"] > [flex-gt-md="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="50"], [layout-gt-md="column"] > [flex-gt-md="50"] { flex: 1 1 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } [flex-gt-md="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="55"], [layout-gt-md="row"] > [flex-gt-md="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="55"], [layout-gt-md="column"] > [flex-gt-md="55"] { flex: 1 1 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } [flex-gt-md="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="60"], [layout-gt-md="row"] > [flex-gt-md="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="60"], [layout-gt-md="column"] > [flex-gt-md="60"] { flex: 1 1 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } [flex-gt-md="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="65"], [layout-gt-md="row"] > [flex-gt-md="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="65"], [layout-gt-md="column"] > [flex-gt-md="65"] { flex: 1 1 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } [flex-gt-md="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="70"], [layout-gt-md="row"] > [flex-gt-md="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="70"], [layout-gt-md="column"] > [flex-gt-md="70"] { flex: 1 1 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } [flex-gt-md="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="75"], [layout-gt-md="row"] > [flex-gt-md="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="75"], [layout-gt-md="column"] > [flex-gt-md="75"] { flex: 1 1 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } [flex-gt-md="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="80"], [layout-gt-md="row"] > [flex-gt-md="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="80"], [layout-gt-md="column"] > [flex-gt-md="80"] { flex: 1 1 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } [flex-gt-md="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="85"], [layout-gt-md="row"] > [flex-gt-md="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="85"], [layout-gt-md="column"] > [flex-gt-md="85"] { flex: 1 1 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } [flex-gt-md="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="90"], [layout-gt-md="row"] > [flex-gt-md="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="90"], [layout-gt-md="column"] > [flex-gt-md="90"] { flex: 1 1 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } [flex-gt-md="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="95"], [layout-gt-md="row"] > [flex-gt-md="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="95"], [layout-gt-md="column"] > [flex-gt-md="95"] { flex: 1 1 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } [flex-gt-md="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="100"], [layout-gt-md="row"] > [flex-gt-md="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="100"], [layout-gt-md="column"] > [flex-gt-md="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="33"], [layout="row"] > [flex-gt-md="33"], [layout-gt-md="row"] > [flex-gt-md="33"], [layout-gt-md="row"] > [flex-gt-md="33"] { flex: 1 1 33%; max-width: calc(100% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="34"], [layout="row"] > [flex-gt-md="34"], [layout-gt-md="row"] > [flex-gt-md="34"], [layout-gt-md="row"] > [flex-gt-md="34"] { flex: 1 1 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="66"], [layout="row"] > [flex-gt-md="66"], [layout-gt-md="row"] > [flex-gt-md="66"], [layout-gt-md="row"] > [flex-gt-md="66"] { flex: 1 1 66%; max-width: calc(200% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-md="67"], [layout="row"] > [flex-gt-md="67"], [layout-gt-md="row"] > [flex-gt-md="67"], [layout-gt-md="row"] > [flex-gt-md="67"] { flex: 1 1 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="33"], [layout="column"] > [flex-gt-md="33"], [layout-gt-md="column"] > [flex-gt-md="33"], [layout-gt-md="column"] > [flex-gt-md="33"] { flex: 1 1 33%; max-width: 100%; max-height: calc(100% / 3); box-sizing: border-box; } [layout="column"] > [flex-gt-md="34"], [layout="column"] > [flex-gt-md="34"], [layout-gt-md="column"] > [flex-gt-md="34"], [layout-gt-md="column"] > [flex-gt-md="34"] { flex: 1 1 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } [layout="column"] > [flex-gt-md="66"], [layout="column"] > [flex-gt-md="66"], [layout-gt-md="column"] > [flex-gt-md="66"], [layout-gt-md="column"] > [flex-gt-md="66"] { flex: 1 1 66%; max-width: 100%; max-height: calc(200% / 3); box-sizing: border-box; } [layout="column"] > [flex-gt-md="67"], [layout="column"] > [flex-gt-md="67"], [layout-gt-md="column"] > [flex-gt-md="67"], [layout-gt-md="column"] > [flex-gt-md="67"] { flex: 1 1 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } [layout-gt-md], [layout-gt-md="column"], [layout-gt-md="row"] { box-sizing: border-box; display: flex; } [layout-gt-md="column"] { flex-direction: column; } [layout-gt-md="row"] { flex-direction: row; } } @media (min-width: 960px) and (max-width: 1279px) { [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]) { display: none; } [hide-lg]:not([show-lg]):not([show]) { display: none; } [flex-order-lg="-20"] { order: -20; } [flex-order-lg="-19"] { order: -19; } [flex-order-lg="-18"] { order: -18; } [flex-order-lg="-17"] { order: -17; } [flex-order-lg="-16"] { order: -16; } [flex-order-lg="-15"] { order: -15; } [flex-order-lg="-14"] { order: -14; } [flex-order-lg="-13"] { order: -13; } [flex-order-lg="-12"] { order: -12; } [flex-order-lg="-11"] { order: -11; } [flex-order-lg="-10"] { order: -10; } [flex-order-lg="-9"] { order: -9; } [flex-order-lg="-8"] { order: -8; } [flex-order-lg="-7"] { order: -7; } [flex-order-lg="-6"] { order: -6; } [flex-order-lg="-5"] { order: -5; } [flex-order-lg="-4"] { order: -4; } [flex-order-lg="-3"] { order: -3; } [flex-order-lg="-2"] { order: -2; } [flex-order-lg="-1"] { order: -1; } [flex-order-lg="0"] { order: 0; } [flex-order-lg="1"] { order: 1; } [flex-order-lg="2"] { order: 2; } [flex-order-lg="3"] { order: 3; } [flex-order-lg="4"] { order: 4; } [flex-order-lg="5"] { order: 5; } [flex-order-lg="6"] { order: 6; } [flex-order-lg="7"] { order: 7; } [flex-order-lg="8"] { order: 8; } [flex-order-lg="9"] { order: 9; } [flex-order-lg="10"] { order: 10; } [flex-order-lg="11"] { order: 11; } [flex-order-lg="12"] { order: 12; } [flex-order-lg="13"] { order: 13; } [flex-order-lg="14"] { order: 14; } [flex-order-lg="15"] { order: 15; } [flex-order-lg="16"] { order: 16; } [flex-order-lg="17"] { order: 17; } [flex-order-lg="18"] { order: 18; } [flex-order-lg="19"] { order: 19; } [flex-order-lg="20"] { order: 20; } [flex-offset-lg="0"] { margin-left: 0%; } [flex-offset-lg="5"] { margin-left: 5%; } [flex-offset-lg="10"] { margin-left: 10%; } [flex-offset-lg="15"] { margin-left: 15%; } [flex-offset-lg="20"] { margin-left: 20%; } [flex-offset-lg="25"] { margin-left: 25%; } [flex-offset-lg="30"] { margin-left: 30%; } [flex-offset-lg="35"] { margin-left: 35%; } [flex-offset-lg="40"] { margin-left: 40%; } [flex-offset-lg="45"] { margin-left: 45%; } [flex-offset-lg="50"] { margin-left: 50%; } [flex-offset-lg="55"] { margin-left: 55%; } [flex-offset-lg="60"] { margin-left: 60%; } [flex-offset-lg="65"] { margin-left: 65%; } [flex-offset-lg="70"] { margin-left: 70%; } [flex-offset-lg="75"] { margin-left: 75%; } [flex-offset-lg="80"] { margin-left: 80%; } [flex-offset-lg="85"] { margin-left: 85%; } [flex-offset-lg="90"] { margin-left: 90%; } [flex-offset-lg="95"] { margin-left: 95%; } [flex-offset-lg="33"] { margin-left: calc(100% / 3); } [flex-offset-lg="66"] { margin-left: calc(200% / 3); } [layout-align-lg], [layout-align-lg="start stretch"] { justify-content: flex-start; align-content: stretch; align-items: stretch; } [layout-align-lg="start"], [layout-align-lg="start start"], [layout-align-lg="start center"], [layout-align-lg="start end"], [layout-align-lg="start stretch"] { justify-content: start; } [layout-align-lg="center"], [layout-align-lg="center start"], [layout-align-lg="center center"], [layout-align-lg="center end"], [layout-align-lg="center stretch"] { justify-content: center; } [layout-align-lg="end"], [layout-align-lg="end center"], [layout-align-lg="end start"], [layout-align-lg="end end"], [layout-align-lg="end stretch"] { justify-content: flex-end; } [layout-align-lg="space-around"], [layout-align-lg="space-around center"], [layout-align-lg="space-around start"], [layout-align-lg="space-around end"], [layout-align-lg="space-around stretch"] { justify-content: space-around; } [layout-align-lg="space-between"], [layout-align-lg="space-between center"], [layout-align-lg="space-between start"], [layout-align-lg="space-between end"], [layout-align-lg="space-between stretch"] { justify-content: space-between; } [layout-align-lg="start start"], [layout-align-lg="center start"], [layout-align-lg="end start"], [layout-align-lg="space-between start"], [layout-align-lg="space-around start"] { align-items: flex-start; align-content: flex-start; } [layout-align-lg="start center"], [layout-align-lg="center center"], [layout-align-lg="end center"], [layout-align-lg="space-between center"], [layout-align-lg="space-around center"] { align-items: center; align-content: center; max-width: 100%; } [layout-align-lg="start center"] > *, [layout-align-lg="center center"] > *, [layout-align-lg="end center"] > *, [layout-align-lg="space-between center"] > *, [layout-align-lg="space-around center"] > * { max-width: 100%; box-sizing: border-box; } [layout-align-lg="start end"], [layout-align-lg="center end"], [layout-align-lg="end end"], [layout-align-lg="space-between end"], [layout-align-lg="space-around end"] { align-items: flex-end; align-content: flex-end; } [layout-align-lg="start stretch"], [layout-align-lg="center stretch"], [layout-align-lg="end stretch"], [layout-align-lg="space-between stretch"], [layout-align-lg="space-around stretch"] { align-items: stretch; align-content: stretch; } [flex-lg] { flex: 1; box-sizing: border-box; } } @media screen\0 and (min-width: 960px) and (max-width: 1279px) { [flex-lg] { flex: 1 1 0%; } } @media (min-width: 960px) and (max-width: 1279px) { [flex-lg="grow"], [flex-lg-grow] { flex: 1 1 100%; box-sizing: border-box; } [flex-lg="initial"], [flex-lg-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-lg="auto"], [flex-lg-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-lg="none"], [flex-lg-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-lg="noshrink"], [flex-lg-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [flex-lg="nogrow"], [flex-lg-nogrow] { flex: 0 1 auto; box-sizing: border-box; } [flex-lg="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="0"], [layout-lg="row"] > [flex-lg="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="0"], [layout-lg="column"] > [flex-lg="0"] { flex: 1 1 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } [flex-lg="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="5"], [layout-lg="row"] > [flex-lg="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="5"], [layout-lg="column"] > [flex-lg="5"] { flex: 1 1 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } [flex-lg="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="10"], [layout-lg="row"] > [flex-lg="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="10"], [layout-lg="column"] > [flex-lg="10"] { flex: 1 1 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } [flex-lg="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="15"], [layout-lg="row"] > [flex-lg="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="15"], [layout-lg="column"] > [flex-lg="15"] { flex: 1 1 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } [flex-lg="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="20"], [layout-lg="row"] > [flex-lg="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="20"], [layout-lg="column"] > [flex-lg="20"] { flex: 1 1 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } [flex-lg="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="25"], [layout-lg="row"] > [flex-lg="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="25"], [layout-lg="column"] > [flex-lg="25"] { flex: 1 1 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } [flex-lg="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="30"], [layout-lg="row"] > [flex-lg="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="30"], [layout-lg="column"] > [flex-lg="30"] { flex: 1 1 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } [flex-lg="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="35"], [layout-lg="row"] > [flex-lg="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="35"], [layout-lg="column"] > [flex-lg="35"] { flex: 1 1 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } [flex-lg="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="40"], [layout-lg="row"] > [flex-lg="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="40"], [layout-lg="column"] > [flex-lg="40"] { flex: 1 1 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } [flex-lg="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="45"], [layout-lg="row"] > [flex-lg="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="45"], [layout-lg="column"] > [flex-lg="45"] { flex: 1 1 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } [flex-lg="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="50"], [layout-lg="row"] > [flex-lg="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="50"], [layout-lg="column"] > [flex-lg="50"] { flex: 1 1 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } [flex-lg="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="55"], [layout-lg="row"] > [flex-lg="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="55"], [layout-lg="column"] > [flex-lg="55"] { flex: 1 1 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } [flex-lg="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="60"], [layout-lg="row"] > [flex-lg="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="60"], [layout-lg="column"] > [flex-lg="60"] { flex: 1 1 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } [flex-lg="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="65"], [layout-lg="row"] > [flex-lg="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="65"], [layout-lg="column"] > [flex-lg="65"] { flex: 1 1 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } [flex-lg="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="70"], [layout-lg="row"] > [flex-lg="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="70"], [layout-lg="column"] > [flex-lg="70"] { flex: 1 1 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } [flex-lg="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="75"], [layout-lg="row"] > [flex-lg="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="75"], [layout-lg="column"] > [flex-lg="75"] { flex: 1 1 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } [flex-lg="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="80"], [layout-lg="row"] > [flex-lg="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="80"], [layout-lg="column"] > [flex-lg="80"] { flex: 1 1 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } [flex-lg="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="85"], [layout-lg="row"] > [flex-lg="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="85"], [layout-lg="column"] > [flex-lg="85"] { flex: 1 1 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } [flex-lg="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="90"], [layout-lg="row"] > [flex-lg="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="90"], [layout-lg="column"] > [flex-lg="90"] { flex: 1 1 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } [flex-lg="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="95"], [layout-lg="row"] > [flex-lg="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="95"], [layout-lg="column"] > [flex-lg="95"] { flex: 1 1 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } [flex-lg="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="100"], [layout-lg="row"] > [flex-lg="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="100"], [layout-lg="column"] > [flex-lg="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="33"], [layout="row"] > [flex-lg="33"], [layout-lg="row"] > [flex-lg="33"], [layout-lg="row"] > [flex-lg="33"] { flex: 1 1 33%; max-width: calc(100% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="34"], [layout="row"] > [flex-lg="34"], [layout-lg="row"] > [flex-lg="34"], [layout-lg="row"] > [flex-lg="34"] { flex: 1 1 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="66"], [layout="row"] > [flex-lg="66"], [layout-lg="row"] > [flex-lg="66"], [layout-lg="row"] > [flex-lg="66"] { flex: 1 1 66%; max-width: calc(200% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-lg="67"], [layout="row"] > [flex-lg="67"], [layout-lg="row"] > [flex-lg="67"], [layout-lg="row"] > [flex-lg="67"] { flex: 1 1 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-lg="33"], [layout="column"] > [flex-lg="33"], [layout-lg="column"] > [flex-lg="33"], [layout-lg="column"] > [flex-lg="33"] { flex: 1 1 33%; max-width: 100%; max-height: calc(100% / 3); box-sizing: border-box; } [layout="column"] > [flex-lg="34"], [layout="column"] > [flex-lg="34"], [layout-lg="column"] > [flex-lg="34"], [layout-lg="column"] > [flex-lg="34"] { flex: 1 1 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } [layout="column"] > [flex-lg="66"], [layout="column"] > [flex-lg="66"], [layout-lg="column"] > [flex-lg="66"], [layout-lg="column"] > [flex-lg="66"] { flex: 1 1 66%; max-width: 100%; max-height: calc(200% / 3); box-sizing: border-box; } [layout="column"] > [flex-lg="67"], [layout="column"] > [flex-lg="67"], [layout-lg="column"] > [flex-lg="67"], [layout-lg="column"] > [flex-lg="67"] { flex: 1 1 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } [layout-lg], [layout-lg="column"], [layout-lg="row"] { box-sizing: border-box; display: flex; } [layout-lg="column"] { flex-direction: column; } [layout-lg="row"] { flex-direction: row; } } @media (min-width: 1280px) { [flex-order-gt-lg="-20"] { order: -20; } [flex-order-gt-lg="-19"] { order: -19; } [flex-order-gt-lg="-18"] { order: -18; } [flex-order-gt-lg="-17"] { order: -17; } [flex-order-gt-lg="-16"] { order: -16; } [flex-order-gt-lg="-15"] { order: -15; } [flex-order-gt-lg="-14"] { order: -14; } [flex-order-gt-lg="-13"] { order: -13; } [flex-order-gt-lg="-12"] { order: -12; } [flex-order-gt-lg="-11"] { order: -11; } [flex-order-gt-lg="-10"] { order: -10; } [flex-order-gt-lg="-9"] { order: -9; } [flex-order-gt-lg="-8"] { order: -8; } [flex-order-gt-lg="-7"] { order: -7; } [flex-order-gt-lg="-6"] { order: -6; } [flex-order-gt-lg="-5"] { order: -5; } [flex-order-gt-lg="-4"] { order: -4; } [flex-order-gt-lg="-3"] { order: -3; } [flex-order-gt-lg="-2"] { order: -2; } [flex-order-gt-lg="-1"] { order: -1; } [flex-order-gt-lg="0"] { order: 0; } [flex-order-gt-lg="1"] { order: 1; } [flex-order-gt-lg="2"] { order: 2; } [flex-order-gt-lg="3"] { order: 3; } [flex-order-gt-lg="4"] { order: 4; } [flex-order-gt-lg="5"] { order: 5; } [flex-order-gt-lg="6"] { order: 6; } [flex-order-gt-lg="7"] { order: 7; } [flex-order-gt-lg="8"] { order: 8; } [flex-order-gt-lg="9"] { order: 9; } [flex-order-gt-lg="10"] { order: 10; } [flex-order-gt-lg="11"] { order: 11; } [flex-order-gt-lg="12"] { order: 12; } [flex-order-gt-lg="13"] { order: 13; } [flex-order-gt-lg="14"] { order: 14; } [flex-order-gt-lg="15"] { order: 15; } [flex-order-gt-lg="16"] { order: 16; } [flex-order-gt-lg="17"] { order: 17; } [flex-order-gt-lg="18"] { order: 18; } [flex-order-gt-lg="19"] { order: 19; } [flex-order-gt-lg="20"] { order: 20; } [flex-offset-gt-lg="0"] { margin-left: 0%; } [flex-offset-gt-lg="5"] { margin-left: 5%; } [flex-offset-gt-lg="10"] { margin-left: 10%; } [flex-offset-gt-lg="15"] { margin-left: 15%; } [flex-offset-gt-lg="20"] { margin-left: 20%; } [flex-offset-gt-lg="25"] { margin-left: 25%; } [flex-offset-gt-lg="30"] { margin-left: 30%; } [flex-offset-gt-lg="35"] { margin-left: 35%; } [flex-offset-gt-lg="40"] { margin-left: 40%; } [flex-offset-gt-lg="45"] { margin-left: 45%; } [flex-offset-gt-lg="50"] { margin-left: 50%; } [flex-offset-gt-lg="55"] { margin-left: 55%; } [flex-offset-gt-lg="60"] { margin-left: 60%; } [flex-offset-gt-lg="65"] { margin-left: 65%; } [flex-offset-gt-lg="70"] { margin-left: 70%; } [flex-offset-gt-lg="75"] { margin-left: 75%; } [flex-offset-gt-lg="80"] { margin-left: 80%; } [flex-offset-gt-lg="85"] { margin-left: 85%; } [flex-offset-gt-lg="90"] { margin-left: 90%; } [flex-offset-gt-lg="95"] { margin-left: 95%; } [flex-offset-gt-lg="33"] { margin-left: calc(100% / 3); } [flex-offset-gt-lg="66"] { margin-left: calc(200% / 3); } [layout-align-gt-lg], [layout-align-gt-lg="start stretch"] { justify-content: flex-start; align-content: stretch; align-items: stretch; } [layout-align-gt-lg="start"], [layout-align-gt-lg="start start"], [layout-align-gt-lg="start center"], [layout-align-gt-lg="start end"], [layout-align-gt-lg="start stretch"] { justify-content: start; } [layout-align-gt-lg="center"], [layout-align-gt-lg="center start"], [layout-align-gt-lg="center center"], [layout-align-gt-lg="center end"], [layout-align-gt-lg="center stretch"] { justify-content: center; } [layout-align-gt-lg="end"], [layout-align-gt-lg="end center"], [layout-align-gt-lg="end start"], [layout-align-gt-lg="end end"], [layout-align-gt-lg="end stretch"] { justify-content: flex-end; } [layout-align-gt-lg="space-around"], [layout-align-gt-lg="space-around center"], [layout-align-gt-lg="space-around start"], [layout-align-gt-lg="space-around end"], [layout-align-gt-lg="space-around stretch"] { justify-content: space-around; } [layout-align-gt-lg="space-between"], [layout-align-gt-lg="space-between center"], [layout-align-gt-lg="space-between start"], [layout-align-gt-lg="space-between end"], [layout-align-gt-lg="space-between stretch"] { justify-content: space-between; } [layout-align-gt-lg="start start"], [layout-align-gt-lg="center start"], [layout-align-gt-lg="end start"], [layout-align-gt-lg="space-between start"], [layout-align-gt-lg="space-around start"] { align-items: flex-start; align-content: flex-start; } [layout-align-gt-lg="start center"], [layout-align-gt-lg="center center"], [layout-align-gt-lg="end center"], [layout-align-gt-lg="space-between center"], [layout-align-gt-lg="space-around center"] { align-items: center; align-content: center; max-width: 100%; } [layout-align-gt-lg="start center"] > *, [layout-align-gt-lg="center center"] > *, [layout-align-gt-lg="end center"] > *, [layout-align-gt-lg="space-between center"] > *, [layout-align-gt-lg="space-around center"] > * { max-width: 100%; box-sizing: border-box; } [layout-align-gt-lg="start end"], [layout-align-gt-lg="center end"], [layout-align-gt-lg="end end"], [layout-align-gt-lg="space-between end"], [layout-align-gt-lg="space-around end"] { align-items: flex-end; align-content: flex-end; } [layout-align-gt-lg="start stretch"], [layout-align-gt-lg="center stretch"], [layout-align-gt-lg="end stretch"], [layout-align-gt-lg="space-between stretch"], [layout-align-gt-lg="space-around stretch"] { align-items: stretch; align-content: stretch; } [flex-gt-lg] { flex: 1; box-sizing: border-box; } } @media screen\0 and (min-width: 1280px) { [flex-gt-lg] { flex: 1 1 0%; } } @media (min-width: 1280px) { [flex-gt-lg="grow"], [flex-gt-lg-grow] { flex: 1 1 100%; box-sizing: border-box; } [flex-gt-lg="initial"], [flex-gt-lg-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-gt-lg="auto"], [flex-gt-lg-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-gt-lg="none"], [flex-gt-lg-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-gt-lg="noshrink"], [flex-gt-lg-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [flex-gt-lg="nogrow"], [flex-gt-lg-nogrow] { flex: 0 1 auto; box-sizing: border-box; } [flex-gt-lg="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="0"], [layout-gt-lg="row"] > [flex-gt-lg="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="0"], [layout-gt-lg="column"] > [flex-gt-lg="0"] { flex: 1 1 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } [flex-gt-lg="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="5"], [layout-gt-lg="row"] > [flex-gt-lg="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="5"], [layout-gt-lg="column"] > [flex-gt-lg="5"] { flex: 1 1 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } [flex-gt-lg="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="10"], [layout-gt-lg="row"] > [flex-gt-lg="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="10"], [layout-gt-lg="column"] > [flex-gt-lg="10"] { flex: 1 1 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } [flex-gt-lg="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="15"], [layout-gt-lg="row"] > [flex-gt-lg="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="15"], [layout-gt-lg="column"] > [flex-gt-lg="15"] { flex: 1 1 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } [flex-gt-lg="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="20"], [layout-gt-lg="row"] > [flex-gt-lg="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="20"], [layout-gt-lg="column"] > [flex-gt-lg="20"] { flex: 1 1 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } [flex-gt-lg="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="25"], [layout-gt-lg="row"] > [flex-gt-lg="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="25"], [layout-gt-lg="column"] > [flex-gt-lg="25"] { flex: 1 1 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } [flex-gt-lg="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="30"], [layout-gt-lg="row"] > [flex-gt-lg="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="30"], [layout-gt-lg="column"] > [flex-gt-lg="30"] { flex: 1 1 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } [flex-gt-lg="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="35"], [layout-gt-lg="row"] > [flex-gt-lg="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="35"], [layout-gt-lg="column"] > [flex-gt-lg="35"] { flex: 1 1 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } [flex-gt-lg="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="40"], [layout-gt-lg="row"] > [flex-gt-lg="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="40"], [layout-gt-lg="column"] > [flex-gt-lg="40"] { flex: 1 1 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } [flex-gt-lg="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="45"], [layout-gt-lg="row"] > [flex-gt-lg="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="45"], [layout-gt-lg="column"] > [flex-gt-lg="45"] { flex: 1 1 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } [flex-gt-lg="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="50"], [layout-gt-lg="row"] > [flex-gt-lg="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="50"], [layout-gt-lg="column"] > [flex-gt-lg="50"] { flex: 1 1 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } [flex-gt-lg="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="55"], [layout-gt-lg="row"] > [flex-gt-lg="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="55"], [layout-gt-lg="column"] > [flex-gt-lg="55"] { flex: 1 1 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } [flex-gt-lg="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="60"], [layout-gt-lg="row"] > [flex-gt-lg="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="60"], [layout-gt-lg="column"] > [flex-gt-lg="60"] { flex: 1 1 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } [flex-gt-lg="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="65"], [layout-gt-lg="row"] > [flex-gt-lg="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="65"], [layout-gt-lg="column"] > [flex-gt-lg="65"] { flex: 1 1 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } [flex-gt-lg="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="70"], [layout-gt-lg="row"] > [flex-gt-lg="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="70"], [layout-gt-lg="column"] > [flex-gt-lg="70"] { flex: 1 1 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } [flex-gt-lg="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="75"], [layout-gt-lg="row"] > [flex-gt-lg="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="75"], [layout-gt-lg="column"] > [flex-gt-lg="75"] { flex: 1 1 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } [flex-gt-lg="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="80"], [layout-gt-lg="row"] > [flex-gt-lg="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="80"], [layout-gt-lg="column"] > [flex-gt-lg="80"] { flex: 1 1 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } [flex-gt-lg="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="85"], [layout-gt-lg="row"] > [flex-gt-lg="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="85"], [layout-gt-lg="column"] > [flex-gt-lg="85"] { flex: 1 1 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } [flex-gt-lg="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="90"], [layout-gt-lg="row"] > [flex-gt-lg="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="90"], [layout-gt-lg="column"] > [flex-gt-lg="90"] { flex: 1 1 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } [flex-gt-lg="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="95"], [layout-gt-lg="row"] > [flex-gt-lg="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="95"], [layout-gt-lg="column"] > [flex-gt-lg="95"] { flex: 1 1 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } [flex-gt-lg="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="100"], [layout-gt-lg="row"] > [flex-gt-lg="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="100"], [layout-gt-lg="column"] > [flex-gt-lg="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="33"], [layout="row"] > [flex-gt-lg="33"], [layout-gt-lg="row"] > [flex-gt-lg="33"], [layout-gt-lg="row"] > [flex-gt-lg="33"] { flex: 1 1 33%; max-width: calc(100% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="34"], [layout="row"] > [flex-gt-lg="34"], [layout-gt-lg="row"] > [flex-gt-lg="34"], [layout-gt-lg="row"] > [flex-gt-lg="34"] { flex: 1 1 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="66"], [layout="row"] > [flex-gt-lg="66"], [layout-gt-lg="row"] > [flex-gt-lg="66"], [layout-gt-lg="row"] > [flex-gt-lg="66"] { flex: 1 1 66%; max-width: calc(200% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-gt-lg="67"], [layout="row"] > [flex-gt-lg="67"], [layout-gt-lg="row"] > [flex-gt-lg="67"], [layout-gt-lg="row"] > [flex-gt-lg="67"] { flex: 1 1 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="33"], [layout="column"] > [flex-gt-lg="33"], [layout-gt-lg="column"] > [flex-gt-lg="33"], [layout-gt-lg="column"] > [flex-gt-lg="33"] { flex: 1 1 33%; max-width: 100%; max-height: calc(100% / 3); box-sizing: border-box; } [layout="column"] > [flex-gt-lg="34"], [layout="column"] > [flex-gt-lg="34"], [layout-gt-lg="column"] > [flex-gt-lg="34"], [layout-gt-lg="column"] > [flex-gt-lg="34"] { flex: 1 1 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } [layout="column"] > [flex-gt-lg="66"], [layout="column"] > [flex-gt-lg="66"], [layout-gt-lg="column"] > [flex-gt-lg="66"], [layout-gt-lg="column"] > [flex-gt-lg="66"] { flex: 1 1 66%; max-width: 100%; max-height: calc(200% / 3); box-sizing: border-box; } [layout="column"] > [flex-gt-lg="67"], [layout="column"] > [flex-gt-lg="67"], [layout-gt-lg="column"] > [flex-gt-lg="67"], [layout-gt-lg="column"] > [flex-gt-lg="67"] { flex: 1 1 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } [layout-gt-lg], [layout-gt-lg="column"], [layout-gt-lg="row"] { box-sizing: border-box; display: flex; } [layout-gt-lg="column"] { flex-direction: column; } [layout-gt-lg="row"] { flex-direction: row; } [flex-order-xl="-20"] { order: -20; } [flex-order-xl="-19"] { order: -19; } [flex-order-xl="-18"] { order: -18; } [flex-order-xl="-17"] { order: -17; } [flex-order-xl="-16"] { order: -16; } [flex-order-xl="-15"] { order: -15; } [flex-order-xl="-14"] { order: -14; } [flex-order-xl="-13"] { order: -13; } [flex-order-xl="-12"] { order: -12; } [flex-order-xl="-11"] { order: -11; } [flex-order-xl="-10"] { order: -10; } [flex-order-xl="-9"] { order: -9; } [flex-order-xl="-8"] { order: -8; } [flex-order-xl="-7"] { order: -7; } [flex-order-xl="-6"] { order: -6; } [flex-order-xl="-5"] { order: -5; } [flex-order-xl="-4"] { order: -4; } [flex-order-xl="-3"] { order: -3; } [flex-order-xl="-2"] { order: -2; } [flex-order-xl="-1"] { order: -1; } [flex-order-xl="0"] { order: 0; } [flex-order-xl="1"] { order: 1; } [flex-order-xl="2"] { order: 2; } [flex-order-xl="3"] { order: 3; } [flex-order-xl="4"] { order: 4; } [flex-order-xl="5"] { order: 5; } [flex-order-xl="6"] { order: 6; } [flex-order-xl="7"] { order: 7; } [flex-order-xl="8"] { order: 8; } [flex-order-xl="9"] { order: 9; } [flex-order-xl="10"] { order: 10; } [flex-order-xl="11"] { order: 11; } [flex-order-xl="12"] { order: 12; } [flex-order-xl="13"] { order: 13; } [flex-order-xl="14"] { order: 14; } [flex-order-xl="15"] { order: 15; } [flex-order-xl="16"] { order: 16; } [flex-order-xl="17"] { order: 17; } [flex-order-xl="18"] { order: 18; } [flex-order-xl="19"] { order: 19; } [flex-order-xl="20"] { order: 20; } [flex-offset-xl="0"] { margin-left: 0%; } [flex-offset-xl="5"] { margin-left: 5%; } [flex-offset-xl="10"] { margin-left: 10%; } [flex-offset-xl="15"] { margin-left: 15%; } [flex-offset-xl="20"] { margin-left: 20%; } [flex-offset-xl="25"] { margin-left: 25%; } [flex-offset-xl="30"] { margin-left: 30%; } [flex-offset-xl="35"] { margin-left: 35%; } [flex-offset-xl="40"] { margin-left: 40%; } [flex-offset-xl="45"] { margin-left: 45%; } [flex-offset-xl="50"] { margin-left: 50%; } [flex-offset-xl="55"] { margin-left: 55%; } [flex-offset-xl="60"] { margin-left: 60%; } [flex-offset-xl="65"] { margin-left: 65%; } [flex-offset-xl="70"] { margin-left: 70%; } [flex-offset-xl="75"] { margin-left: 75%; } [flex-offset-xl="80"] { margin-left: 80%; } [flex-offset-xl="85"] { margin-left: 85%; } [flex-offset-xl="90"] { margin-left: 90%; } [flex-offset-xl="95"] { margin-left: 95%; } [flex-offset-xl="33"] { margin-left: calc(100% / 3); } [flex-offset-xl="66"] { margin-left: calc(200% / 3); } [layout-align-xl], [layout-align-xl="start stretch"] { justify-content: flex-start; align-content: stretch; align-items: stretch; } [layout-align-xl="start"], [layout-align-xl="start start"], [layout-align-xl="start center"], [layout-align-xl="start end"], [layout-align-xl="start stretch"] { justify-content: start; } [layout-align-xl="center"], [layout-align-xl="center start"], [layout-align-xl="center center"], [layout-align-xl="center end"], [layout-align-xl="center stretch"] { justify-content: center; } [layout-align-xl="end"], [layout-align-xl="end center"], [layout-align-xl="end start"], [layout-align-xl="end end"], [layout-align-xl="end stretch"] { justify-content: flex-end; } [layout-align-xl="space-around"], [layout-align-xl="space-around center"], [layout-align-xl="space-around start"], [layout-align-xl="space-around end"], [layout-align-xl="space-around stretch"] { justify-content: space-around; } [layout-align-xl="space-between"], [layout-align-xl="space-between center"], [layout-align-xl="space-between start"], [layout-align-xl="space-between end"], [layout-align-xl="space-between stretch"] { justify-content: space-between; } [layout-align-xl="start start"], [layout-align-xl="center start"], [layout-align-xl="end start"], [layout-align-xl="space-between start"], [layout-align-xl="space-around start"] { align-items: flex-start; align-content: flex-start; } [layout-align-xl="start center"], [layout-align-xl="center center"], [layout-align-xl="end center"], [layout-align-xl="space-between center"], [layout-align-xl="space-around center"] { align-items: center; align-content: center; max-width: 100%; } [layout-align-xl="start center"] > *, [layout-align-xl="center center"] > *, [layout-align-xl="end center"] > *, [layout-align-xl="space-between center"] > *, [layout-align-xl="space-around center"] > * { max-width: 100%; box-sizing: border-box; } [layout-align-xl="start end"], [layout-align-xl="center end"], [layout-align-xl="end end"], [layout-align-xl="space-between end"], [layout-align-xl="space-around end"] { align-items: flex-end; align-content: flex-end; } [layout-align-xl="start stretch"], [layout-align-xl="center stretch"], [layout-align-xl="end stretch"], [layout-align-xl="space-between stretch"], [layout-align-xl="space-around stretch"] { align-items: stretch; align-content: stretch; } [flex-xl] { flex: 1; box-sizing: border-box; } } @media screen\0 and (min-width: 1280px) { [flex-xl] { flex: 1 1 0%; } } @media (min-width: 1280px) { [flex-xl="grow"], [flex-xl-grow] { flex: 1 1 100%; box-sizing: border-box; } [flex-xl="initial"], [flex-xl-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-xl="auto"], [flex-xl-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-xl="none"], [flex-xl-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-xl="noshrink"], [flex-xl-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [flex-xl="nogrow"], [flex-xl-nogrow] { flex: 0 1 auto; box-sizing: border-box; } [flex-xl="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="0"], [layout-xl="row"] > [flex-xl="0"] { flex: 1 1 0%; max-width: 0%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="0"], [layout-xl="column"] > [flex-xl="0"] { flex: 1 1 0%; max-width: 100%; max-height: 0%; box-sizing: border-box; } [flex-xl="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="5"], [layout-xl="row"] > [flex-xl="5"] { flex: 1 1 5%; max-width: 5%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="5"], [layout-xl="column"] > [flex-xl="5"] { flex: 1 1 5%; max-width: 100%; max-height: 5%; box-sizing: border-box; } [flex-xl="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="10"], [layout-xl="row"] > [flex-xl="10"] { flex: 1 1 10%; max-width: 10%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="10"], [layout-xl="column"] > [flex-xl="10"] { flex: 1 1 10%; max-width: 100%; max-height: 10%; box-sizing: border-box; } [flex-xl="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="15"], [layout-xl="row"] > [flex-xl="15"] { flex: 1 1 15%; max-width: 15%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="15"], [layout-xl="column"] > [flex-xl="15"] { flex: 1 1 15%; max-width: 100%; max-height: 15%; box-sizing: border-box; } [flex-xl="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="20"], [layout-xl="row"] > [flex-xl="20"] { flex: 1 1 20%; max-width: 20%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="20"], [layout-xl="column"] > [flex-xl="20"] { flex: 1 1 20%; max-width: 100%; max-height: 20%; box-sizing: border-box; } [flex-xl="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="25"], [layout-xl="row"] > [flex-xl="25"] { flex: 1 1 25%; max-width: 25%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="25"], [layout-xl="column"] > [flex-xl="25"] { flex: 1 1 25%; max-width: 100%; max-height: 25%; box-sizing: border-box; } [flex-xl="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="30"], [layout-xl="row"] > [flex-xl="30"] { flex: 1 1 30%; max-width: 30%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="30"], [layout-xl="column"] > [flex-xl="30"] { flex: 1 1 30%; max-width: 100%; max-height: 30%; box-sizing: border-box; } [flex-xl="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="35"], [layout-xl="row"] > [flex-xl="35"] { flex: 1 1 35%; max-width: 35%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="35"], [layout-xl="column"] > [flex-xl="35"] { flex: 1 1 35%; max-width: 100%; max-height: 35%; box-sizing: border-box; } [flex-xl="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="40"], [layout-xl="row"] > [flex-xl="40"] { flex: 1 1 40%; max-width: 40%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="40"], [layout-xl="column"] > [flex-xl="40"] { flex: 1 1 40%; max-width: 100%; max-height: 40%; box-sizing: border-box; } [flex-xl="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="45"], [layout-xl="row"] > [flex-xl="45"] { flex: 1 1 45%; max-width: 45%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="45"], [layout-xl="column"] > [flex-xl="45"] { flex: 1 1 45%; max-width: 100%; max-height: 45%; box-sizing: border-box; } [flex-xl="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="50"], [layout-xl="row"] > [flex-xl="50"] { flex: 1 1 50%; max-width: 50%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="50"], [layout-xl="column"] > [flex-xl="50"] { flex: 1 1 50%; max-width: 100%; max-height: 50%; box-sizing: border-box; } [flex-xl="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="55"], [layout-xl="row"] > [flex-xl="55"] { flex: 1 1 55%; max-width: 55%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="55"], [layout-xl="column"] > [flex-xl="55"] { flex: 1 1 55%; max-width: 100%; max-height: 55%; box-sizing: border-box; } [flex-xl="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="60"], [layout-xl="row"] > [flex-xl="60"] { flex: 1 1 60%; max-width: 60%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="60"], [layout-xl="column"] > [flex-xl="60"] { flex: 1 1 60%; max-width: 100%; max-height: 60%; box-sizing: border-box; } [flex-xl="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="65"], [layout-xl="row"] > [flex-xl="65"] { flex: 1 1 65%; max-width: 65%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="65"], [layout-xl="column"] > [flex-xl="65"] { flex: 1 1 65%; max-width: 100%; max-height: 65%; box-sizing: border-box; } [flex-xl="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="70"], [layout-xl="row"] > [flex-xl="70"] { flex: 1 1 70%; max-width: 70%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="70"], [layout-xl="column"] > [flex-xl="70"] { flex: 1 1 70%; max-width: 100%; max-height: 70%; box-sizing: border-box; } [flex-xl="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="75"], [layout-xl="row"] > [flex-xl="75"] { flex: 1 1 75%; max-width: 75%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="75"], [layout-xl="column"] > [flex-xl="75"] { flex: 1 1 75%; max-width: 100%; max-height: 75%; box-sizing: border-box; } [flex-xl="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="80"], [layout-xl="row"] > [flex-xl="80"] { flex: 1 1 80%; max-width: 80%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="80"], [layout-xl="column"] > [flex-xl="80"] { flex: 1 1 80%; max-width: 100%; max-height: 80%; box-sizing: border-box; } [flex-xl="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="85"], [layout-xl="row"] > [flex-xl="85"] { flex: 1 1 85%; max-width: 85%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="85"], [layout-xl="column"] > [flex-xl="85"] { flex: 1 1 85%; max-width: 100%; max-height: 85%; box-sizing: border-box; } [flex-xl="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="90"], [layout-xl="row"] > [flex-xl="90"] { flex: 1 1 90%; max-width: 90%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="90"], [layout-xl="column"] > [flex-xl="90"] { flex: 1 1 90%; max-width: 100%; max-height: 90%; box-sizing: border-box; } [flex-xl="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="95"], [layout-xl="row"] > [flex-xl="95"] { flex: 1 1 95%; max-width: 95%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="95"], [layout-xl="column"] > [flex-xl="95"] { flex: 1 1 95%; max-width: 100%; max-height: 95%; box-sizing: border-box; } [flex-xl="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="100"], [layout-xl="row"] > [flex-xl="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="100"], [layout-xl="column"] > [flex-xl="100"] { flex: 1 1 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="33"], [layout="row"] > [flex-xl="33"], [layout-xl="row"] > [flex-xl="33"], [layout-xl="row"] > [flex-xl="33"] { flex: 1 1 33%; max-width: calc(100% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="34"], [layout="row"] > [flex-xl="34"], [layout-xl="row"] > [flex-xl="34"], [layout-xl="row"] > [flex-xl="34"] { flex: 1 1 34%; max-width: 34%; max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="66"], [layout="row"] > [flex-xl="66"], [layout-xl="row"] > [flex-xl="66"], [layout-xl="row"] > [flex-xl="66"] { flex: 1 1 66%; max-width: calc(200% / 3); max-height: 100%; box-sizing: border-box; } [layout="row"] > [flex-xl="67"], [layout="row"] > [flex-xl="67"], [layout-xl="row"] > [flex-xl="67"], [layout-xl="row"] > [flex-xl="67"] { flex: 1 1 67%; max-width: 67%; max-height: 100%; box-sizing: border-box; } [layout="column"] > [flex-xl="33"], [layout="column"] > [flex-xl="33"], [layout-xl="column"] > [flex-xl="33"], [layout-xl="column"] > [flex-xl="33"] { flex: 1 1 33%; max-width: 100%; max-height: calc(100% / 3); box-sizing: border-box; } [layout="column"] > [flex-xl="34"], [layout="column"] > [flex-xl="34"], [layout-xl="column"] > [flex-xl="34"], [layout-xl="column"] > [flex-xl="34"] { flex: 1 1 34%; max-width: 100%; max-height: 34%; box-sizing: border-box; } [layout="column"] > [flex-xl="66"], [layout="column"] > [flex-xl="66"], [layout-xl="column"] > [flex-xl="66"], [layout-xl="column"] > [flex-xl="66"] { flex: 1 1 66%; max-width: 100%; max-height: calc(200% / 3); box-sizing: border-box; } [layout="column"] > [flex-xl="67"], [layout="column"] > [flex-xl="67"], [layout-xl="column"] > [flex-xl="67"], [layout-xl="column"] > [flex-xl="67"] { flex: 1 1 67%; max-width: 100%; max-height: 67%; box-sizing: border-box; } [layout-xl], [layout-xl="column"], [layout-xl="row"] { box-sizing: border-box; display: flex; } [layout-xl="column"] { flex-direction: column; } [layout-xl="row"] { flex-direction: row; } [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-lg]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]) { display: none; } [hide-xl]:not([show-xl]):not([show-gt-lg]):not([show]) { display: none; } } md-list md-list-item [md-list-avatar], md-list a[md-list-item] [md-list-avatar], md-nav-list md-list-item [md-list-avatar], md-nav-list a[md-list-item] [md-list-avatar] { min-width: 40px; } html, body { height: 100%; color: rgba(0, 0, 0, 0.87); background: white; position: relative; } body { margin: 0; padding: 0; } [tabindex='-1']:focus { outline: none; } .inset { padding: 10px; } button.md-no-style { font-weight: normal; background-color: inherit; text-align: left; border: none; padding: 0; margin: 0; } html[dir=rtl] button.md-no-style { text-align: right; unicode-bidi: embed; } body[dir=rtl] button.md-no-style { text-align: right; unicode-bidi: embed; } [dir=rtl] button.md-no-style { text-align: right; unicode-bidi: embed; } button.md-no-style bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } button.md-no-style bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } select, button, textarea, input { vertical-align: baseline; } input[type="reset"], input[type="submit"], html input[type="button"], button { cursor: pointer; -webkit-appearance: button; } input[type="reset"][disabled], input[type="submit"][disabled], html input[type="button"][disabled], button[disabled] { cursor: default; } textarea { vertical-align: top; overflow: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; -webkit-box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } .md-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; text-transform: none; width: 1px; } .md-shadow { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: inherit; pointer-events: none; } .md-shadow-bottom-z-1 { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); } .md-shadow-bottom-z-2 { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); } .md-shadow-animated.md-shadow { transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); } /* * A container inside of a rippling element (eg a button), * which contains all of the individual ripples */ .md-ripple-container { pointer-events: none; position: absolute; overflow: hidden; left: 0; top: 0; width: 100%; height: 100%; } [dir='rtl'] .md-ripple-container { right: 0; left: auto; } /* * A container inside of a rippling element (eg a button), * which contains all of the individual ripples */ .md-ripple-container { pointer-events: none; position: absolute; overflow: hidden; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1); } [dir='rtl'] .md-ripple-container { right: 0; left: auto; } .md-ripple { position: absolute; transform: translate(-50%, -50%) scale(0); transform-origin: 50% 50%; opacity: 0; border-radius: 50%; } .md-ripple.md-ripple-placed { transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1); } .md-ripple.md-ripple-scaled { transform: translate(-50%, -50%) scale(1); } .md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible { opacity: 0.20; } .md-padding { padding: 8px; } .md-margin { margin: 8px; } .md-scroll-mask { position: absolute; background-color: transparent; top: 0; right: 0; bottom: 0; left: 0; } .md-scroll-mask > .md-scroll-mask-bar { display: block; position: absolute; background-color: #fafafa; right: 0; top: 0; bottom: 0; z-index: 65; box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3); } [dir='rtl'] .md-scroll-mask > .md-scroll-mask-bar { left: 0; right: auto; } .md-no-select { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } @media (min-width: 600px) { .md-padding { padding: 16px; } } md-sidenav [md-list-item], md-sidenav [md-list-item]:active, md-sidenav [md-list-item]:focus { outline: none; } md-toolbar [md-button]:first-of-type:not(:last-child) { margin-left: -6px; } [dir='rtl'] md-toolbar [md-button]:first-of-type:not(:last-child) { margin-right: -6px; margin-left: 0; } md-toolbar [md-button]:last-of-type:not(:first-child) { margin-right: -6px; } [dir='rtl'] md-toolbar [md-button]:last-of-type:not(:first-child) { margin-left: -6px; margin-right: 0; } md-toolbar .md-icon-logo { margin-right: 10px; } [dir='rtl'] md-toolbar .md-icon-logo { margin-left: 10px; margin-right: 0; } mat-toolbar [mat-icon-button] { margin: 0 6px; } /** * Mixin that creates a new stacking context. * see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */ html, body { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /************ * Defaults ************/ html { font-family: RobotoDraft, Roboto, "Helvetica Neue", sans-serif; } body { /************ * Headings ************/ /************ * Body Copy ************/ } body select, body button, body textarea, body input { font-family: RobotoDraft, Roboto, "Helvetica Neue", sans-serif; font-size: 100%; } body .md-display-4 { font-size: 112px; font-weight: 300; letter-spacing: -0.010em; line-height: 112px; } body .md-display-3 { font-size: 56px; font-weight: 400; letter-spacing: -0.005em; line-height: 56px; } body .md-display-2 { font-size: 45px; font-weight: 400; line-height: 64px; } body .md-display-1 { font-size: 34px; font-weight: 400; line-height: 40px; } body .md-headline { font-size: 24px; font-weight: 400; line-height: 32px; } body .md-title { font-size: 20px; font-weight: 500; letter-spacing: 0.005em; } body .md-subhead { font-size: 16px; font-weight: 400; letter-spacing: 0.010em; line-height: 24px; } body .md-body-1 { font-size: 14px; font-weight: 400; letter-spacing: 0.010em; line-height: 20px; } body .md-body-2 { font-size: 14px; font-weight: 500; letter-spacing: 0.010em; line-height: 24px; } body .md-caption { font-size: 12px; letter-spacing: 0.020em; } body .md-button { letter-spacing: 0.010em; } .md-whiteframe-1dp, .md-whiteframe-z1 { box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); } .md-whiteframe-2dp { box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12); } .md-whiteframe-3dp { box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12); } .md-whiteframe-4dp, .md-whiteframe-z2 { 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); } .md-whiteframe-5dp { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .md-whiteframe-6dp { 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); } .md-whiteframe-7dp, .md-whiteframe-z3 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .md-whiteframe-8dp { 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); } .md-whiteframe-9dp { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .md-whiteframe-10dp, .md-whiteframe-z4 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .md-whiteframe-11dp { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .md-whiteframe-12dp { 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); } .md-whiteframe-13dp, .md-whiteframe-z5 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .md-whiteframe-14dp { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .md-whiteframe-15dp { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .md-whiteframe-16dp { 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); } .md-whiteframe-17dp { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .md-whiteframe-18dp { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .md-whiteframe-19dp { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .md-whiteframe-20dp { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .md-whiteframe-21dp { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .md-whiteframe-22dp { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .md-whiteframe-23dp { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .md-whiteframe-24dp { 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); } @media screen and (-ms-high-contrast: active) { md-whiteframe { border: 1px solid #fff; } } body [tabindex]:focus { outline: none; } body .radius-none { border-radius: 0; } body .overflow-hidden { overflow: hidden; } body .overflow-auto { overflow: auto; } body .block { display: block; } body .inline-block { display: inline-block; } body .relative { position: relative; } body .fixed { position: fixed; } body .height-auto { min-height: 0; } body .z-3 { z-index: 3; } body .z-2 { z-index: 2; } body .z-1 { z-index: 1; } body .focus-weight:focus { outline: 0; font-weight: 700; } body .cursor-pointer:hover { cursor: pointer; } body .pad { padding: 20px; } body .pad-xxl { padding: 60px; } body .pad-xl { padding: 50px; } body .pad-lg { padding: 40px; } body .pad-md { padding: 30px; } body .pad-sm { padding: 10px; } body .pad-xs { padding: 5px; } body .pad-none { padding: 0px; } body .pad-top { padding-top: 20px; } body .pad-top-xxl { padding-top: 60px; } body .pad-top-xl { padding-top: 50px; } body .pad-top-lg { padding-top: 40px; } body .pad-top-md { padding-top: 30px; } body .pad-top-sm { padding-top: 10px; } body .pad-top-xs { padding-top: 5px; } body .pad-top-none { padding-top: 0px; } body .pad-right { padding-right: 20px; } body .pad-right-xxl { padding-right: 60px; } body .pad-right-xl { padding-right: 50px; } body .pad-right-lg { padding-right: 40px; } body .pad-right-md { padding-right: 30px; } body .pad-right-sm { padding-right: 10px; } body .pad-right-xs { padding-right: 5px; } body .pad-right-none { padding-right: 0px; } body .pad-bottom { padding-bottom: 20px; } body .pad-bottom-button { padding-bottom: 100px; } body .pad-bottom-xxl { padding-bottom: 60px; } body .pad-bottom-xl { padding-bottom: 50px; } body .pad-bottom-lg { padding-bottom: 40px; } body .pad-bottom-md { padding-bottom: 30px; } body .pad-bottom-sm { padding-bottom: 10px; } body .pad-bottom-xs { padding-bottom: 5px; } body .pad-bottom-none { padding-bottom: 0px; } body .pad-left { padding-left: 20px; } body .pad-left-xxl { padding-left: 60px; } body .pad-left-xl { padding-left: 50px; } body .pad-left-lg { padding-left: 40px; } body .pad-left-md { padding-left: 30px; } body .pad-left-sm { padding-left: 10px; } body .pad-left-xs { padding-left: 5px; } body .pad-left-none { padding-left: 0px; } body .pull { margin: -20px; } body .pull-xxl { margin: -40px; } body .pull-xl { margin: -30px; } body .pull-lg { margin: -20px; } body .pull-md { margin: -15px; } body .pull-sm { margin: -10px; } body .pull-xs { margin: -5px; } body .pull-none { margin: -0px; } body .pull-top { margin-top: -20px; } body .pull-top-xxl { margin-top: -40px; } body .pull-top-xl { margin-top: -30px; } body .pull-top-lg { margin-top: -20px; } body .pull-top-md { margin-top: -15px; } body .pull-top-sm { margin-top: -10px; } body .pull-top-xs { margin-top: -5px; } body .pull-top-none { margin-top: -0px; } body .pull-right-xxl { margin-right: -40px; } body .pull-right-xl { margin-right: -30px; } body .pull-right-lg { margin-right: -20px; } body .pull-right-md { margin-right: -15px; } body .pull-right-sm { margin-right: -10px; } body .pull-right-xs { margin-right: -5px; } body .pull-right-none { margin-right: -0px; } body .pull-bottom { margin-bottom: -20px; } body .pull-bottom-xxxl { margin-bottom: -100px; } body .pull-bottom-xxl { margin-bottom: -40px; } body .pull-bottom-xl { margin-bottom: -30px; } body .pull-bottom-lg { margin-bottom: -20px; } body .pull-bottom-md { margin-bottom: -15px; } body .pull-bottom-sm { margin-bottom: -10px; } body .pull-bottom-xs { margin-bottom: -5px; } body .pull-bottom-none { margin-bottom: -0px; } body .pull-left-xxl { margin-left: -40px; } body .pull-left-xl { margin-left: -30px; } body .pull-left-lg { margin-left: -20px; } body .pull-left-md { margin-left: -15px; } body .pull-left-sm { margin-left: -10px; } body .pull-left-xs { margin-left: -5px; } body .pull-left-none { margin-left: -0px; } body .push { margin: 20px; } body .push-xxl { margin: 60px; } body .push-xl { margin: 50px; } body .push-lg { margin: 40px; } body .push-md { margin: 30px; } body .push-sm { margin: 10px; } body .push-xs { margin: 5px; } body .push-none { margin: 0px; } body .push-top { margin-top: 20px; } body .push-top-xxl { margin-top: 60px; } body .push-top-xl { margin-top: 50px; } body .push-top-lg { margin-top: 40px; } body .push-top-md { margin-top: 30px; } body .push-top-sm { margin-top: 10px; } body .push-top-xs { margin-top: 5px; } body .push-top-none { margin-top: 0px; } body .push-right { margin-right: 20px; } body .push-right-xxl { margin-right: 60px; } body .push-right-xl { margin-right: 50px; } body .push-right-lg { margin-right: 40px; } body .push-right-md { margin-right: 30px; } body .push-right-sm { margin-right: 10px; } body .push-right-xs { margin-right: 5px; } body .push-right-none { margin-right: 0px; } body .push-bottom { margin-bottom: 20px; } body .push-bottom-button { margin-bottom: 100px; } body .push-bottom-xxl { margin-bottom: 60px; } body .push-bottom-xl { margin-bottom: 50px; } body .push-bottom-lg { margin-bottom: 40px; } body .push-bottom-md { margin-bottom: 30px; } body .push-bottom-sm { margin-bottom: 10px; } body .push-bottom-xs { margin-bottom: 5px; } body .push-bottom-none { margin-bottom: 0px; } body .push-left { margin-left: 20px; } body .push-left-xxl { margin-left: 60px; } body .push-left-xl { margin-left: 50px; } body .push-left-lg { margin-left: 40px; } body .push-left-md { margin-left: 30px; } body .push-left-sm { margin-left: 10px; } body .push-left-xs { margin-left: 5px; } body .push-left-none { margin-left: 0px; } .size-12 { height: 12px; width: 12px; } .size-16 { height: 16px; width: 16px; } .size-24 { height: 24px; width: 24px; } .size-32 { height: 32px; width: 32px; } .size-50 { height: 50px; width: 50px; } .size-64 { height: 64px; width: 64px; } .size-72 { height: 72px; width: 72px; } .size-100 { height: 100px; width: 100px; } .size-128 { height: 128px; width: 128px; } .size-256 { height: 256px; width: 256px; } .size-height-12 { height: 12px; width: auto; } .size-height-16 { height: 16px; width: auto; } .size-height-24 { height: 24px; width: auto; } .size-height-32 { height: 32px; width: auto; } .size-height-50 { height: 50px; width: auto; } .size-height-64 { height: 64px; width: auto; } .size-height-72 { height: 72px; width: auto; } .size-height-100 { height: 100px; width: auto; } .size-height-128 { height: 128px; width: auto; } .size-height-256 { height: 256px; width: auto; } .size-width-12 { width: 12px; height: auto; } .size-width-16 { width: 16px; height: auto; } .size-width-24 { width: 24px; height: auto; } .size-width-32 { width: 32px; height: auto; } .size-width-50 { width: 50px; height: auto; } .size-width-64 { width: 64px; height: auto; } .size-width-72 { width: 72px; height: auto; } .size-width-100 { width: 100px; height: auto; } .size-width-128 { width: 128px; height: auto; } .size-width-256 { width: 256px; height: auto; } body h1 > small, body h2 > small, body h3 > small, body h4 > small, body h5 > small, body h6 > small { font-size: 60%; } body .text-normal { font-style: normal; } body .text-center { text-align: center; } body .text-left { text-align: left; } body .text-right { text-align: right; } body .text-normal { font-style: normal; } body .text-xs, body .text-sm, body .text-md, body .text-lg { text-rendering: optimizeLegibility; } body .text-micro { font-size: 10px; font-weight: normal; letter-spacing: 1px; } body .text-xs { font-size: 50%; } body .text-sm { font-size: 70%; } body .text-md { font-size: 80%; } body .text-lg { font-size: 110%; } body .text-xl { font-size: 120%; } body .text-xxl { font-size: 130%; } body .text-30 { font-size: 30px; } body .text-super { font-size: 60px; } body .text-wrap { white-space: normal; } body .text-break { word-break: break-word; } body .text-upper { text-transform: uppercase; } body .text-lower { text-transform: lowercase; } body .text-caps { text-transform: capitalize; } body .text-truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body .text-nodecoration { text-decoration: none; } /*!**********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/legacy-prebuilt-themes/legacy-indigo-pink.css ***! \**********************************************************************************************************************************************************************************************************************************************************************/ .mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:rgba(0,0,0,0)}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:rgba(0,0,0,0)}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:#fff}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){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)}.mat-raised-button:not([class*=mat-elevation-z]){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)}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){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)}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){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)}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){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)}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){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)}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){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)}.mat-datepicker-content .mat-mdc-button.mat-unthemed{--mdc-text-button-label-text-color:#000}.mat-datepicker-content .mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#3f51b5}.mat-datepicker-content .mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081}.mat-datepicker-content .mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336}.mat-datepicker-content .mat-mdc-button[disabled][disabled]{--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-text-button-label-text-color:rgba(0, 0, 0, 0.38)}.mat-datepicker-content .mat-mdc-unelevated-button.mat-unthemed{--mdc-filled-button-container-color:#fff;--mdc-filled-button-label-text-color:#000}.mat-datepicker-content .mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#3f51b5;--mdc-filled-button-label-text-color:#fff}.mat-datepicker-content .mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ff4081;--mdc-filled-button-label-text-color:#fff}.mat-datepicker-content .mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:#fff}.mat-datepicker-content .mat-mdc-unelevated-button[disabled][disabled]{--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-button-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-label-text-color:rgba(0, 0, 0, 0.38)}.mat-datepicker-content .mat-mdc-raised-button.mat-unthemed{--mdc-protected-button-container-color:#fff;--mdc-protected-button-label-text-color:#000}.mat-datepicker-content .mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#3f51b5;--mdc-protected-button-label-text-color:#fff}.mat-datepicker-content .mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ff4081;--mdc-protected-button-label-text-color:#fff}.mat-datepicker-content .mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:#fff}.mat-datepicker-content .mat-mdc-raised-button[disabled][disabled]{--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-elevation:0}.mat-datepicker-content .mat-mdc-outlined-button{--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}.mat-datepicker-content .mat-mdc-outlined-button.mat-unthemed{--mdc-outlined-button-label-text-color:#000}.mat-datepicker-content .mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#3f51b5}.mat-datepicker-content .mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081}.mat-datepicker-content .mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336}.mat-datepicker-content .mat-mdc-outlined-button[disabled][disabled]{--mdc-outlined-button-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12)}.mat-datepicker-content .mat-mdc-button,.mat-datepicker-content .mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-datepicker-content .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-datepicker-content .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-datepicker-content .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-datepicker-content .mat-mdc-button.mat-primary,.mat-datepicker-content .mat-mdc-outlined-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1)}.mat-datepicker-content .mat-mdc-button.mat-accent,.mat-datepicker-content .mat-mdc-outlined-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1)}.mat-datepicker-content .mat-mdc-button.mat-warn,.mat-datepicker-content .mat-mdc-outlined-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)}.mat-datepicker-content .mat-mdc-raised-button,.mat-datepicker-content .mat-mdc-unelevated-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-datepicker-content .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-datepicker-content .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-datepicker-content .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-datepicker-content .mat-mdc-raised-button.mat-primary,.mat-datepicker-content .mat-mdc-unelevated-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-datepicker-content .mat-mdc-raised-button.mat-accent,.mat-datepicker-content .mat-mdc-unelevated-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-datepicker-content .mat-mdc-raised-button.mat-warn,.mat-datepicker-content .mat-mdc-unelevated-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-datepicker-content .mat-mdc-icon-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);--mdc-icon-button-icon-color:inherit;--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-datepicker-content .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-datepicker-content .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-datepicker-content .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-datepicker-content .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-datepicker-content .mat-mdc-icon-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #6200ee;--mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1)}.mat-datepicker-content .mat-mdc-icon-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #018786;--mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1)}.mat-datepicker-content .mat-mdc-icon-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #b00020;--mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1)}.mat-datepicker-content .mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#3f51b5;--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1)}.mat-datepicker-content .mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081;--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1)}.mat-datepicker-content .mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336;--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)}.mat-datepicker-content .mat-mdc-icon-button[disabled][disabled]{--mdc-icon-button-icon-color:rgba(0, 0, 0, 0.38);--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38)}.mat-datepicker-content .mat-mdc-button.mat-mdc-button-base,.mat-datepicker-content .mat-mdc-raised-button.mat-mdc-button-base,.mat-datepicker-content .mat-mdc-unelevated-button.mat-mdc-button-base,.mat-datepicker-content .mat-mdc-outlined-button.mat-mdc-button-base{height:36px}.mat-datepicker-content .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, sans-serif;font-size:14px;font-weight:500}.mat-datepicker-content .mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-option{color:rgba(0,0,0,.87)}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-option{font-family:Roboto, sans-serif;font-size:16px}.mat-optgroup-label{color:rgba(0,0,0,.54)}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.mat-optgroup-label{font-size:16px;font-weight:400;line-height:24px;font-family:Roboto, sans-serif;letter-spacing:.03125em}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-pseudo-checkbox-full{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0{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)}.mat-elevation-z1{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)}.mat-elevation-z2{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)}.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4{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)}.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6{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)}.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8{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)}.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12{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)}.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16{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)}.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24{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)}.mat-theme-loaded-marker{display:none}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card:not([class*=mat-elevation-z]){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)}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){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)}.mat-card-subtitle{color:rgba(0,0,0,.54)}.mat-card{font-family:Roboto, sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-subtitle,.mat-card-content{font-size:14px}.mat-progress-bar-background{fill:#cbd0e9}.mat-progress-bar-buffer{background-color:#cbd0e9}.mat-progress-bar-fill::after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbccdc}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#f9ccc9}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tooltip{font-family:Roboto, sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#3f51b5}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-form-field-disabled .mat-form-field-prefix,.mat-form-field-disabled .mat-form-field-suffix{color:rgba(0,0,0,.38)}input.mat-input-element{margin-top:-0.0625em}.mat-form-field-label{color:rgba(0,0,0,.6)}.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ff4081}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:rgba(0,0,0,0)}.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid rgba(0,0,0,0)}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){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)}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.mat-select{font-family:Roboto, sans-serif}.mat-select-trigger{height:1.125em}.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa !important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.38)}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-checkbox{font-family:Roboto, sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-autocomplete-panel:not([class*=mat-elevation-z]){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)}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}.mat-dialog-container{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);background:#fff;color:rgba(0,0,0,.87)}.mat-dialog-title{font-size:20px;font-weight:500;line-height:32px;font-family:Roboto, sans-serif;letter-spacing:.0125em}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip::after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip{font-size:16px;font-weight:400}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{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);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slide-toggle-content{font-family:Roboto, sans-serif}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-radio-button{font-family:Roboto, sans-serif}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-primary .mat-slider-track-fill,.mat-slider.mat-primary .mat-slider-thumb,.mat-slider.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-slider.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-slider.mat-accent .mat-slider-track-fill,.mat-slider.mat-accent .mat-slider-thumb,.mat-slider.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-slider.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}.mat-slider.mat-warn .mat-slider-track-fill,.mat-slider.mat-warn .mat-slider-thumb,.mat-slider.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-slider.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-slider.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-disabled .mat-slider-track-background,.mat-slider.mat-slider-disabled .mat-slider-track-fill,.mat-slider.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:rgba(0,0,0,0)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-thumb-label-text{font-family:Roboto, sans-serif;font-size:12px;font-weight:400}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){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)}.mat-menu-item{background:rgba(0,0,0,0);color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon{color:rgba(0,0,0,.54)}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-menu-item{font-family:Roboto, sans-serif;font-size:14px;font-weight:400}.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-base .mat-list-item-disabled{background-color:#eee;color:rgba(0,0,0,.38)}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-list-item{font-family:Roboto, sans-serif}.mat-list-option{font-family:Roboto, sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto, sans-serif;font-size:16px;font-weight:400}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto, sans-serif;font-size:12px;font-weight:400}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, sans-serif;font-size:12px}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-]>.mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused,.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused,.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused,.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused,.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused,.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused,.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused,.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused{background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled{background-color:rgba(0,0,0,.1)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused,.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused,.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused,.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused,.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused,.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused,.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused,.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused{background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled{background-color:rgba(0,0,0,.1)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused,.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused,.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused,.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused,.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused,.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused,.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused,.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused{background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled{background-color:rgba(0,0,0,.1)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused,.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused,.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused,.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused{background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled{background-color:rgba(0,0,0,.1)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused,.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused,.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused,.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused{background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled{background-color:rgba(0,0,0,.1)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused,.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused,.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused,.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused{background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled{background-color:rgba(0,0,0,.1)}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}.mat-tab-group{font-family:Roboto, sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto, sans-serif;font-size:14px;font-weight:500}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;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)}.mat-simple-snackbar-action{color:#ff4081}.mat-simple-snackbar{font-family:Roboto, sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}.mat-header-cell{color:rgba(0,0,0,.54)}.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}.mat-table{font-family:Roboto, sans-serif}.mat-header-cell{font-size:12px;font-weight:400}.mat-cell,.mat-footer-cell{font-size:14px}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background-color:var(--mat-badge-background-color);color:var(--mat-badge-text-color);font-family:Roboto, sans-serif;font-family:var(--mat-badge-text-font, Roboto, sans-serif);font-size:12px;font-size:var(--mat-badge-text-size, 12px);font-weight:600;font-weight:var(--mat-badge-text-weight, 600)}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-disabled .mat-badge-content{background-color:var(--mat-badge-disabled-state-background-color);color:var(--mat-badge-disabled-state-text-color)}.mat-badge-hidden .mat-badge-content{display:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px;font-size:9px;font-size:var(--mat-badge-small-size-text-size, 9px)}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px;font-size:24px;font-size:var(--mat-badge-large-size-text-size, 24px)}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}html{--mat-badge-background-color:#3f51b5;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.mat-badge-accent{--mat-badge-background-color:#ff4081;--mat-badge-text-color:white}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-large-size-text-size:24px}html{--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color:white}html{--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400}html{--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:#e0e0e0}html{--mat-standard-button-toggle-height:48px}html{--mat-legacy-button-toggle-text-font:Roboto, sans-serif;--mat-standard-button-toggle-text-font:Roboto, sans-serif}html{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-toggle-active-state-icon-color:#3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;--mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);--mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color:transparent;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);--mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);--mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-container-background-color:white;--mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target{display:none}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400}html{--mat-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-expansion-container-background-color:white;--mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54)}html{--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px}html{--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400}html{--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px}html{--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#3f51b5}.mat-icon.mat-accent{--mat-icon-color:#ff4081}.mat-icon.mat-warn{--mat-icon-color:#f44336}html{--mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);--mat-sidenav-container-background-color:white;--mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-content-background-color:#fafafa;--mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6)}html{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#3f51b5;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#3f51b5;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#3f51b5;--mat-stepper-header-edit-state-icon-foreground-color:white;--mat-stepper-container-color:white;--mat-stepper-line-color:rgba(0, 0, 0, 0.12);--mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-error-state-label-text-color:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#ff4081;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#ff4081;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#ff4081;--mat-stepper-header-edit-state-icon-foreground-color:white}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px}html{--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400}.mat-sort-header-arrow{color:#757575}html{--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color:#3f51b5;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ff4081;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px}html{--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-tree{font-family:Roboto, sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-h1,.mat-headline,.mat-typography .mat-h1,.mat-typography .mat-headline,.mat-typography h1{font-size:24px;font-weight:400;line-height:32px;font-family:Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography .mat-h2,.mat-typography .mat-title,.mat-typography h2{font-size:20px;font-weight:500;line-height:32px;font-family:Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography .mat-h3,.mat-typography .mat-subheading-2,.mat-typography h3{font-size:16px;font-weight:400;line-height:28px;font-family:Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography .mat-h4,.mat-typography .mat-subheading-1,.mat-typography h4{font-size:14px;font-weight:500;line-height:22px;font-family:Roboto, sans-serif;letter-spacing:.0071428571em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2,.mat-typography .mat-body-strong,.mat-typography .mat-body-2{font-size:16px;font-weight:400;line-height:24px;font-family:Roboto, sans-serif;letter-spacing:.03125em}.mat-body,.mat-body-1,.mat-typography .mat-body,.mat-typography .mat-body-1,.mat-typography{font-size:14px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-1 p,.mat-typography .mat-body p,.mat-typography .mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font-size:12px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0333333333em}.mat-display-4,.mat-typography .mat-display-4{font-size:96px;font-weight:300;line-height:96px;font-family:Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font-size:60px;font-weight:300;line-height:60px;font-family:Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font-size:48px;font-weight:400;line-height:50px;font-family:Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font-size:34px;font-weight:400;line-height:40px;font-family:Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px} /*!**********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************/ .mat-mdc-select-trigger{ font-size: 16px !important; } .mat-mdc-input-placeholder-wrapper { left: 0; top: -22px !important; width: 100%; font-size: 16px !important; overflow: hidden; } body .pad-top-xs { padding-top: 12px; } .md2-select-trigger .md2-select-placeholder.md2-floating-placeholder, .mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label, .md2-datepicker-input .md2-datepicker-placeholder.md2-floating-placeholder{ color: #666; font-size: 16px !important; line-height: 1.5em; } .accionPendienteMenu { background-color: #1472a4; border-radius: 10px; padding: 3px 7px; color: white; align-self: flex-end; line-height: 15px; position: absolute; bottom: 12px; right: 12px; font-size: 11px; } .cdk-overlay-container, .cdk-overlay-pane { z-index: 9999 !important; } /* ----- radio button de los filtros ----- */ fieldset label input[type="radio"] { vertical-align: baseline; } /*------NOTIFICACIONES GROUP------*/ /*solo si es IExplorer*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { app-notificaciones-list.ng-star-inserted mat-nav-list.mat-nav-list span.ng-star-inserted mat-list-item.mat-mdc-list-item.mat-multi-line div.mat-mdc-list-item-content div.mat-list-text { width: 80%!important; } } /* ----------- personalizar dialog aviso de cierre de sesiÃ³n por inactividad -------------- */ .aviso-sesion mat-dialog-container { border: solid 3px #1472a4; padding: 0; overflow: hidden; } /* ----------- checkbox de los select-------------- */ .mat-pseudo-checkbox.mat-mdc-option-pseudo-checkbox.mat-pseudo-checkbox-checked { background: #1472a4!important; } /* ----------- buscador en selects -------------- */ .buscador-en-select-usuario, .buscador-en-select-procedimientos, .buscador-en-select-organismos { position: relative; display: block; height: 48px; width: 100%; padding-left: 10px!important; } /* ----------- dropdown de los selects -------------- */ /* -- usuario -- */ .select-user-panel { /* position: relative; left: -289px!important; top: 58px!important; min-width: calc(100% + 4em)!important; overflow-x: hidden!important; */ top: 33px !important; left: -310px !important; position: relative !important; overflow-x: hidden !important; min-width: 349px; } .mdc-menu-surface.mat-mdc-select-panel.select-user-panel{ padding: 0px; } .mat-mdc-select.select-usuario .mat-mdc-select-arrow-wrapper, .mat-mdc-select.select-usuarioMovil .mat-mdc-select-arrow-wrapper { position: relative; top: .5em; } mat-select.mat-mdc-select.select-usuario, mat-select.mat-mdc-select.select-usuarioMovil { width: 19px; top: 37px; position: absolute; } mat-select.mat-mdc-select.select-usuario { left: 295px; } mat-select.mat-mdc-select.select-usuarioMovil { left: 315px; } .mat-mdc-select.select-usuario .mat-mdc-select-arrow, .mat-mdc-select.select-usuarioMovil .mat-mdc-select-arrow { color: #fff!important; } /* ------------- datepicker -----------*/ .mat-datepicker-content .mat-calendar { width: 250px!important; height: 280px!important; padding-left: 120px; } .mat-calendar-body-label{ opacity: 0; } .mat-calendar-body-label[colspan="7"] { display: none; } .mat-calendar-table-header-divider { display: none; } .header-lateral .mat-calendar-period-button.currentYear.mat-mdc-button.mat-mdc-button-base { cursor: pointer; } /*----------- debido a un conflicto con los estilos del portal (web01-karpetaVAStyle.scss, lÃnea 235) en SB desarrollo el datepicker no se ve bien, por lo que sobreescribimos las clases -----------*/ .mat-datepicker-content-container.mat-datepicker-content-container-with-custom-header[role=dialog] { margin: 0px 0; padding: 5px; border: none; background-color: transparent; padding: 0; width: -moz-fit-content; width: fit-content; } .mat-mdc-button-toggle-button.mat-mdc-focus-indicator .mat-mdc-button-toggle-label-content{ line-height: 32px; } .entidad span.mdc-list-item__content{ align-self: flex-start !important; } .entidad div.md-list-item-text { display:flex; } .mat-pseudo-checkbox{ display:none; } .matListUstedEstaActuando .mat-mdc-select-min-line.ng-star-inserted{ display:none; } .mat-pseudo-checkbox.mat-mdc-option-pseudo-checkbox.mat-pseudo-checkbox-checked { background: transparent !important; color: #1472a4 !important; } mat-pseudo-checkbox.mat-pseudo-checkbox.mat-mdc-option-pseudo-checkbox.mat-pseudo-checkbox-checked { color: #1472a4 !important; } mat-pseudo-checkbox.mat-pseudo-checkbox.mat-mdc-option-pseudo-checkbox.mat-pseudo-checkbox-checked::after { color: #1472a4 !important; } span.mat-mdc-list-item-unscoped-content.mdc-list-item__primary-text { width: 100%; } .matListElementos span.mat-mdc-list-item-unscoped-content.mdc-list-item__primary-text { min-height: 88px; } div.mdc-text-field { padding: 0px; } mat-nav-list.mat-mdc-nav-list.mat-mdc-list-base.mdc-list{ margin: 9px; } mat-sidenav.mat-drawer mat-nav-list.mat-mdc-nav-list.mat-mdc-list-base.mdc-list{ margin: 4px; } .mat-mdc-text-field-wrapper{ background-color: white !important; } .mat-mdc-text-field-wrapper:hover{ background-color: white !important; } .mat-mdc-form-field-focus-overlay { background-color: white !important; } button.mdc-button.mdc-button--raised.mat-mdc-raised-button{ margin-left:4px; margin-right:4px; } .mdc-list-item { padding-left: 8px; padding-right: 8px; } .mdc-checkbox{ background-color: white; } .mat-mdc-checkbox div.mdc-checkbox__background{ border-color: #1472a4 !important; background-color: white !important; } .mat-mdc-checkbox.mat-mdc-checkbox-checked div.mdc-checkbox__background { border-color: white !important; background-color: white !important; } .mat-mdc-checkbox.mat-mdc-checkbox-checked div.mdc-checkbox__background .mdc-checkbox__checkmark{ color:#1472a4 !important; } input.mdc-checkbox__native-control.mdc-checkbox--selected:focus{ border-color: white !important; background-color: white !important; color:white; } div.mdc-checkbox div.mdc-checkbox__ripple{ opacity: 0 !important; } div.mdc-checkbox div.mat-ripple{ display:none; } mat-nav-list.mat-mdc-nav-list.mat-mdc-list-base.mdc-list { padding: 0px 0 !important; } .mat-mdc-card.filtroRapido { box-shadow: none; line-height: 17px; margin-top:11px; margin-bottom:0px; border: none; } .mat-mdc-card.filtroAvanzado { box-shadow: none; line-height: 17px; margin-top: -4px; margin-bottom: 5px; border: none; border-radius: 0px 0px 4px 4px; } .mat-mdc-card.filtroRapido a { text-align: right; } .iconoComunicacionExterna { flex-shrink: 0; height: 1em; margin-left: 5px; } .divContenidoMovil { width: 68%; max-width:320px!important; margin-left: 0px; display: contents; } .selectPanel { position: relative!important; left: -9px!important; top: -20px!important; min-width: 100%; overflow-x: hidden!important; } .selectPanelMovil { position: relative!important; top: 12px!important; min-width: calc(100% + 2.75em)!important; left: 0px!important; overflow-x: hidden!important; } .mdc-menu-surface.mat-mdc-select-panel.selectProcedimiento { position: relative; top: -20px; overflow-x: hidden; } .mdc-menu-surface.mat-mdc-select-panel.selectProcedimientoMovil { top: -17px; position: relative; } .select-usuario { width: 285px; top: 145px; left: 393px; } .select-usuarioMovil { width: 285px; top: 145px; left: 393px; } /* --- para movil ---*/ @media screen and (max-width: 1023px){ .mat-datepicker-content .mat-calendar { padding-left: 0px; } } /*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/material2-app-theme.scss?ngGlobalStyle ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* open-sans-cyrillic-ext-400-normal */ @font-face { font-family: "Open Sans"; font-style: normal; font-display: swap; font-weight: 400; src: url('open-sans-cyrillic-ext-400-normal.woff2') format("woff2"), url('open-sans-cyrillic-ext-400-normal.woff') format("woff"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* open-sans-cyrillic-400-normal */ @font-face { font-family: "Open Sans"; font-style: normal; font-display: swap; font-weight: 400; src: url('open-sans-cyrillic-400-normal.woff2') format("woff2"), url('open-sans-cyrillic-400-normal.woff') format("woff"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* open-sans-greek-ext-400-normal */ @font-face { font-family: "Open Sans"; font-style: normal; font-display: swap; font-weight: 400; src: url('open-sans-greek-ext-400-normal.woff2') format("woff2"), url('open-sans-greek-ext-400-normal.woff') format("woff"); unicode-range: U+1F00-1FFF; } /* open-sans-greek-400-normal */ @font-face { font-family: "Open Sans"; font-style: normal; font-display: swap; font-weight: 400; src: url('open-sans-greek-400-normal.woff2') format("woff2"), url('open-sans-greek-400-normal.woff') format("woff"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* open-sans-hebrew-400-normal */ @font-face { font-family: "Open Sans"; font-style: normal; font-display: swap; font-weight: 400; src: url('open-sans-hebrew-400-normal.woff2') format("woff2"), url('open-sans-hebrew-400-normal.woff') format("woff"); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* open-sans-math-400-normal */ @font-face { font-family: "Open Sans"; font-style: normal; font-display: swap; font-weight: 400; src: url('open-sans-math-400-normal.woff2') format("woff2"), url('open-sans-math-400-normal.woff') format("woff"); unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } /* open-sans-symbols-400-normal */ @font-face { font-family: "Open Sans"; font-style: normal; font-display: swap; font-weight: 400; src: url('open-sans-symbols-400-normal.woff2') format("woff2"), url('open-sans-symbols-400-normal.woff') format("woff"); unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF; } /* open-sans-vietnamese-400-normal */ @font-face { font-family: "Open Sans"; font-style: normal; font-display: swap; font-weight: 400; src: url('open-sans-vietnamese-400-normal.woff2') format("woff2"), url('open-sans-vietnamese-400-normal.woff') format("woff"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* open-sans-latin-ext-400-normal */ @font-face { font-family: "Open Sans"; font-style: normal; font-display: swap; font-weight: 400; src: url('open-sans-latin-ext-400-normal.woff2') format("woff2"), url('open-sans-latin-ext-400-normal.woff') format("woff"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* open-sans-latin-400-normal */ @font-face { font-family: "Open Sans"; font-style: normal; font-display: swap; font-weight: 400; src: url('open-sans-latin-400-normal.woff2') format("woff2"), url('open-sans-latin-400-normal.woff') format("woff"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } html { --mat-badge-text-font: "Open Sans"; --mat-badge-text-size: 12px; --mat-badge-text-weight: 600; --mat-badge-small-size-text-size: 9px; --mat-badge-large-size-text-size: 24px; } .mat-h1, .mat-headline-5, .mat-typography .mat-h1, .mat-typography .mat-headline-5, .mat-typography h1 { font-size: 24px; font-weight: 400; line-height: 32px; font-family: "Open Sans"; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-headline-6, .mat-typography .mat-h2, .mat-typography .mat-headline-6, .mat-typography h2 { font-size: 20px; font-weight: 500; line-height: 32px; font-family: "Open Sans"; letter-spacing: 0.0125em; margin: 0 0 16px; } .mat-h3, .mat-subtitle-1, .mat-typography .mat-h3, .mat-typography .mat-subtitle-1, .mat-typography h3 { font-size: 16px; font-weight: 400; line-height: 28px; font-family: "Open Sans"; letter-spacing: 0.009375em; margin: 0 0 16px; } .mat-h4, .mat-body-1, .mat-typography .mat-h4, .mat-typography .mat-body-1, .mat-typography h4 { font-size: 16px; font-weight: 400; line-height: 24px; font-family: "Open Sans"; letter-spacing: 0.03125em; margin: 0 0 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px "Open Sans"; margin: 0 0 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px "Open Sans"; margin: 0 0 12px; } .mat-body-strong, .mat-subtitle-2, .mat-typography .mat-body-strong, .mat-typography .mat-subtitle-2 { font-size: 14px; font-weight: 500; line-height: 22px; font-family: "Open Sans"; letter-spacing: 0.0071428571em; } .mat-body, .mat-body-2, .mat-typography .mat-body, .mat-typography .mat-body-2, .mat-typography { font-size: 14px; font-weight: 400; line-height: 20px; font-family: "Open Sans"; letter-spacing: 0.0178571429em; } .mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .mat-body-2 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption { font-size: 12px; font-weight: 400; line-height: 20px; font-family: "Open Sans"; letter-spacing: 0.0333333333em; } .mat-headline-1, .mat-typography .mat-headline-1 { font-size: 96px; font-weight: 300; line-height: 96px; font-family: "Open Sans"; letter-spacing: -0.015625em; margin: 0 0 56px; } .mat-headline-2, .mat-typography .mat-headline-2 { font-size: 60px; font-weight: 300; line-height: 60px; font-family: "Open Sans"; letter-spacing: -0.0083333333em; margin: 0 0 64px; } .mat-headline-3, .mat-typography .mat-headline-3 { font-size: 48px; font-weight: 400; line-height: 50px; font-family: "Open Sans"; letter-spacing: normal; margin: 0 0 64px; } .mat-headline-4, .mat-typography .mat-headline-4 { font-size: 34px; font-weight: 400; line-height: 40px; font-family: "Open Sans"; letter-spacing: 0.0073529412em; margin: 0 0 64px; } html { --mat-bottom-sheet-container-text-font: "Open Sans"; --mat-bottom-sheet-container-text-line-height: 20px; --mat-bottom-sheet-container-text-size: 14px; --mat-bottom-sheet-container-text-tracking: 0.0178571429em; --mat-bottom-sheet-container-text-weight: 400; } html { --mat-legacy-button-toggle-text-font: "Open Sans"; --mat-standard-button-toggle-text-font: "Open Sans"; } html { --mat-datepicker-calendar-text-font: "Open Sans"; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 14px; --mat-datepicker-calendar-body-label-text-weight: 500; --mat-datepicker-calendar-period-button-text-size: 14px; --mat-datepicker-calendar-period-button-text-weight: 500; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; } html { --mat-expansion-header-text-font: "Open Sans"; --mat-expansion-header-text-size: 14px; --mat-expansion-header-text-weight: 500; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: "Open Sans"; --mat-expansion-container-text-line-height: 20px; --mat-expansion-container-text-size: 14px; --mat-expansion-container-text-tracking: 0.0178571429em; --mat-expansion-container-text-weight: 400; } html { --mat-grid-list-tile-header-primary-text-size: 14px; --mat-grid-list-tile-header-secondary-text-size: 12px; --mat-grid-list-tile-footer-primary-text-size: 14px; --mat-grid-list-tile-footer-secondary-text-size: 12px; } html { --mat-stepper-container-text-font: "Open Sans"; --mat-stepper-header-label-text-font: "Open Sans"; --mat-stepper-header-label-text-size: 14px; --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: 16px; --mat-stepper-header-selected-state-label-text-size: 16px; --mat-stepper-header-selected-state-label-text-weight: 400; } html { --mat-toolbar-title-text-font: "Open Sans"; --mat-toolbar-title-text-line-height: 32px; --mat-toolbar-title-text-size: 20px; --mat-toolbar-title-text-tracking: 0.0125em; --mat-toolbar-title-text-weight: 500; } .mat-tree { font-family: "Open Sans"; } .mat-tree-node, .mat-nested-tree-node { font-weight: 400; font-size: 14px; } html { --mat-option-label-text-font: "Open Sans"; --mat-option-label-text-line-height: 24px; --mat-option-label-text-size: 16px; --mat-option-label-text-tracking: 0.03125em; --mat-option-label-text-weight: 400; } html { --mat-optgroup-label-text-font: "Open Sans"; --mat-optgroup-label-text-line-height: 24px; --mat-optgroup-label-text-size: 16px; --mat-optgroup-label-text-tracking: 0.03125em; --mat-optgroup-label-text-weight: 400; } .mat-mdc-card { --mat-card-title-text-font: "Open Sans"; --mat-card-title-text-line-height: 32px; --mat-card-title-text-size: 20px; --mat-card-title-text-tracking: 0.0125em; --mat-card-title-text-weight: 500; --mat-card-subtitle-text-font: "Open Sans"; --mat-card-subtitle-text-line-height: 22px; --mat-card-subtitle-text-size: 14px; --mat-card-subtitle-text-tracking: 0.0071428571em; --mat-card-subtitle-text-weight: 500; } .mat-mdc-tooltip { --mdc-plain-tooltip-supporting-text-font: "Open Sans"; --mdc-plain-tooltip-supporting-text-size: 12px; --mdc-plain-tooltip-supporting-text-weight: 400; --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em; } html { --mdc-filled-text-field-label-text-font: "Open Sans"; --mdc-filled-text-field-label-text-size: 16px; --mdc-filled-text-field-label-text-tracking: 0.03125em; --mdc-filled-text-field-label-text-weight: 400; --mdc-outlined-text-field-label-text-font: "Open Sans"; --mdc-outlined-text-field-label-text-size: 16px; --mdc-outlined-text-field-label-text-tracking: 0.03125em; --mdc-outlined-text-field-label-text-weight: 400; --mat-form-field-container-text-font: "Open Sans"; --mat-form-field-container-text-line-height: 24px; --mat-form-field-container-text-size: 16px; --mat-form-field-container-text-tracking: 0.03125em; --mat-form-field-container-text-weight: 400; --mat-form-field-outlined-label-text-populated-size: 16px; --mat-form-field-subscript-text-font: "Open Sans"; --mat-form-field-subscript-text-line-height: 20px; --mat-form-field-subscript-text-size: 12px; --mat-form-field-subscript-text-tracking: 0.0333333333em; --mat-form-field-subscript-text-weight: 400; } html { --mat-select-trigger-text-font: "Open Sans"; --mat-select-trigger-text-line-height: 24px; --mat-select-trigger-text-size: 16px; --mat-select-trigger-text-tracking: 0.03125em; --mat-select-trigger-text-weight: 400; } .mat-mdc-dialog-container { --mdc-dialog-subhead-font: "Open Sans"; --mdc-dialog-subhead-line-height: 32px; --mdc-dialog-subhead-size: 20px; --mdc-dialog-subhead-weight: 500; --mdc-dialog-subhead-tracking: 0.0125em; --mdc-dialog-supporting-text-font: "Open Sans"; --mdc-dialog-supporting-text-line-height: 24px; --mdc-dialog-supporting-text-size: 16px; --mdc-dialog-supporting-text-weight: 400; --mdc-dialog-supporting-text-tracking: 0.03125em; } .mat-mdc-standard-chip { --mdc-chip-label-text-font: "Open Sans"; --mdc-chip-label-text-line-height: 20px; --mdc-chip-label-text-size: 14px; --mdc-chip-label-text-tracking: 0.0178571429em; --mdc-chip-label-text-weight: 400; } .mat-mdc-slide-toggle { --mat-slide-toggle-label-text-font: "Open Sans"; --mat-slide-toggle-label-text-size: 14px; --mat-slide-toggle-label-text-tracking: 0.0178571429em; --mat-slide-toggle-label-text-line-height: 20px; --mat-slide-toggle-label-text-weight: 400; } .mat-mdc-slide-toggle .mdc-form-field { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: Roboto, sans-serif; /* @alternate */ font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)); font-size: 0.875rem; /* @alternate */ font-size: var(--mdc-typography-body2-font-size, 0.875rem); line-height: 1.25rem; /* @alternate */ line-height: var(--mdc-typography-body2-line-height, 1.25rem); font-weight: 400; /* @alternate */ font-weight: var(--mdc-typography-body2-font-weight, 400); letter-spacing: 0.0178571429em; /* @alternate */ letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); text-decoration: inherit; /* @alternate */ -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); text-decoration: var(--mdc-typography-body2-text-decoration, inherit); text-transform: inherit; /* @alternate */ text-transform: var(--mdc-typography-body2-text-transform, inherit); } .mat-mdc-radio-button .mdc-form-field { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, "Open Sans")); font-size: var(--mdc-typography-body2-font-size, 14px); line-height: var(--mdc-typography-body2-line-height, 20px); font-weight: var(--mdc-typography-body2-font-weight, 400); letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); text-decoration: var(--mdc-typography-body2-text-decoration, inherit); text-transform: var(--mdc-typography-body2-text-transform, none); } .mat-mdc-slider { --mdc-slider-label-label-text-font: "Open Sans"; --mdc-slider-label-label-text-size: 14px; --mdc-slider-label-label-text-line-height: 22px; --mdc-slider-label-label-text-tracking: 0.0071428571em; --mdc-slider-label-label-text-weight: 500; } html { --mat-menu-item-label-text-font: "Open Sans"; --mat-menu-item-label-text-size: 16px; --mat-menu-item-label-text-tracking: 0.03125em; --mat-menu-item-label-text-line-height: 24px; --mat-menu-item-label-text-weight: 400; } .mat-mdc-list-base { --mdc-list-list-item-label-text-font: "Open Sans"; --mdc-list-list-item-label-text-line-height: 24px; --mdc-list-list-item-label-text-size: 16px; --mdc-list-list-item-label-text-tracking: 0.03125em; --mdc-list-list-item-label-text-weight: 400; --mdc-list-list-item-supporting-text-font: "Open Sans"; --mdc-list-list-item-supporting-text-line-height: 20px; --mdc-list-list-item-supporting-text-size: 14px; --mdc-list-list-item-supporting-text-tracking: 0.0178571429em; --mdc-list-list-item-supporting-text-weight: 400; --mdc-list-list-item-trailing-supporting-text-font: "Open Sans"; --mdc-list-list-item-trailing-supporting-text-line-height: 20px; --mdc-list-list-item-trailing-supporting-text-size: 12px; --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em; --mdc-list-list-item-trailing-supporting-text-weight: 400; } .mdc-list-group__subheader { font-size: 16px; font-weight: 400; line-height: 28px; font-family: "Open Sans"; letter-spacing: 0.009375em; } html { --mat-paginator-container-text-font: "Open Sans"; --mat-paginator-container-text-line-height: 20px; --mat-paginator-container-text-size: 12px; --mat-paginator-container-text-tracking: 0.0333333333em; --mat-paginator-container-text-weight: 400; --mat-paginator-select-trigger-text-size: 12px; } .mat-mdc-tab-header { --mat-tab-header-label-text-font: "Open Sans"; --mat-tab-header-label-text-size: 14px; --mat-tab-header-label-text-tracking: 0.0892857143em; --mat-tab-header-label-text-line-height: 36px; --mat-tab-header-label-text-weight: 500; } .mat-mdc-checkbox .mdc-form-field { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, "Open Sans")); font-size: var(--mdc-typography-body2-font-size, 14px); line-height: var(--mdc-typography-body2-line-height, 20px); font-weight: var(--mdc-typography-body2-font-weight, 400); letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em); -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit); text-decoration: var(--mdc-typography-body2-text-decoration, inherit); text-transform: var(--mdc-typography-body2-text-transform, none); } .mdc-button { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, "Open Sans")); font-size: var(--mdc-typography-button-font-size, 14px); line-height: var(--mdc-typography-button-line-height, 36px); font-weight: var(--mdc-typography-button-font-weight, 500); letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none); text-decoration: var(--mdc-typography-button-text-decoration, none); text-transform: var(--mdc-typography-button-text-transform, none); } .mdc-fab--extended { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, "Open Sans")); font-size: var(--mdc-typography-button-font-size, 14px); line-height: var(--mdc-typography-button-line-height, 36px); font-weight: var(--mdc-typography-button-font-weight, 500); letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none); text-decoration: var(--mdc-typography-button-text-decoration, none); text-transform: var(--mdc-typography-button-text-transform, none); } .mat-mdc-extended-fab { --mdc-extended-fab-label-text-font: "Open Sans"; --mdc-extended-fab-label-text-size: 14px; --mdc-extended-fab-label-text-tracking: 0.0892857143em; --mdc-extended-fab-label-text-weight: 500; } .mat-mdc-snack-bar-container { --mdc-snackbar-supporting-text-font: "Open Sans"; --mdc-snackbar-supporting-text-line-height: 20px; --mdc-snackbar-supporting-text-size: 14px; --mdc-snackbar-supporting-text-weight: 400; } html { --mat-table-header-headline-font: "Open Sans"; --mat-table-header-headline-line-height: 22px; --mat-table-header-headline-size: 14px; --mat-table-header-headline-weight: 500; --mat-table-header-headline-tracking: 0.0071428571em; --mat-table-row-item-label-text-font: "Open Sans"; --mat-table-row-item-label-text-line-height: 20px; --mat-table-row-item-label-text-size: 14px; --mat-table-row-item-label-text-weight: 400; --mat-table-row-item-label-text-tracking: 0.0178571429em; --mat-table-footer-supporting-text-font: "Open Sans"; --mat-table-footer-supporting-text-line-height: 20px; --mat-table-footer-supporting-text-size: 14px; --mat-table-footer-supporting-text-weight: 400; --mat-table-footer-supporting-text-tracking: 0.0178571429em; } /* Definimos la gama de azules del gobierno vasco - http://mcg.mbitson.com/#!?mcgpalette0=%231472a4&mcgpalette1=%23ff5722&mcgpalette2=%23cc0000&themename=ejgvpalette#%2F - https://material.io/color/#!/?view.left=0&view.right=0&primary.color=1d7bad&secondary.color=ff5722 */ .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } html { --mat-option-selected-state-label-text-color: #1472a4; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04); } .mat-accent { --mat-option-selected-state-label-text-color: #ff9800; } .mat-warn { --mat-option-selected-state-label-text-color: #f44336; } html { --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87); } .mat-pseudo-checkbox-full { color: rgba(0, 0, 0, 0.54); } .mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled { color: #b0b0b0; } .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #1472a4; } .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #1472a4; } .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after { color: #fafafa; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #ff9800; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #ff9800; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after { color: #fafafa; } .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #ff9800; } .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #ff9800; } .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after { color: #fafafa; } .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #f44336; } .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #f44336; } .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after, .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after { color: #fafafa; } .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: #b0b0b0; } .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full, .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full { background: #b0b0b0; } .mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { 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); } .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { 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); } .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { 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); } .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { 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); } .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { 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); } .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { 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); } .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { 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); } .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { 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); } .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { 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); } .mat-theme-loaded-marker { display: none; } .mat-mdc-card { --mdc-elevated-card-container-color: white; --mdc-elevated-card-container-elevation: 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); --mdc-outlined-card-container-color: white; --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-card-container-elevation: 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); --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54); } .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #1472a4; --mdc-linear-progress-track-color: rgba(20, 114, 164, 0.25); } @keyframes mdc-linear-progress-buffering { from { /* @noflip */ /*rtl:ignore*/ } } .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots { background-color: rgba(20, 114, 164, 0.25); /* @alternate */ background-color: var(--mdc-linear-progress-track-color, rgba(20, 114, 164, 0.25)); } @media (forced-colors: active) { .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots { background-color: ButtonBorder; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots { background-color: transparent; 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='rgba(20, 114, 164, 0.25)'/%3E%3C/svg%3E"); } } .mat-mdc-progress-bar .mdc-linear-progress__buffer-bar { background-color: rgba(20, 114, 164, 0.25); /* @alternate */ background-color: var(--mdc-linear-progress-track-color, rgba(20, 114, 164, 0.25)); } .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #ff9800; --mdc-linear-progress-track-color: rgba(255, 152, 0, 0.25); } @keyframes mdc-linear-progress-buffering { from { /* @noflip */ /*rtl:ignore*/ } } .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots { background-color: rgba(255, 152, 0, 0.25); /* @alternate */ background-color: var(--mdc-linear-progress-track-color, rgba(255, 152, 0, 0.25)); } @media (forced-colors: active) { .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots { background-color: ButtonBorder; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots { background-color: transparent; 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='rgba(255, 152, 0, 0.25)'/%3E%3C/svg%3E"); } } .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar { background-color: rgba(255, 152, 0, 0.25); /* @alternate */ background-color: var(--mdc-linear-progress-track-color, rgba(255, 152, 0, 0.25)); } .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #f44336; --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25); } @keyframes mdc-linear-progress-buffering { from { /* @noflip */ /*rtl:ignore*/ } } .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots { background-color: rgba(244, 67, 54, 0.25); /* @alternate */ background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, 0.25)); } @media (forced-colors: active) { .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots { background-color: ButtonBorder; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots { background-color: transparent; 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='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E"); } } .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar { background-color: rgba(244, 67, 54, 0.25); /* @alternate */ background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, 0.25)); } .mat-mdc-tooltip { --mdc-plain-tooltip-container-color: #616161; --mdc-plain-tooltip-supporting-text-color: #fff; } html { --mdc-filled-text-field-caret-color: #1472a4; --mdc-filled-text-field-focus-active-indicator-color: #1472a4; --mdc-filled-text-field-focus-label-text-color: rgba(20, 114, 164, 0.87); --mdc-filled-text-field-container-color: whitesmoke; --mdc-filled-text-field-disabled-container-color: #fafafa; --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6); --mdc-filled-text-field-error-focus-label-text-color: #f44336; --mdc-filled-text-field-error-label-text-color: #f44336; --mdc-filled-text-field-error-caret-color: #f44336; --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87); --mdc-filled-text-field-error-active-indicator-color: #f44336; --mdc-filled-text-field-error-focus-active-indicator-color: #f44336; --mdc-filled-text-field-error-hover-active-indicator-color: #f44336; --mdc-outlined-text-field-caret-color: #1472a4; --mdc-outlined-text-field-focus-outline-color: #1472a4; --mdc-outlined-text-field-focus-label-text-color: rgba(20, 114, 164, 0.87); --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6); --mdc-outlined-text-field-error-caret-color: #f44336; --mdc-outlined-text-field-error-focus-label-text-color: #f44336; --mdc-outlined-text-field-error-label-text-color: #f44336; --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #f44336; --mdc-outlined-text-field-error-hover-outline-color: #f44336; --mdc-outlined-text-field-error-outline-color: #f44336; --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38); } .mat-mdc-form-field-error { color: var(--mdc-theme-error, #f44336); } .mat-mdc-form-field-subscript-wrapper, .mat-mdc-form-field-bottom-align::before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: var(--mat-form-field-subscript-text-font); line-height: var(--mat-form-field-subscript-text-line-height); font-size: var(--mat-form-field-subscript-text-size); letter-spacing: var(--mat-form-field-subscript-text-tracking); font-weight: var(--mat-form-field-subscript-text-weight); } .mat-mdc-form-field-focus-overlay { background-color: rgba(0, 0, 0, 0.87); } .mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay { opacity: 0.04; } .mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay { opacity: 0.12; } .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after { color: rgba(20, 114, 164, 0.87); } .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after { color: rgba(255, 152, 0, 0.87); } .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after { color: rgba(244, 67, 54, 0.87); } .mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #ff9800; --mdc-filled-text-field-focus-active-indicator-color: #ff9800; --mdc-filled-text-field-focus-label-text-color: rgba(255, 152, 0, 0.87); --mdc-outlined-text-field-caret-color: #ff9800; --mdc-outlined-text-field-focus-outline-color: #ff9800; --mdc-outlined-text-field-focus-label-text-color: rgba(255, 152, 0, 0.87); } .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #f44336; --mdc-filled-text-field-focus-active-indicator-color: #f44336; --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87); --mdc-outlined-text-field-caret-color: #f44336; --mdc-outlined-text-field-focus-outline-color: #f44336; --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87); } .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch { border-left: 1px solid transparent; } [dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch { border-left: none; border-right: 1px solid transparent; } .mat-mdc-form-field-infix { min-height: 56px; } .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label { top: 28px; } .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { --mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75)); transform: var(--mat-mdc-form-field-label-transform); } .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix { padding-top: 16px; padding-bottom: 16px; } .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix { padding-top: 24px; padding-bottom: 8px; } .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix { padding-top: 16px; padding-bottom: 16px; } html { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(20, 114, 164, 0.87); --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87); } html .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(255, 152, 0, 0.87); --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87); } html .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38); --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87); --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87); } html { --mat-autocomplete-background-color: white; } .mat-mdc-dialog-container { --mdc-dialog-container-color: white; --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87); --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6); } .mat-mdc-standard-chip { --mdc-chip-disabled-label-text-color: #212121; --mdc-chip-elevated-container-color: #e0e0e0; --mdc-chip-elevated-disabled-container-color: #e0e0e0; --mdc-chip-focus-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #212121; --mdc-chip-with-icon-icon-color: #212121; --mdc-chip-with-icon-disabled-icon-color: #212121; --mdc-chip-with-icon-selected-icon-color: #212121; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121; --mdc-chip-with-trailing-icon-trailing-icon-color: #212121; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #1472a4; --mdc-chip-elevated-disabled-container-color: #1472a4; --mdc-chip-focus-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87); --mdc-chip-elevated-container-color: #ff9800; --mdc-chip-elevated-disabled-container-color: #ff9800; --mdc-chip-focus-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87); } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #f44336; --mdc-chip-elevated-disabled-container-color: #f44336; --mdc-chip-focus-state-layer-color: black; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: white; --mdc-chip-with-icon-icon-color: white; --mdc-chip-with-icon-disabled-icon-color: white; --mdc-chip-with-icon-selected-icon-color: white; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mdc-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-chip.mat-mdc-standard-chip { --mdc-chip-container-height: 32px; } .mat-mdc-slide-toggle { --mdc-switch-selected-focus-state-layer-color: #126a9c; --mdc-switch-selected-handle-color: #126a9c; --mdc-switch-selected-hover-state-layer-color: #126a9c; --mdc-switch-selected-pressed-state-layer-color: #126a9c; --mdc-switch-selected-focus-handle-color: #064278; --mdc-switch-selected-hover-handle-color: #064278; --mdc-switch-selected-pressed-handle-color: #064278; --mdc-switch-selected-focus-track-color: #5b9cbf; --mdc-switch-selected-hover-track-color: #5b9cbf; --mdc-switch-selected-pressed-track-color: #5b9cbf; --mdc-switch-selected-track-color: #5b9cbf; --mdc-switch-disabled-selected-handle-color: #424242; --mdc-switch-disabled-selected-icon-color: #fff; --mdc-switch-disabled-selected-track-color: #424242; --mdc-switch-disabled-unselected-handle-color: #424242; --mdc-switch-disabled-unselected-icon-color: #fff; --mdc-switch-disabled-unselected-track-color: #424242; --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff); --mdc-switch-handle-elevation-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); --mdc-switch-handle-shadow-color: black; --mdc-switch-disabled-handle-elevation-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-switch-selected-icon-color: #fff; --mdc-switch-unselected-focus-handle-color: #212121; --mdc-switch-unselected-focus-state-layer-color: #424242; --mdc-switch-unselected-focus-track-color: #e0e0e0; --mdc-switch-unselected-handle-color: #616161; --mdc-switch-unselected-hover-handle-color: #212121; --mdc-switch-unselected-hover-state-layer-color: #424242; --mdc-switch-unselected-hover-track-color: #e0e0e0; --mdc-switch-unselected-icon-color: #fff; --mdc-switch-unselected-pressed-handle-color: #212121; --mdc-switch-unselected-pressed-state-layer-color: #424242; --mdc-switch-unselected-pressed-track-color: #e0e0e0; --mdc-switch-unselected-track-color: #e0e0e0; } .mat-mdc-slide-toggle .mdc-form-field { color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mat-mdc-slide-toggle .mdc-switch--disabled + label { color: rgba(0, 0, 0, 0.38); } .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #fb8c00; --mdc-switch-selected-handle-color: #fb8c00; --mdc-switch-selected-hover-state-layer-color: #fb8c00; --mdc-switch-selected-pressed-state-layer-color: #fb8c00; --mdc-switch-selected-focus-handle-color: #e65100; --mdc-switch-selected-hover-handle-color: #e65100; --mdc-switch-selected-pressed-handle-color: #e65100; --mdc-switch-selected-focus-track-color: #ffb74d; --mdc-switch-selected-hover-track-color: #ffb74d; --mdc-switch-selected-pressed-track-color: #ffb74d; --mdc-switch-selected-track-color: #ffb74d; } .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #e53935; --mdc-switch-selected-handle-color: #e53935; --mdc-switch-selected-hover-state-layer-color: #e53935; --mdc-switch-selected-pressed-state-layer-color: #e53935; --mdc-switch-selected-focus-handle-color: #b71c1c; --mdc-switch-selected-hover-handle-color: #b71c1c; --mdc-switch-selected-pressed-handle-color: #b71c1c; --mdc-switch-selected-focus-track-color: #e57373; --mdc-switch-selected-hover-track-color: #e57373; --mdc-switch-selected-pressed-track-color: #e57373; --mdc-switch-selected-track-color: #e57373; } .mat-mdc-slide-toggle { --mdc-switch-state-layer-size: 48px; } .mat-mdc-radio-button .mdc-form-field { color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: #000; --mdc-radio-disabled-unselected-icon-color: #000; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #1472a4; --mdc-radio-selected-hover-icon-color: #1472a4; --mdc-radio-selected-icon-color: #1472a4; --mdc-radio-selected-pressed-icon-color: #1472a4; --mat-radio-ripple-color: #000; --mat-radio-checked-ripple-color: #1472a4; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); } .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: #000; --mdc-radio-disabled-unselected-icon-color: #000; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #ff9800; --mdc-radio-selected-hover-icon-color: #ff9800; --mdc-radio-selected-icon-color: #ff9800; --mdc-radio-selected-pressed-icon-color: #ff9800; --mat-radio-ripple-color: #000; --mat-radio-checked-ripple-color: #ff9800; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); } .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: #000; --mdc-radio-disabled-unselected-icon-color: #000; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #f44336; --mdc-radio-selected-hover-icon-color: #f44336; --mdc-radio-selected-icon-color: #f44336; --mdc-radio-selected-pressed-icon-color: #f44336; --mat-radio-ripple-color: #000; --mat-radio-checked-ripple-color: #f44336; --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38); } .mat-mdc-radio-button .mdc-radio { --mdc-radio-state-layer-size: 40px; } .mat-mdc-slider { --mdc-slider-label-container-color: black; --mdc-slider-label-label-text-color: white; --mdc-slider-disabled-handle-color: #000; --mdc-slider-disabled-active-track-color: #000; --mdc-slider-disabled-inactive-track-color: #000; --mdc-slider-with-tick-marks-disabled-container-color: #000; --mat-mdc-slider-value-indicator-opacity: 0.6; } .mat-mdc-slider.mat-primary { --mdc-slider-handle-color: #1472a4; --mdc-slider-focus-handle-color: #1472a4; --mdc-slider-hover-handle-color: #1472a4; --mdc-slider-active-track-color: #1472a4; --mdc-slider-inactive-track-color: #1472a4; --mdc-slider-with-tick-marks-active-container-color: #fff; --mdc-slider-with-tick-marks-inactive-container-color: #1472a4; --mat-mdc-slider-ripple-color: #1472a4; --mat-mdc-slider-hover-ripple-color: rgba(20, 114, 164, 0.05); --mat-mdc-slider-focus-ripple-color: rgba(20, 114, 164, 0.2); } .mat-mdc-slider.mat-accent { --mdc-slider-handle-color: #ff9800; --mdc-slider-focus-handle-color: #ff9800; --mdc-slider-hover-handle-color: #ff9800; --mdc-slider-active-track-color: #ff9800; --mdc-slider-inactive-track-color: #ff9800; --mdc-slider-with-tick-marks-active-container-color: #000; --mdc-slider-with-tick-marks-inactive-container-color: #ff9800; --mat-mdc-slider-ripple-color: #ff9800; --mat-mdc-slider-hover-ripple-color: rgba(255, 152, 0, 0.05); --mat-mdc-slider-focus-ripple-color: rgba(255, 152, 0, 0.2); } .mat-mdc-slider.mat-warn { --mdc-slider-handle-color: #f44336; --mdc-slider-focus-handle-color: #f44336; --mdc-slider-hover-handle-color: #f44336; --mdc-slider-active-track-color: #f44336; --mdc-slider-inactive-track-color: #f44336; --mdc-slider-with-tick-marks-active-container-color: #fff; --mdc-slider-with-tick-marks-inactive-container-color: #f44336; --mat-mdc-slider-ripple-color: #f44336; --mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, 0.05); --mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, 0.2); } html { --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87); --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-menu-container-color: white; } .mat-mdc-list-base { --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54); --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-disabled-label-text-color: black; --mdc-list-list-item-disabled-leading-icon-color: black; --mdc-list-list-item-disabled-trailing-icon-color: black; --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38); --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87); --mdc-list-list-item-hover-state-layer-color: black; --mdc-list-list-item-hover-state-layer-opacity: 0.04; --mdc-list-list-item-focus-state-layer-color: black; --mdc-list-list-item-focus-state-layer-opacity: 0.12; } .mdc-list-item__start, .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #000; --mdc-radio-disabled-unselected-icon-color: #000; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #1472a4; --mdc-radio-selected-hover-icon-color: #1472a4; --mdc-radio-selected-icon-color: #1472a4; --mdc-radio-selected-pressed-icon-color: #1472a4; } .mat-accent .mdc-list-item__start, .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #000; --mdc-radio-disabled-unselected-icon-color: #000; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #ff9800; --mdc-radio-selected-hover-icon-color: #ff9800; --mdc-radio-selected-icon-color: #ff9800; --mdc-radio-selected-pressed-icon-color: #ff9800; } .mat-warn .mdc-list-item__start, .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: #000; --mdc-radio-disabled-unselected-icon-color: #000; --mdc-radio-unselected-hover-icon-color: #212121; --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-radio-selected-focus-icon-color: #f44336; --mdc-radio-selected-hover-icon-color: #f44336; --mdc-radio-selected-icon-color: #f44336; --mdc-radio-selected-pressed-icon-color: #f44336; } .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-icon-color: #1472a4; --mdc-checkbox-selected-hover-icon-color: #1472a4; --mdc-checkbox-selected-icon-color: #1472a4; --mdc-checkbox-selected-pressed-icon-color: #1472a4; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #1472a4; --mdc-checkbox-selected-hover-state-layer-color: #1472a4; --mdc-checkbox-selected-pressed-state-layer-color: #1472a4; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #000; --mdc-checkbox-selected-focus-icon-color: #ff9800; --mdc-checkbox-selected-hover-icon-color: #ff9800; --mdc-checkbox-selected-icon-color: #ff9800; --mdc-checkbox-selected-pressed-icon-color: #ff9800; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #ff9800; --mdc-checkbox-selected-hover-state-layer-color: #ff9800; --mdc-checkbox-selected-pressed-state-layer-color: #ff9800; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-icon-color: #f44336; --mdc-checkbox-selected-hover-icon-color: #f44336; --mdc-checkbox-selected-icon-color: #f44336; --mdc-checkbox-selected-pressed-icon-color: #f44336; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f44336; --mdc-checkbox-selected-hover-state-layer-color: #f44336; --mdc-checkbox-selected-pressed-state-layer-color: #f44336; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text { color: #1472a4; } .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start { color: #1472a4; } .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .mat-mdc-list-base { --mdc-list-list-item-one-line-container-height: 48px; --mdc-list-list-item-two-line-container-height: 64px; --mdc-list-list-item-three-line-container-height: 88px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: 56px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: 72px; } html { --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12); } html { --mat-paginator-container-size: 56px; } .mat-mdc-paginator .mat-mdc-form-field-infix { min-height: 40px; } .mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label { top: 20px; } .mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { --mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75)); transform: var(--mat-mdc-form-field-label-transform); } .mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix { padding-top: 8px; padding-bottom: 8px; } .mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix { padding-top: 8px; padding-bottom: 8px; } .mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix { padding-top: 8px; padding-bottom: 8px; } .mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label { display: none; } .mat-mdc-tab-group, .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #1472a4; --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: #000; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #1472a4; --mat-tab-header-active-ripple-color: #1472a4; --mat-tab-header-inactive-ripple-color: #1472a4; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #1472a4; --mat-tab-header-active-hover-label-text-color: #1472a4; --mat-tab-header-active-focus-indicator-color: #1472a4; --mat-tab-header-active-hover-indicator-color: #1472a4; } .mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #ff9800; --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: #000; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #ff9800; --mat-tab-header-active-ripple-color: #ff9800; --mat-tab-header-inactive-ripple-color: #ff9800; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #ff9800; --mat-tab-header-active-hover-label-text-color: #ff9800; --mat-tab-header-active-focus-indicator-color: #ff9800; --mat-tab-header-active-hover-indicator-color: #ff9800; } .mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #f44336; --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38); --mat-tab-header-pagination-icon-color: #000; --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-label-text-color: #f44336; --mat-tab-header-active-ripple-color: #f44336; --mat-tab-header-inactive-ripple-color: #f44336; --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6); --mat-tab-header-active-focus-label-text-color: #f44336; --mat-tab-header-active-hover-label-text-color: #f44336; --mat-tab-header-active-focus-indicator-color: #f44336; --mat-tab-header-active-hover-indicator-color: #f44336; } .mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #1472a4; --mat-tab-header-with-background-foreground-color: white; } .mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #ff9800; --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87); } .mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #f44336; --mat-tab-header-with-background-foreground-color: white; } .mat-mdc-tab-header { --mdc-secondary-navigation-tab-container-height: 48px; } html { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #000; --mdc-checkbox-selected-focus-icon-color: #ff9800; --mdc-checkbox-selected-hover-icon-color: #ff9800; --mdc-checkbox-selected-icon-color: #ff9800; --mdc-checkbox-selected-pressed-icon-color: #ff9800; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #ff9800; --mdc-checkbox-selected-hover-state-layer-color: #ff9800; --mdc-checkbox-selected-pressed-state-layer-color: #ff9800; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-icon-color: #1472a4; --mdc-checkbox-selected-hover-icon-color: #1472a4; --mdc-checkbox-selected-icon-color: #1472a4; --mdc-checkbox-selected-pressed-icon-color: #1472a4; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #1472a4; --mdc-checkbox-selected-hover-state-layer-color: #1472a4; --mdc-checkbox-selected-pressed-state-layer-color: #1472a4; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38); --mdc-checkbox-selected-checkmark-color: #fff; --mdc-checkbox-selected-focus-icon-color: #f44336; --mdc-checkbox-selected-hover-icon-color: #f44336; --mdc-checkbox-selected-icon-color: #f44336; --mdc-checkbox-selected-pressed-icon-color: #f44336; --mdc-checkbox-unselected-focus-icon-color: #212121; --mdc-checkbox-unselected-hover-icon-color: #212121; --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #f44336; --mdc-checkbox-selected-hover-state-layer-color: #f44336; --mdc-checkbox-selected-pressed-state-layer-color: #f44336; --mdc-checkbox-unselected-focus-state-layer-color: black; --mdc-checkbox-unselected-hover-state-layer-color: black; --mdc-checkbox-unselected-pressed-state-layer-color: black; } .mat-mdc-checkbox .mdc-form-field { color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); } .mat-mdc-checkbox.mat-mdc-checkbox-disabled label { color: rgba(0, 0, 0, 0.38); } html { --mdc-checkbox-state-layer-size: 40px; } .mat-mdc-button.mat-unthemed { --mdc-text-button-label-text-color: #000; } .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #1472a4; } .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #ff9800; } .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #f44336; } .mat-mdc-button[disabled][disabled] { --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38); } .mat-mdc-unelevated-button.mat-unthemed { --mdc-filled-button-container-color: #fff; --mdc-filled-button-label-text-color: #000; } .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #1472a4; --mdc-filled-button-label-text-color: #fff; } .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #ff9800; --mdc-filled-button-label-text-color: #000; } .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #f44336; --mdc-filled-button-label-text-color: #fff; } .mat-mdc-unelevated-button[disabled][disabled] { --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12); --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38); } .mat-mdc-raised-button.mat-unthemed { --mdc-protected-button-container-color: #fff; --mdc-protected-button-label-text-color: #000; } .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #1472a4; --mdc-protected-button-label-text-color: #fff; } .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #ff9800; --mdc-protected-button-label-text-color: #000; } .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #f44336; --mdc-protected-button-label-text-color: #fff; } .mat-mdc-raised-button[disabled][disabled] { --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38); --mdc-protected-button-container-elevation: 0; } .mat-mdc-outlined-button { --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); } .mat-mdc-outlined-button.mat-unthemed { --mdc-outlined-button-label-text-color: #000; } .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #1472a4; } .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #ff9800; } .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #f44336; } .mat-mdc-outlined-button[disabled][disabled] { --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12); } .mat-mdc-button, .mat-mdc-outlined-button { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before { opacity: 0.04; } .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-button.mat-primary, .mat-mdc-outlined-button.mat-primary { --mat-mdc-button-persistent-ripple-color: #1472a4; --mat-mdc-button-ripple-color: rgba(20, 114, 164, 0.1); } .mat-mdc-button.mat-accent, .mat-mdc-outlined-button.mat-accent { --mat-mdc-button-persistent-ripple-color: #ff9800; --mat-mdc-button-ripple-color: rgba(255, 152, 0, 0.1); } .mat-mdc-button.mat-warn, .mat-mdc-outlined-button.mat-warn { --mat-mdc-button-persistent-ripple-color: #f44336; --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1); } .mat-mdc-raised-button, .mat-mdc-unelevated-button { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before { opacity: 0.04; } .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-raised-button.mat-primary, .mat-mdc-unelevated-button.mat-primary { --mat-mdc-button-persistent-ripple-color: #fff; --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-raised-button.mat-accent, .mat-mdc-unelevated-button.mat-accent { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-raised-button.mat-warn, .mat-mdc-unelevated-button.mat-warn { --mat-mdc-button-persistent-ripple-color: #fff; --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-button.mat-mdc-button-base, .mat-mdc-raised-button.mat-mdc-button-base, .mat-mdc-unelevated-button.mat-mdc-button-base, .mat-mdc-outlined-button.mat-mdc-button-base { height: 36px; } .mat-mdc-icon-button { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); --mdc-icon-button-icon-color: inherit; --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before { opacity: 0.04; } .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-icon-button.mat-primary { --mat-mdc-button-persistent-ripple-color: #6200ee; --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1); } .mat-mdc-icon-button.mat-accent { --mat-mdc-button-persistent-ripple-color: #018786; --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1); } .mat-mdc-icon-button.mat-warn { --mat-mdc-button-persistent-ripple-color: #b00020; --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1); } .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #1472a4; --mat-mdc-button-persistent-ripple-color: #1472a4; --mat-mdc-button-ripple-color: rgba(20, 114, 164, 0.1); } .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #ff9800; --mat-mdc-button-persistent-ripple-color: #ff9800; --mat-mdc-button-ripple-color: rgba(255, 152, 0, 0.1); } .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #f44336; --mat-mdc-button-persistent-ripple-color: #f44336; --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1); } .mat-mdc-icon-button[disabled][disabled] { --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38); --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38); } .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 48px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 12px; } .mat-mdc-fab, .mat-mdc-mini-fab { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before { opacity: 0.04; } .mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before { opacity: 0.12; } .mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary { --mat-mdc-button-persistent-ripple-color: #fff; --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent { --mat-mdc-button-persistent-ripple-color: #000; --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn { --mat-mdc-button-persistent-ripple-color: #fff; --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1); } .mat-mdc-fab[disabled][disabled], .mat-mdc-mini-fab[disabled][disabled] { --mdc-fab-container-color: rgba(0, 0, 0, 0.12); --mdc-fab-icon-color: rgba(0, 0, 0, 0.38); --mat-mdc-fab-color: rgba(0, 0, 0, 0.38); } .mat-mdc-fab.mat-unthemed, .mat-mdc-mini-fab.mat-unthemed { --mdc-fab-container-color: white; --mdc-fab-icon-color: black; --mat-mdc-fab-color: #000; } .mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary { --mdc-fab-container-color: #1472a4; --mdc-fab-icon-color: white; --mat-mdc-fab-color: #fff; } .mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent { --mdc-fab-container-color: #ff9800; --mdc-fab-icon-color: black; --mat-mdc-fab-color: #000; } .mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn { --mdc-fab-container-color: #f44336; --mdc-fab-icon-color: white; --mat-mdc-fab-color: #fff; } .mat-mdc-snack-bar-container { --mdc-snackbar-container-color: #333333; --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87); --mat-snack-bar-button-color: #ff9800; } html { --mat-table-background-color: white; --mat-table-header-headline-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12); } html { --mat-table-header-container-height: 56px; --mat-table-footer-container-height: 52px; --mat-table-row-item-container-height: 52px; } .mat-mdc-progress-spinner { --mdc-circular-progress-active-indicator-color: #1472a4; } .mat-mdc-progress-spinner.mat-accent { --mdc-circular-progress-active-indicator-color: #ff9800; } .mat-mdc-progress-spinner.mat-warn { --mdc-circular-progress-active-indicator-color: #f44336; } .mat-badge { position: relative; } .mat-badge.mat-badge { overflow: visible; } .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; background-color: var(--mat-badge-background-color); color: var(--mat-badge-text-color); font-family: Roboto, sans-serif; /* @alternate */ font-family: var(--mat-badge-text-font, Roboto, sans-serif); font-size: 12px; /* @alternate */ font-size: var(--mat-badge-text-size, 12px); font-weight: 600; /* @alternate */ font-weight: var(--mat-badge-text-weight, 600); } .cdk-high-contrast-active .mat-badge-content { outline: solid 1px; border-radius: 0; } .mat-badge-disabled .mat-badge-content { background-color: var(--mat-badge-disabled-state-background-color); color: var(--mat-badge-disabled-state-text-color); } .mat-badge-hidden .mat-badge-content { display: none; } .ng-animate-disabled .mat-badge-content, .mat-badge-content._mat-animation-noopable { transition: none; } .mat-badge-content.mat-badge-active { transform: none; } .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; font-size: 9px; /* @alternate */ font-size: var(--mat-badge-small-size-text-size, 9px); } .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; font-size: 24px; /* @alternate */ font-size: var(--mat-badge-large-size-text-size, 24px); } .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } html { --mat-badge-background-color: #1472a4; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: #b9b9b9; --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38); } .mat-badge-accent { --mat-badge-background-color: #ff9800; --mat-badge-text-color: rgba(0, 0, 0, 0.87); } .mat-badge-warn { --mat-badge-background-color: #f44336; --mat-badge-text-color: white; } html { --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87); --mat-bottom-sheet-container-background-color: white; } html { --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38); --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12); --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54); --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0; --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee; --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: black; --mat-standard-button-toggle-selected-state-background-color: #e0e0e0; --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-divider-color: #e0e0e0; } html { --mat-standard-button-toggle-height: 48px; } html { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #1472a4; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(20, 114, 164, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(20, 114, 164, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(20, 114, 164, 0.3); --mat-datepicker-toggle-active-state-icon-color: #1472a4; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(20, 114, 164, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38); --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-selected-state-background-color: #ff9800; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 152, 0, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 152, 0, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 152, 0, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 152, 0, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #f44336; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e; } .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #ff9800; } .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #f44336; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; width: var(--mdc-icon-button-state-layer-size); height: var(--mdc-icon-button-state-layer-size); padding: 8px; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target { display: none; } html { --mat-divider-color: rgba(0, 0, 0, 0.12); } html { --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26); --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54); } html { --mat-expansion-header-collapsed-state-height: 48px; --mat-expansion-header-expanded-state-height: 64px; } html { --mat-icon-color: inherit; } .mat-icon.mat-primary { --mat-icon-color: #1472a4; } .mat-icon.mat-accent { --mat-icon-color: #ff9800; } .mat-icon.mat-warn { --mat-icon-color: #f44336; } html { --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12); --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-content-background-color: #fafafa; --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); } html { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #1472a4; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #1472a4; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #1472a4; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: white; --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04); --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-error-state-label-text-color: #f44336; --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-error-state-icon-foreground-color: #f44336; --mat-stepper-header-error-state-icon-background-color: transparent; } html .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-selected-state-icon-background-color: #ff9800; --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-done-state-icon-background-color: #ff9800; --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-edit-state-icon-background-color: #ff9800; --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87); } html .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #f44336; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #f44336; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #f44336; --mat-stepper-header-edit-state-icon-foreground-color: white; } html { --mat-stepper-header-height: 72px; } .mat-sort-header-arrow { color: #757575; } html { --mat-toolbar-container-background-color: whitesmoke; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #1472a4; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #ff9800; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #f44336; --mat-toolbar-container-text-color: white; } html { --mat-toolbar-standard-height: 64px; --mat-toolbar-mobile-height: 56px; } .mat-tree { background: white; } .mat-tree-node, .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } .mat-tree-node { min-height: 48px; } /* html5doctor.com Reset Stylesheet v1.6.1 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ .app_estilo_komunak fieldset, .app_estilo_komunak table, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; letter-spacing: 0.5px px !important; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .edukiontzia ul, footer ul, nav ul, section ul { list-style: none; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /* change colours to suit your needs */ ins { background-color: #ff9; color: #000; text-decoration: none; } /* change colours to suit your needs */ mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: none; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } /* change border colour to suit your needs */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } /*====================ERRESETEOAREN AMAIERA===================*/ .app_edukiontzi { display: inline-block; margin-top: 0; } .x43n-container { line-height: 1.5em; } .material-icons { line-height: 1em !important; } .x43n-filter-form *:not(.mat-icon), .x43n-filter-formMovil *:not(.mat-icon) { font-size: 14px !important; } .mat-mdc-form-field { margin: 2px 8px 2px 8px !important; } mat-mdc-select-placeholder mat-mdc-select-min-line ng-tns-c57-37 ng-star-inserted .mat-mdc-button-wrapper span:not(.mat-icon) { font-size: 14px !important; } .x43n-container ul { list-style-type: none; } .x43n-container li { line-height: 1.5em !important; padding-bottom: 5px; margin-left: 20px; } .x43n-container h2, .x43n-container h2 > span { font-size: 19px !important; } .td-expansion-label, .x43n-container h3, .x43n-container h3 > span { font-size: 16px !important; font-family: "Open Sans" !important; font-weight: bold !important; } .x43n-container span { font-family: "Open Sans" !important; } .x43n-container h4 { font-size: 14px !important; } .mat-sidenav-content a { color: #1472a4; } .mat-mdc-list-text p { color: #757575; } /*------SIDE-NAV-SELECT------*/ .selectUser { background: #4e4e4e; } .selectUser .md2-select { display: block; float: left; width: 10%; } .selectUser .md2-select-trigger { min-width: 1px; width: 95%; left: 3%; position: absolute; height: 85%; } .selectUser .md2-select-value-text { display: none; } .selectUser .md2-select-value { color: white !important; padding-left: 1em !important; } .selectUser .md2-select-underline { height: 0 !important; } .selectUser .md2-select-arrow { color: white !important; } .selectUser .md2-list { width: 100%; padding-top: 0; padding-bottom: 5px; } .selectUser .md2-list-item-text { width: 90%; } .selectUser .mat-mdc-list { width: 100%; padding-top: 0; } .selectUser .md-list-item-text { width: 90%; height: auto; margin-left: 18px; } mat-icon.mat-icon.mat-mdc-list-item-avatar.material-icons { background-color: rgba(0, 0, 0, 0.04); align-items: center; align-content: center; justify-content: center; display: flex; } mat-icon.mat-iconmat-primary { background-color: rgba(0, 0, 0, 0.04); align-items: center; align-content: center; justify-content: center; display: -ms-flexbox; display: inline-grid; border-radius: 50%; width: 40px; height: 40px; } mat-icon.pre-icono.mat-icon.mat-primary.material-icons { width: unset; } div.mat-expansion-panel-body mat-icon.mat-icon { padding: 0px 4px 0px 4px !important; min-width: -moz-fit-content; min-width: fit-content; } div.mat-expansion-panel-body button.mdc-icon-button mat-icon.mat-icon { padding: 0px 0px 0px 0px !important; } .not-subHeader.negrita.mat-mdc-subheader { padding: unset; } mat-icon.mat-icon.mat-mdc-list-item-icon.material-icons { color: rgba(0, 0, 0, 0.54); } .mat-icon.mat-primary { color: #1472a4 !important; } .mat-mdc-raised-button:not(.mat-primary) { color: #1472a4 !important; } .mat-mdc-raised-button[disabled][disabled] { color: rgba(0, 0, 0, 0.26) !important; } mat-toolbar.mat-primary.mat-toolbar { padding: 0 0px !important; } .mat-sidenav-container { background-color: #e0e0e0 !important; } .mat-mdc-list .mat-mdc-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-mdc-list-item .mat-line:nth-child(n+2) { font-size: 18px; } .entidad { background: #ff9800; } /*------Textos en primario oscuro------*/ .primary-txt { color: #064278; } .content-with-list { padding-top: 4px !important; } mat-sidenav .navlist .mdc-list-item__content mat-icon { margin-left: 0px; margin-right: 16px; color: #737373; fill: #737373 !important; flex-shrink: 0; width: 36px !important; height: 36px !important; border-radius: 50%; object-fit: cover; background-color: rgba(0, 0, 0, 0.04); align-items: center; align-content: center; justify-content: center; display: flex; margin-right: 0.5em; } .mat-expansion-panel-body { padding: 0 24px 16px !important; } .mat-mdc-list[dense] .mat-mdc-list-item.mat-multi-line .mat-mdc-list-item-content, .mat-mdc-list[dense] .mat-list-option.mat-multi-line .mat-mdc-list-item-content, .mat-nav-list[dense] .mat-mdc-list-item.mat-multi-line .mat-mdc-list-item-content, .mat-nav-list[dense] .mat-list-option.mat-multi-line .mat-list-item-content, .mat-selection-list[dense] .mat-list-item.mat-multi-line .mat-list-item-content, .mat-selection-list[dense] .mat-list-option.mat-multi-line .mat-list-item-content { padding: 8px 16px !important; } mat-mdc-card-content.pagos.content-with-list.content-with-ul.mat-mdc-card-content { padding: unset !important; } mat-mdc-select ~ span label.mat-form-field-label.mat-input-placeholder.mat-form-field-placeholder.mat-empty.mat-form-field-empty.ng-star-inserted { margin-top: 10px; } mat-mdc-select ~ span label.mat-form-field-label.mat-input-placeholder.mat-form-field-placeholder.ng-star-inserted { margin-top: 13px; } .mat-mdc-list[dense] .mat-mdc-list-item, .mat-mdc-list[dense] .mat-mdc-list-option, .mat-mdc-nav-list[dense] .mat-mdc-list-item, .mat-mdc-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-mdc-list-item, .mat-selection-list[dense] .mat-list-option { display: block; } mat-mdc-select[id^=mat-select-] { width: 121px; width: 97%; } .mat-mdc-select-arrow { color: rgba(0, 0, 0, 0.38); } .mat-mdc-form-field-infix { padding: unset; border-top: unset; } .mat-mdc-input-infix { padding: unset; border-top: unset; } .mat-mdc-form-field-underline { background-color: rgba(0, 0, 0, 0.12); } .mat-mdc-form-field-label { color: rgba(0, 0, 0, 0.38); } mat-mdc-form-field.mat-mdc-input-container.mat-mdc-form-field { /* margin-top: 11px; */ margin-left: 6px; } .mat-mdc-form-field-infix { position: inherit !important; } .mat-mdc-input-wrapper { padding-bottom: 1.5em !important; } html .mat-mdc-card mat-card-title { padding-top: 16px; padding-left: 16px; padding-right: 16px; } @media screen and (max-width: 768px) { html .mat-mdc-card mat-card-title { padding-bottom: 16px; } } .mat-content mat-card a { color: #064278 !important; text-decoration: none !important; } .td-expand-icon { margin-right: 8px !important; } td-expansion-panel.exp-panel-title .td-expansion-primary { font-size: 20px !important; } /*------Calendar------*/ .md2-calendar-header { background: #1472a4 !important; } .md2-calendar-body-today:not(.md2-calendar-body-selected) { border-color: #1472a4 !important; } .md2-calendar-body-selected { background-color: #1472a4 !important; } .md2-datepicker-placeholder.md2-floating-placeholder { color: #1472a4 !important; } .md2-datepicker-input-focused.md2-datepicker-arrow { color: #1472a4 !important; } .md2-datepicker-input.md2-datepicker-input-focused { color: #1472a4 !important; border-color: #1472a4 !important; } .md2-datepicker-trigger { padding-top: 0 !important; } .md2-datepicker-button { padding: 0 !important; top: 0 !important; } .error-helper { position: absolute; color: red; margin-left: -14em; padding-top: 50px; } /*------Componente notificaciones------*/ .notify { position: relative; display: block; text-align: center; min-width: 40px; height: 40px; } /*------Expansion panel------*/ .mat-expansion-panel-header { height: 48px !important; padding: 0 24px 0 10px !important; } .mat-expansion-panel-body { padding: 0 0 0 0 !important; } .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.87) !important; } .mat-mdc-card-content { margin-bottom: 8px !important; padding: 8px !important; } .closebutton { position: absolute !important; right: 0 !important; margin-top: 0px !important; } body .push-sm { margin: 10px 18px 10px 10px; } .mat-text-separator { margin-right: 1em; } .md-2-line .mdc-list-item__primary-text { display: flex; flex-direction: row; align-items: center; box-sizing: border-box; position: relative; height: inherit; height: 8em; } .entidad mat-list-item.md-2-line { height: -moz-fit-content; height: fit-content; } .mdc-list-item__primary-text.mat-mdc-list-item-unscoped-content { display: inline-flex; } mat-sidenav.mat-sidenav .mdc-list-item__primary-text.mat-mdc-list-item-unscoped-content { padding-top: 0.5em; } span.mdc-list-item__primary-text { white-space: nowrap !important; } h5.mat-mdc-subheader.mdc-list-group__subheader { color: rgba(0, 0, 0, 0.54); } .mat-mdc-file-detail { padding-right: 6px; align-items: center; display: grid !important; height: 48px !important; font-size: 24px !important; } span.mat-mdc-list-item-unscoped-content.mdc-list-item__primary-text span.mat-line.mat-mdc-tooltip-trigger { display: flex; align-content: center; flex-wrap: wrap; } span.mat-mdc-list-item-unscoped-content.mdc-list-item__primary-text span.mat-line.mat-mdc-tooltip-trigger.mat-mdc-elem-small { font-size: small !important; } mat-icon.mat-icon.mat-mdc-elem-small.mat-primary.material-icons.mat-ligature-font { display: inline-grid; height: 100%; align-items: center; } .mat-mdc-flex-center { display: flex; align-items: center; } .x43n-filter-formMovil mat-card.mat-mdc-card.mdc-card.mat-mdc-card-outlined.mdc-card--outlined.ng-star-inserted div { margin-left: 0px; margin-top: 0px; margin-bottom: -2px; } a.mat-mdc-list-item.mdc-list-item { padding-left: 8px !important; padding-right: 16px; } .matListCertificacionesElementos span.mat-mdc-list-item-unscoped-content.mdc-list-item__primary-text { display: flex !important; flex-direction: column !important; } .matListSolicitudesElementos { padding: 4px !important; } .matListSolicitudesElementos mat-list-item { height: auto !important; } .matListSolicitudesElementos :is(span, p) { font-size: 14px; } .matListSolicitudesElementos p { color: #757575; } /**/ .matListNotificacionesElementos span.mat-mdc-list-item-unscoped-content.mdc-list-item__primary-text { display: flex !important; flex-direction: column !important; } .matListNotificacionesElementos { padding: 4px !important; width: -webkit-fill-available; } .matListNotificacionesElementos mat-list-item { height: auto !important; } .matListNotificacionesElementos :is(span, p) { font-size: 14px !important; } .matListNotificacionesElementos p { color: #757575; } /**/ .matListCertificacionesElementos { padding: 4px !important; } .matListCertificacionesElementos mat-list-item { height: auto !important; padding-left: 2px; padding-right: 2px; } .matListCertificacionesElementos :is(span, p) { font-size: 14px; } .matListCertificacionesElementos p { color: #757575; } .matListPagosElementos span.mat-mdc-list-item-unscoped-content.mdc-list-item__primary-text { display: flex !important; flex-direction: column !important; } .matListPagosElementos span.mat-mdc-list-item-unscoped-content.mdc-list-item__primary-text { padding-top: 0px; } .matListPagosElementos { padding: 4px !important; } .matListPagosElementos mat-list-item { height: auto !important; padding-left: 2px; padding-right: 2px; } app-pagos-list mat-card-content.mat-mdc-card-content { padding: 2px !important; } .matListPagosElementos :is(span, p) { font-size: 14px; } .matListPagosElementos p { color: #757575; } .matListSolicitudesElementos span.mat-mdc-list-item-unscoped-content.mdc-list-item__primary-text { display: flex !important; flex-direction: column !important; } .matListSolicitudesElementos { padding: 4px !important; } .matListSolicitudesElementos mat-list-item { height: auto !important; } .matListSolicitudesElementos :is(span, p) { font-size: 14px; } .matListSolicitudesElementos p { color: #757575; } .matListCertificacionesElementos span.mat-mdc-list-item-unscoped-content.mdc-list-item__primary-text p.mat-line.matListItemCertificacionesElementos { font-size: 14px; } mat-label.mat-mdc-title-label { font-weight: bold !important; } div.mat-mdc-form-field-infix mat-label.mat-mdc-title-label { font-weight: normal !important; } app-expedientes mat-nav-list.mat-mdc-nav-list mat-mdc-list-base.mdc-list :is(span, p) { font-size: 14px !important; } mat-option.mat-mdc-option { font-size: 14px; } app-certificaciones span { font-size: 14px !important; } app-certificaciones span .mdc-list-group__subheader { margin: 0px; } app-pagos :is(span, p) { font-size: 14px !important; } app-cuenta-resumen span { font-size: 14px !important; } app-cuenta-resumen mat-card-content.mat-mdc-card-content.mat-mdc-card-content { margin: 8px !important; } app-pagos span .mdc-list-group__subheader { margin: 0px; } .mat-mdc-documentos span.mat-mdc-list-item-unscoped-content.mdc-list-item__primary-text { padding-top: 0px !important; } .mat-mdc-documentos button.mdc-icon-button { padding: 12px; } .mat-mdc-documentos span.mat-mdc-list-item-unscoped-content.mdc-list-item__primary-text { align-items: center; font-size: small !important; } label.mat-mdc-label-fontsize { font-size: 14px; margin-right: 8px; } app-solicitudes-list div.sol-push-left p { display: flex !important; } app-solicitudes-detail span { font-size: 14px !important; } mat-card.filterCompleto div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input { padding-top: 0px; padding-bottom: 0px; } mat-card.filterCompleto div.mat-mdc-text-field-wrapper.mdc-text-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix { padding-top: 26px; padding-bottom: 0px; } mat-card.filterCompleto mat-form-field.mat-mdc-form-field { margin: 2px 8px 2px 16px !important; } mat-card.filterCompleto mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-date-range-input.mat-form-field-appearance-fill { margin: 2px 8px 2px 8px !important; } mat-card.filterCompleto mat-button-toggle.mat-button-toggle.mat-button-toggle-appearance-standardmat-button-toggle-checked span.mat-button-toggle-label-content { line-height: 36px !important; } .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { line-height: 36px !important; } app-solicitudes-detail span.mat-mdc-list-item-unscoped-content.mdc-list-item__primary-text span.mat-line.mat-mdc-tooltip-trigger { display: flex; align-content: center; flex-wrap: wrap; overflow: hidden; text-overflow: ellipsis; } /* div.mat-mdc-dialog-title.mdc-dialog__title{ line-height: 36px !important; margin-bottom: 16px; } */ app-dialog-firmas div.mat-mdc-dialog-title.mdc-dialog__title { line-height: 0px !important; } /* app-dialog-modificarcuenta div.mat-mdc-dialog-title.mdc-dialog__title{ line-height: 0px !important; } */ mat-dialog-container.mat-mdc-dialog-container.mdc-dialog.mdc-dialog--open { border: thin #000 solid; border-radius: 4px; padding: 0px; } mat-panel-title.mat-expansion-panel-header-title span.mat-subhead.td-expansion-label { font-weight: normal !important; } mat-dialog-container.mat-mdc-dialog-container mat-form-field.mat-mdc-form-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix input { padding-top: 0px; padding-bottom: 0px; } mat-dialog-container.mat-mdc-dialog-container mat-form-field.mat-mdc-form-field div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix { padding-top: 26px; padding-bottom: 0px; } app-miperfil :is(span, p) { font-size: 14px !important; } mat-dialog-container button { margin-bottom: 10px; margin-left: 10px; } .panelDigitalizacion button { margin-bottom: 0px !important; margin-left: 0px !important; } app-notificaciones-list app-notificaciones-puc-filter mat-card.mat-mdc-card.mdc-card { line-height: 35px; } app-notificaciones-list div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix { padding-top: 26px; padding-bottom: 0px; } /* mat-card.entidadEmisoraCard a div mat-icon.mat-icon{ font-size: 14px; } */ app-notificaciones-list mat-card.mat-mdc-card mat-form-field.mat-mdc-form-field div.mat-mdc-text-field-wrapper div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix { padding-top: 24px; padding-bottom: 8px; } app-notificacion-detail :is(span, p), app-expedientes-list :is(span, p), app-dialog-historialcambios :is(span, p) { font-size: 14px; } app-notificacion-detail span.mat-mdc-list-item-unscoped-content.mdc-list-item__primary-text { align-items: center; } app-dialog-historialcambios .mdc-list-item__primary-text.mat-mdc-list-item-unscoped-content { display: inline-flex; padding-top: 0em; } app-dialog-historialcambios span.mat-mdc-list-item-unscoped-content.mdc-list-item__primary-text { padding-left: 8px; } mat-list-item.matListElementos mat-list.mat-mdc-list.mat-mdc-list-base.mdc-list, app-expediente-detail :is(span, p), div.mat-mdc-dialog-content.mdc-dialog__content { font-size: 14px !important; } app-logout-inactividad mat-dialog-content.mat-mdc-dialog-content.mdc-dialog__content { color: #000; font-size: 14px; } app-detail-empresa mat-card-content.mat-mdc-card-content.content-with-ul li { font-size: 14px !important; } app-dialog-organismo-bloqueado h2.tituloMensaje.mensajeInfo { padding-top: 25px; } /* div.mat-mdc-dialog-actions.mdc-dialog__actions.mat-mdc-dialog-actions-align-end{ justify-content: center; } div.mat-mdc-dialog-actions.mdc-dialog__actions.mat-mdc-dialog-actions-align-end{ justify-content: end; } */ app-dialog-organismo-bloqueado div.mat-mdc-dialog-content.mdc-dialog__content { color: #000; } app-accesofh mat-form-field.mat-mdc-form-field div.mat-mdc-text-field-wrapper div.mat-mdc-form-field-flex div.mat-mdc-form-field-infix { padding-top: 28px !important; padding-bottom: 0px !important; } .entidad span.mdc-list-item__content div.md-list-item-text { display: flex; flex-direction: column; } app-actuaciones-list app-virtual-scroll { margin-bottom: 1em; margin-top: 1em; } div .mat-mdc-dialog-actions.mdc-dialog__actions.mat-mdc-dialog-actions-align-end { padding-right: 18px; } app-expedientes-list mat-nav-list.mat-mdc-nav-list.mat-mdc-list-base.mdc-list mat-list-item.mat-mdc-list-item.mdc-list-item.matListElementos.mat-mdc-list-item-interactive { padding: 0px 12px 0px 12px; } app-actuaciones-list mat-expansion-panel.marginPanelContenedor span.mat-mdc-button-persistent-ripple.mdc-button__ripple { margin: 8px 12px 8px 10px; } app-expedientes-list mat-nav-list.mat-mdc-nav-list mat-list-item.mat-mdc-list-item.mdc-list-item, app-certificaciones-list mat-nav-list.mat-mdc-nav-list mat-list-item.mat-mdc-list-item.mdc-list-item, app-notificaciones-list mat-nav-list.mat-mdc-nav-list mat-list-item.mat-mdc-list-item.mdc-list-item, app-solicitudes-list mat-nav-list.mat-mdc-nav-list mat-list-item.mat-mdc-list-item.mdc-list-item, app-pagos-list mat-list.mat-mdc-list mat-list-item.mat-mdc-list-item.mdc-list-item { padding: 8px 12px; } app-pagos-list mat-list.mat-mdc-list mat-list-item.mat-mdc-list-item.mdc-list-item { cursor: default; } .mat-mdc-nav-list .mat-mdc-list-item.listaRepresentaciones span span.mdc-list-item__primary-text { padding-bottom: 30px !important; } .mat-mdc-nav-list .mat-mdc-list-item span.contenido { position: relative; bottom: -10px; } .mat-mdc-list-item .mat-mdc-list-base .mat-line, .mat-mdc-list-item .mat-line, .textoElipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block !important; box-sizing: border-box; width: 100%; } mat-list-item.matListElementos mat-list.mat-mdc-list.mat-mdc-list-base.mdc-list { display: grid; } .matListElementos mat-list { flex: 1; max-width: 100%; } /*# sourceMappingURL=styles.css.map*/ epigeo - Procesos electorales - Departamento de Seguridad - Gobierno Vasco - Euskadi.eus Authentication Failed: No JWT token found in request headers

Menú de Procesos Electorales

epigeo - Procesos electorales - Departamento de Seguridad - Gobierno Vasco - Euskadi.eus

Ir al contenido

Herramientas del Euskera

Lur hiztegi entziklopedikoa

Elecciones Parlamento Europeo, Municipales y Juntas Generales 2019

Menú de Procesos Electorales

Lur hiztegi entziklopedikoa