@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url("styles/font/MaterialIcons-Regular.eot"); /* For IE6-8 */ src: local("styles/font/Material Icons"), local("styles/font/MaterialIcons-Regular"), url("styles/font/MaterialIcons-Regular.woff2") format("woff2"), url("styles/font/MaterialIcons-Regular.woff") format("woff"), url("styles/font/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'; } md-icon.material-icons, md-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-fab.mat-fab-position-bottom-right, [md-fab].md-fab-bottom-right, .mat-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-fab.mat-fab-position-bottom-right, html[dir=rtl] [md-fab].md-fab-bottom-right, html[dir=rtl] .mat-fab.mat-fab-bottom-right { right: auto; unicode-bidi: embed; } body[dir=rtl] [md-fab].md-fab-position-bottom-right, body[dir=rtl] .mat-fab.mat-fab-position-bottom-right, body[dir=rtl] [md-fab].md-fab-bottom-right, body[dir=rtl] .mat-fab.mat-fab-bottom-right { right: auto; unicode-bidi: embed; } [dir=rtl] [md-fab].md-fab-position-bottom-right, [dir=rtl] .mat-fab.mat-fab-position-bottom-right, [dir=rtl] [md-fab].md-fab-bottom-right, [dir=rtl] .mat-fab.mat-fab-bottom-right { right: auto; unicode-bidi: embed; } [md-fab].md-fab-position-bottom-right bdo[dir=rtl], .mat-fab.mat-fab-position-bottom-right bdo[dir=rtl], [md-fab].md-fab-bottom-right bdo[dir=rtl], .mat-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-fab.mat-fab-position-bottom-right bdo[dir=ltr], [md-fab].md-fab-bottom-right bdo[dir=ltr], .mat-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-fab.mat-fab-position-bottom-right, html[dir=rtl] [md-fab].md-fab-bottom-right, html[dir=rtl] .mat-fab.mat-fab-bottom-right { left: 20px; unicode-bidi: embed; } body[dir=rtl] [md-fab].md-fab-position-bottom-right, body[dir=rtl] .mat-fab.mat-fab-position-bottom-right, body[dir=rtl] [md-fab].md-fab-bottom-right, body[dir=rtl] .mat-fab.mat-fab-bottom-right { left: 20px; unicode-bidi: embed; } [dir=rtl] [md-fab].md-fab-position-bottom-right, [dir=rtl] .mat-fab.mat-fab-position-bottom-right, [dir=rtl] [md-fab].md-fab-bottom-right, [dir=rtl] .mat-fab.mat-fab-bottom-right { left: 20px; unicode-bidi: embed; } [md-fab].md-fab-position-bottom-right bdo[dir=rtl], .mat-fab.mat-fab-position-bottom-right bdo[dir=rtl], [md-fab].md-fab-bottom-right bdo[dir=rtl], .mat-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-fab.mat-fab-position-bottom-right bdo[dir=ltr], [md-fab].md-fab-bottom-right bdo[dir=ltr], .mat-fab.mat-fab-bottom-right bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } [md-fab].md-fab-position-bottom-right.fixed, .mat-fab.mat-fab-position-bottom-right.fixed, [md-fab].md-fab-bottom-right.fixed, .mat-fab.mat-fab-bottom-right.fixed { position: fixed; } [md-fab].md-fab-position-bottom-left, .mat-fab.mat-fab-position-bottom-left, [md-fab].md-fab-bottom-left, .mat-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-fab.mat-fab-position-bottom-left, html[dir=rtl] [md-fab].md-fab-bottom-left, html[dir=rtl] .mat-fab.mat-fab-bottom-left { right: 20px; unicode-bidi: embed; } body[dir=rtl] [md-fab].md-fab-position-bottom-left, body[dir=rtl] .mat-fab.mat-fab-position-bottom-left, body[dir=rtl] [md-fab].md-fab-bottom-left, body[dir=rtl] .mat-fab.mat-fab-bottom-left { right: 20px; unicode-bidi: embed; } [dir=rtl] [md-fab].md-fab-position-bottom-left, [dir=rtl] .mat-fab.mat-fab-position-bottom-left, [dir=rtl] [md-fab].md-fab-bottom-left, [dir=rtl] .mat-fab.mat-fab-bottom-left { right: 20px; unicode-bidi: embed; } [md-fab].md-fab-position-bottom-left bdo[dir=rtl], .mat-fab.mat-fab-position-bottom-left bdo[dir=rtl], [md-fab].md-fab-bottom-left bdo[dir=rtl], .mat-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-fab.mat-fab-position-bottom-left bdo[dir=ltr], [md-fab].md-fab-bottom-left bdo[dir=ltr], .mat-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-fab.mat-fab-position-bottom-left, html[dir=rtl] [md-fab].md-fab-bottom-left, html[dir=rtl] .mat-fab.mat-fab-bottom-left { left: auto; unicode-bidi: embed; } body[dir=rtl] [md-fab].md-fab-position-bottom-left, body[dir=rtl] .mat-fab.mat-fab-position-bottom-left, body[dir=rtl] [md-fab].md-fab-bottom-left, body[dir=rtl] .mat-fab.mat-fab-bottom-left { left: auto; unicode-bidi: embed; } [dir=rtl] [md-fab].md-fab-position-bottom-left, [dir=rtl] .mat-fab.mat-fab-position-bottom-left, [dir=rtl] [md-fab].md-fab-bottom-left, [dir=rtl] .mat-fab.mat-fab-bottom-left { left: auto; unicode-bidi: embed; } [md-fab].md-fab-position-bottom-left bdo[dir=rtl], .mat-fab.mat-fab-position-bottom-left bdo[dir=rtl], [md-fab].md-fab-bottom-left bdo[dir=rtl], .mat-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-fab.mat-fab-position-bottom-left bdo[dir=ltr], [md-fab].md-fab-bottom-left bdo[dir=ltr], .mat-fab.mat-fab-bottom-left bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } [md-fab].md-fab-position-bottom-left.fixed, .mat-fab.mat-fab-position-bottom-left.fixed, [md-fab].md-fab-bottom-left.fixed, .mat-fab.mat-fab-bottom-left.fixed { position: fixed; } [md-fab].md-fab-position-top-right, .mat-fab.mat-fab-position-top-right, [md-fab].md-fab-top-right, .mat-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-fab.mat-fab-position-top-right, html[dir=rtl] [md-fab].md-fab-top-right, html[dir=rtl] .mat-fab.mat-fab-top-right { right: auto; unicode-bidi: embed; } body[dir=rtl] [md-fab].md-fab-position-top-right, body[dir=rtl] .mat-fab.mat-fab-position-top-right, body[dir=rtl] [md-fab].md-fab-top-right, body[dir=rtl] .mat-fab.mat-fab-top-right { right: auto; unicode-bidi: embed; } [dir=rtl] [md-fab].md-fab-position-top-right, [dir=rtl] .mat-fab.mat-fab-position-top-right, [dir=rtl] [md-fab].md-fab-top-right, [dir=rtl] .mat-fab.mat-fab-top-right { right: auto; unicode-bidi: embed; } [md-fab].md-fab-position-top-right bdo[dir=rtl], .mat-fab.mat-fab-position-top-right bdo[dir=rtl], [md-fab].md-fab-top-right bdo[dir=rtl], .mat-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-fab.mat-fab-position-top-right bdo[dir=ltr], [md-fab].md-fab-top-right bdo[dir=ltr], .mat-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-fab.mat-fab-position-top-right, html[dir=rtl] [md-fab].md-fab-top-right, html[dir=rtl] .mat-fab.mat-fab-top-right { left: 20px; unicode-bidi: embed; } body[dir=rtl] [md-fab].md-fab-position-top-right, body[dir=rtl] .mat-fab.mat-fab-position-top-right, body[dir=rtl] [md-fab].md-fab-top-right, body[dir=rtl] .mat-fab.mat-fab-top-right { left: 20px; unicode-bidi: embed; } [dir=rtl] [md-fab].md-fab-position-top-right, [dir=rtl] .mat-fab.mat-fab-position-top-right, [dir=rtl] [md-fab].md-fab-top-right, [dir=rtl] .mat-fab.mat-fab-top-right { left: 20px; unicode-bidi: embed; } [md-fab].md-fab-position-top-right bdo[dir=rtl], .mat-fab.mat-fab-position-top-right bdo[dir=rtl], [md-fab].md-fab-top-right bdo[dir=rtl], .mat-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-fab.mat-fab-position-top-right bdo[dir=ltr], [md-fab].md-fab-top-right bdo[dir=ltr], .mat-fab.mat-fab-top-right bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } [md-fab].md-fab-position-top-right.fixed, .mat-fab.mat-fab-position-top-right.fixed, [md-fab].md-fab-top-right.fixed, .mat-fab.mat-fab-top-right.fixed { position: fixed; } [md-fab].md-fab-position-top-left, .mat-fab.mat-fab-position-top-left, [md-fab].md-fab-top-left, .mat-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-fab.mat-fab-position-top-left, html[dir=rtl] [md-fab].md-fab-top-left, html[dir=rtl] .mat-fab.mat-fab-top-left { right: 20px; unicode-bidi: embed; } body[dir=rtl] [md-fab].md-fab-position-top-left, body[dir=rtl] .mat-fab.mat-fab-position-top-left, body[dir=rtl] [md-fab].md-fab-top-left, body[dir=rtl] .mat-fab.mat-fab-top-left { right: 20px; unicode-bidi: embed; } [dir=rtl] [md-fab].md-fab-position-top-left, [dir=rtl] .mat-fab.mat-fab-position-top-left, [dir=rtl] [md-fab].md-fab-top-left, [dir=rtl] .mat-fab.mat-fab-top-left { right: 20px; unicode-bidi: embed; } [md-fab].md-fab-position-top-left bdo[dir=rtl], .mat-fab.mat-fab-position-top-left bdo[dir=rtl], [md-fab].md-fab-top-left bdo[dir=rtl], .mat-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-fab.mat-fab-position-top-left bdo[dir=ltr], [md-fab].md-fab-top-left bdo[dir=ltr], .mat-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-fab.mat-fab-position-top-left, html[dir=rtl] [md-fab].md-fab-top-left, html[dir=rtl] .mat-fab.mat-fab-top-left { left: auto; unicode-bidi: embed; } body[dir=rtl] [md-fab].md-fab-position-top-left, body[dir=rtl] .mat-fab.mat-fab-position-top-left, body[dir=rtl] [md-fab].md-fab-top-left, body[dir=rtl] .mat-fab.mat-fab-top-left { left: auto; unicode-bidi: embed; } [dir=rtl] [md-fab].md-fab-position-top-left, [dir=rtl] .mat-fab.mat-fab-position-top-left, [dir=rtl] [md-fab].md-fab-top-left, [dir=rtl] .mat-fab.mat-fab-top-left { left: auto; unicode-bidi: embed; } [md-fab].md-fab-position-top-left bdo[dir=rtl], .mat-fab.mat-fab-position-top-left bdo[dir=rtl], [md-fab].md-fab-top-left bdo[dir=rtl], .mat-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-fab.mat-fab-position-top-left bdo[dir=ltr], [md-fab].md-fab-top-left bdo[dir=ltr], .mat-fab.mat-fab-top-left bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } [md-fab].md-fab-position-top-left.fixed, .mat-fab.mat-fab-position-top-left.fixed, [md-fab].md-fab-top-left.fixed, .mat-fab.mat-fab-top-left.fixed { position: fixed; } button[md-icon-button].md-icon-button-mini { height: 24px; line-height: 24px; width: 24px; } body .mat-card { padding: 0; margin: 8px; } body .mat-card md-card-header { height: auto; } body .mat-card [md-card-avatar] { font-size: 40px; line-height: 40px; height: 40px; width: 40px; margin: 16px 0 0 15px; border-radius: 50%; } body .mat-card [md-card-image] { width: 100%; margin: 0; } body .mat-card md-card-title { padding-top: 16px; padding-left: 16px; padding-right: 16px; } body .mat-card md-card-subtitle { padding-left: 16px; padding-right: 16px; } body .mat-card md-card-content { padding: 16px; } body .mat-card .mat-card-actions:last-child, body .mat-card .mat-card .mat-card-actions:last-child { padding: 8px; margin: 0; } .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-chip-list-stacked) .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip) { margin: 0 3px 0 3px; } md-chip-list:not(.mat-chip-list-stacked) .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip):first-child { margin-left: 0; margin-right: 3px; } [dir='rtl'] md-chip-list:not(.mat-chip-list-stacked) .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip):first-child { margin-left: 3px; margin-right: 0; } md-chip-list.mat-chip-list-stacked .md-chip-list-wrapper { display: block; } md-chip-list.mat-chip-list-stacked .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip) { display: block; margin: 0; margin-bottom: 8px; } [dir='rtl'] md-chip-list.mat-chip-list-stacked .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip) { margin: 0; margin-bottom: 8px; } md-chip-list.mat-chip-list-stacked .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip):last-child, [dir='rtl'] md-chip-list.mat-chip-list-stacked .md-chip-list-wrapper .mat-chip:not(.mat-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; } md-list-item md-icon[md-list-avatar], .mat-list-item-content md-icon[md-list-avatar] { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-justify-content: center; -ms-flex-pack: 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 */ md-sidenav { width: 320px; } md-sidenav .mat-list-item-content md-icon { margin-left: 0px; margin-right: 16px; color: #737373; fill: #737373; } html[dir=rtl] md-sidenav .mat-list-item-content md-icon { margin-left: 16px; unicode-bidi: embed; } body[dir=rtl] md-sidenav .mat-list-item-content md-icon { margin-left: 16px; unicode-bidi: embed; } [dir=rtl] md-sidenav .mat-list-item-content md-icon { margin-left: 16px; unicode-bidi: embed; } md-sidenav .mat-list-item-content md-icon bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } md-sidenav .mat-list-item-content md-icon bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } html[dir=rtl] md-sidenav .mat-list-item-content md-icon { margin-right: 0px; unicode-bidi: embed; } body[dir=rtl] md-sidenav .mat-list-item-content md-icon { margin-right: 0px; unicode-bidi: embed; } [dir=rtl] md-sidenav .mat-list-item-content md-icon { margin-right: 0px; unicode-bidi: embed; } md-sidenav .mat-list-item-content md-icon bdo[dir=rtl] { direction: rtl; unicode-bidi: bidi-override; } md-sidenav .mat-list-item-content md-icon bdo[dir=ltr] { direction: ltr; unicode-bidi: bidi-override; } .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: 1 1 100%; box-sizing: border-box; } [flex-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [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: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; 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: 1 1 100%; box-sizing: border-box; } [flex-xs-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-xs-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-xs-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-xs-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [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: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; 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: 1 1 100%; box-sizing: border-box; } [flex-gt-xs-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-gt-xs-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-gt-xs-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-gt-xs-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [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: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; 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: 1 1 100%; box-sizing: border-box; } [flex-sm-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-sm-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-sm-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-sm-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [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: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; 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: 1 1 100%; box-sizing: border-box; } [flex-gt-sm-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-gt-sm-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-gt-sm-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-gt-sm-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [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: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; 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: 1 1 100%; box-sizing: border-box; } [flex-md-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-md-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-md-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-md-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [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: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; 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: 1 1 100%; box-sizing: border-box; } [flex-gt-md-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-gt-md-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-gt-md-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-gt-md-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [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: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; 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: 1 1 100%; box-sizing: border-box; } [flex-lg-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-lg-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-lg-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-lg-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [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: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; 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: 1 1 100%; box-sizing: border-box; } [flex-gt-lg-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-gt-lg-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-gt-lg-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-gt-lg-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [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: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; 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: 1 1 100%; box-sizing: border-box; } [flex-xl-initial] { flex: 0 1 auto; box-sizing: border-box; } [flex-xl-auto] { flex: 1 1 auto; box-sizing: border-box; } [flex-xl-none] { flex: 0 0 auto; box-sizing: border-box; } [flex-xl-noshrink] { flex: 1 0 auto; box-sizing: border-box; } [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: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; 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; } } [flex="none"] { flex: 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; -khtml-user-select: none; -moz-user-select: none; -ms-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; } md-toolbar [md-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; }