| /*! |
| * Angular Material Design |
| * https://github.com/angular/material |
| * @license MIT |
| * v0.11.1-master-83b01eb |
| */ |
| /* |
| * |
| * 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://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items |
| * 4) 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 |
| * |
| */ |
| .layout { |
| box-sizing: border-box; |
| display: -webkit-flex; |
| display: -moz-flex; |
| display: -ms-flexbox; |
| display: flex; } |
| |
| .layout-column { |
| -ms-flex-direction: column; |
| flex-direction: column; |
| -webkit-flex-direction: column; } |
| |
| .layout-row { |
| -ms-flex-direction: row; |
| flex-direction: row; |
| -webkit-flex-direction: row; } |
| |
| .flex { |
| box-sizing: border-box; |
| -webkit-flex: 1; |
| -ms-flex: 1; |
| flex: 1; } |
| |
| .flex-5, .md-css-only [flex="5"] { |
| -webkit-flex: 0 0 5%; |
| -ms-flex: 0 0 5%; |
| flex: 0 0 5%; } |
| |
| .layout--row > .flex-5, .md-css-only [layout="row"] > .md-css-only [flex="5"] { |
| max-width: 5%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-5, .md-css-only [layout="column"] > .md-css-only [flex="5"] { |
| max-height: 5%; |
| max-width: 100%; } |
| |
| .flex-10, .md-css-only [flex="10"] { |
| -webkit-flex: 0 0 10%; |
| -ms-flex: 0 0 10%; |
| flex: 0 0 10%; } |
| |
| .layout--row > .flex-10, .md-css-only [layout="row"] > .md-css-only [flex="10"] { |
| max-width: 10%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-10, .md-css-only [layout="column"] > .md-css-only [flex="10"] { |
| max-height: 10%; |
| max-width: 100%; } |
| |
| .flex-15, .md-css-only [flex="15"] { |
| -webkit-flex: 0 0 15%; |
| -ms-flex: 0 0 15%; |
| flex: 0 0 15%; } |
| |
| .layout--row > .flex-15, .md-css-only [layout="row"] > .md-css-only [flex="15"] { |
| max-width: 15%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-15, .md-css-only [layout="column"] > .md-css-only [flex="15"] { |
| max-height: 15%; |
| max-width: 100%; } |
| |
| .flex-20, .md-css-only [flex="20"] { |
| -webkit-flex: 0 0 20%; |
| -ms-flex: 0 0 20%; |
| flex: 0 0 20%; } |
| |
| .layout--row > .flex-20, .md-css-only [layout="row"] > .md-css-only [flex="20"] { |
| max-width: 20%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-20, .md-css-only [layout="column"] > .md-css-only [flex="20"] { |
| max-height: 20%; |
| max-width: 100%; } |
| |
| .flex-25, .md-css-only [flex="25"] { |
| -webkit-flex: 0 0 25%; |
| -ms-flex: 0 0 25%; |
| flex: 0 0 25%; } |
| |
| .layout--row > .flex-25, .md-css-only [layout="row"] > .md-css-only [flex="25"] { |
| max-width: 25%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-25, .md-css-only [layout="column"] > .md-css-only [flex="25"] { |
| max-height: 25%; |
| max-width: 100%; } |
| |
| .flex-30, .md-css-only [flex="30"] { |
| -webkit-flex: 0 0 30%; |
| -ms-flex: 0 0 30%; |
| flex: 0 0 30%; } |
| |
| .layout--row > .flex-30, .md-css-only [layout="row"] > .md-css-only [flex="30"] { |
| max-width: 30%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-30, .md-css-only [layout="column"] > .md-css-only [flex="30"] { |
| max-height: 30%; |
| max-width: 100%; } |
| |
| .flex-35, .md-css-only [flex="35"] { |
| -webkit-flex: 0 0 35%; |
| -ms-flex: 0 0 35%; |
| flex: 0 0 35%; } |
| |
| .layout--row > .flex-35, .md-css-only [layout="row"] > .md-css-only [flex="35"] { |
| max-width: 35%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-35, .md-css-only [layout="column"] > .md-css-only [flex="35"] { |
| max-height: 35%; |
| max-width: 100%; } |
| |
| .flex-40, .md-css-only [flex="40"] { |
| -webkit-flex: 0 0 40%; |
| -ms-flex: 0 0 40%; |
| flex: 0 0 40%; } |
| |
| .layout--row > .flex-40, .md-css-only [layout="row"] > .md-css-only [flex="40"] { |
| max-width: 40%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-40, .md-css-only [layout="column"] > .md-css-only [flex="40"] { |
| max-height: 40%; |
| max-width: 100%; } |
| |
| .flex-45, .md-css-only [flex="45"] { |
| -webkit-flex: 0 0 45%; |
| -ms-flex: 0 0 45%; |
| flex: 0 0 45%; } |
| |
| .layout--row > .flex-45, .md-css-only [layout="row"] > .md-css-only [flex="45"] { |
| max-width: 45%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-45, .md-css-only [layout="column"] > .md-css-only [flex="45"] { |
| max-height: 45%; |
| max-width: 100%; } |
| |
| .flex-50, .md-css-only [flex="50"] { |
| -webkit-flex: 0 0 50%; |
| -ms-flex: 0 0 50%; |
| flex: 0 0 50%; } |
| |
| .layout--row > .flex-50, .md-css-only [layout="row"] > .md-css-only [flex="50"] { |
| max-width: 50%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-50, .md-css-only [layout="column"] > .md-css-only [flex="50"] { |
| max-height: 50%; |
| max-width: 100%; } |
| |
| .flex-55, .md-css-only [flex="55"] { |
| -webkit-flex: 0 0 55%; |
| -ms-flex: 0 0 55%; |
| flex: 0 0 55%; } |
| |
| .layout--row > .flex-55, .md-css-only [layout="row"] > .md-css-only [flex="55"] { |
| max-width: 55%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-55, .md-css-only [layout="column"] > .md-css-only [flex="55"] { |
| max-height: 55%; |
| max-width: 100%; } |
| |
| .flex-60, .md-css-only [flex="60"] { |
| -webkit-flex: 0 0 60%; |
| -ms-flex: 0 0 60%; |
| flex: 0 0 60%; } |
| |
| .layout--row > .flex-60, .md-css-only [layout="row"] > .md-css-only [flex="60"] { |
| max-width: 60%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-60, .md-css-only [layout="column"] > .md-css-only [flex="60"] { |
| max-height: 60%; |
| max-width: 100%; } |
| |
| .flex-65, .md-css-only [flex="65"] { |
| -webkit-flex: 0 0 65%; |
| -ms-flex: 0 0 65%; |
| flex: 0 0 65%; } |
| |
| .layout--row > .flex-65, .md-css-only [layout="row"] > .md-css-only [flex="65"] { |
| max-width: 65%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-65, .md-css-only [layout="column"] > .md-css-only [flex="65"] { |
| max-height: 65%; |
| max-width: 100%; } |
| |
| .flex-70, .md-css-only [flex="70"] { |
| -webkit-flex: 0 0 70%; |
| -ms-flex: 0 0 70%; |
| flex: 0 0 70%; } |
| |
| .layout--row > .flex-70, .md-css-only [layout="row"] > .md-css-only [flex="70"] { |
| max-width: 70%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-70, .md-css-only [layout="column"] > .md-css-only [flex="70"] { |
| max-height: 70%; |
| max-width: 100%; } |
| |
| .flex-75, .md-css-only [flex="75"] { |
| -webkit-flex: 0 0 75%; |
| -ms-flex: 0 0 75%; |
| flex: 0 0 75%; } |
| |
| .layout--row > .flex-75, .md-css-only [layout="row"] > .md-css-only [flex="75"] { |
| max-width: 75%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-75, .md-css-only [layout="column"] > .md-css-only [flex="75"] { |
| max-height: 75%; |
| max-width: 100%; } |
| |
| .flex-80, .md-css-only [flex="80"] { |
| -webkit-flex: 0 0 80%; |
| -ms-flex: 0 0 80%; |
| flex: 0 0 80%; } |
| |
| .layout--row > .flex-80, .md-css-only [layout="row"] > .md-css-only [flex="80"] { |
| max-width: 80%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-80, .md-css-only [layout="column"] > .md-css-only [flex="80"] { |
| max-height: 80%; |
| max-width: 100%; } |
| |
| .flex-85, .md-css-only [flex="85"] { |
| -webkit-flex: 0 0 85%; |
| -ms-flex: 0 0 85%; |
| flex: 0 0 85%; } |
| |
| .layout--row > .flex-85, .md-css-only [layout="row"] > .md-css-only [flex="85"] { |
| max-width: 85%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-85, .md-css-only [layout="column"] > .md-css-only [flex="85"] { |
| max-height: 85%; |
| max-width: 100%; } |
| |
| .flex-90, .md-css-only [flex="90"] { |
| -webkit-flex: 0 0 90%; |
| -ms-flex: 0 0 90%; |
| flex: 0 0 90%; } |
| |
| .layout--row > .flex-90, .md-css-only [layout="row"] > .md-css-only [flex="90"] { |
| max-width: 90%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-90, .md-css-only [layout="column"] > .md-css-only [flex="90"] { |
| max-height: 90%; |
| max-width: 100%; } |
| |
| .flex-95, .md-css-only [flex="95"] { |
| -webkit-flex: 0 0 95%; |
| -ms-flex: 0 0 95%; |
| flex: 0 0 95%; } |
| |
| .layout--row > .flex-95, .md-css-only [layout="row"] > .md-css-only [flex="95"] { |
| max-width: 95%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-95, .md-css-only [layout="column"] > .md-css-only [flex="95"] { |
| max-height: 95%; |
| max-width: 100%; } |
| |
| .flex-100, .md-css-only [flex="100"] { |
| -webkit-flex: 0 0 100%; |
| -ms-flex: 0 0 100%; |
| flex: 0 0 100%; } |
| |
| .layout--row > .flex-100, .md-css-only [layout="row"] > .md-css-only [flex="100"] { |
| max-width: 100%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-100, .md-css-only [layout="column"] > .md-css-only [flex="100"] { |
| max-height: 100%; |
| max-width: 100%; } |
| |
| .flex-33, .flex-34 { |
| -webkit-flex: 0 0 33%; |
| -ms-flex: 0 0 33%; |
| flex: 0 0 33%; |
| max-width: 33%; |
| max-height: 100%; } |
| |
| .flex-66, .flex-67 { |
| -webkit-flex: 0 0 67%; |
| -ms-flex: 0 0 67%; |
| flex: 0 0 67%; |
| max-width: 67%; |
| max-height: 100%; } |
| |
| .layout--row > .flex-33, .layout--row > .flex-34 { |
| max-width: 33%; |
| max-height: 100%; } |
| .layout--row > .flex-66, .layout--row > .flex-67 { |
| max-width: 67%; |
| max-height: 100%; } |
| |
| .layout--column > .flex-33, .layout--column > .flex-34 { |
| max-height: 33%; |
| max-width: 100%; } |
| .layout--column > .flex-66, .layout--column > .flex-67 { |
| max-height: 67%; |
| max-width: 100%; } |
| |
| .layout-align-center, .layout-align-center-center, .layout-align-center-start, .layout-align-center-end, .md-css-only [layout-align="center"], .md-css-only [layout-align="center center"], .md-css-only [layout-align="center start"], .md-css-only [layout-align="center end"] { |
| -webkit-justify-content: center; |
| -ms-flex-pack: center; |
| justify-content: center; } |
| |
| .layout-align-end, .layout-align-end-center, .layout-align-end-start, .layout-align-end-end, .md-css-only [layout-align="end"], .md-css-only [layout-align="end center"], .md-css-only [layout-align="end start"], .md-css-only [layout-align="end end"] { |
| -webkit-justify-content: flex-end; |
| -ms-flex-pack: end; |
| justify-content: flex-end; } |
| |
| .layout-align-space-around, .layout-align-space-around-center, .layout-align-space-around-start, .layout-align-space-around-end, .md-css-only [layout-align="space-around"], .md-css-only [layout-align="space-around center"], .md-css-only [layout-align="space-around start"], .md-css-only [layout-align="space-around end"] { |
| -webkit-justify-content: space-around; |
| -ms-flex-pack: distribute; |
| justify-content: space-around; } |
| |
| .layout-align-space-between, .layout-align-space-between-center, .layout-align-space-between-start, .layout-align-space-between-end, .md-css-only [layout-align="space-between"], .md-css-only [layout-align="space-between center"], .md-css-only [layout-align="space-between start"], .md-css-only [layout-align="space-between end"] { |
| -webkit-justify-content: space-between; |
| -ms-flex-pack: justify; |
| justify-content: space-between; } |
| |
| .layout-align-center-start, .layout-align-start-start, .layout-align-end-start, .layout-align-space-between-start, .layout-align-space-around-start, .md-css-only [layout-align="center start"], .md-css-only [layout-align="start start"], .md-css-only [layout-align="end start"], .md-css-only [layout-align="space-between start"], .md-css-only [layout-align="space-around start"] { |
| -webkit-align-items: flex-start; |
| -ms-flex-align: start; |
| align-items: flex-start; } |
| |
| .layout-align-center-center, .layout-align-start-center, .layout-align-end-center, .layout-align-space-between-center, .layout-align-space-around-center, .md-css-only [layout-align="center center"], .md-css-only [layout-align="start center"], .md-css-only [layout-align="end center"], .md-css-only [layout-align="space-between center"], .md-css-only [layout-align="space-around center"] { |
| -webkit-align-items: center; |
| -ms-flex-align: center; |
| align-items: center; |
| max-width: 100%; } |
| |
| .layout-align-center-end, .layout-align-start-end, .layout-align-end-end, .layout-align-space-between-end, .layout-align-space-around-end, .md-css-only [layout-align="center end"], .md-css-only [layout-align="start end"], .md-css-only [layout-align="end end"], .md-css-only [layout-align="space-between end"], .md-css-only [layout-align="space-around end"] { |
| -webkit-align-items: flex-end; |
| -ms-flex-align: end; |
| align-items: flex-end; } |
| |
| .flex-order, .flex-order--9, .flex-order-sm--9, .flex-order-gt-sm--9, .flex-order-md--9, .flex-order-gt-md--9, .flex-order-lg--9, .flex-order-gt-lg--9 { |
| -webkit-order: -9; |
| -ms-flex-order: -9; |
| order: -9; } |
| |
| .flex-order--8, .flex-order-sm--8, .flex-order-gt-sm--8, .flex-order-md--8, .flex-order-gt-md--8, .flex-order-lg--8, .flex-order-gt-lg--8 { |
| -webkit-order: -8; |
| -ms-flex-order: -8; |
| order: -8; } |
| |
| .flex-order--7, .flex-order-sm--7, .flex-order-gt-sm--7, .flex-order-md--7, .flex-order-gt-md--7, .flex-order-lg--7, .flex-order-gt-lg--7 { |
| -webkit-order: -7; |
| -ms-flex-order: -7; |
| order: -7; } |
| |
| .flex-order--6, .flex-order-sm--6, .flex-order-gt-sm--6, .flex-order-md--6, .flex-order-gt-md--6, .flex-order-lg--6, .flex-order-gt-lg--6 { |
| -webkit-order: -6; |
| -ms-flex-order: -6; |
| order: -6; } |
| |
| .flex-order--5, .flex-order-sm--5, .flex-order-gt-sm--5, .flex-order-md--5, .flex-order-gt-md--5, .flex-order-lg--5, .flex-order-gt-lg--5 { |
| -webkit-order: -5; |
| -ms-flex-order: -5; |
| order: -5; } |
| |
| .flex-order--4, .flex-order-sm--4, .flex-order-gt-sm--4, .flex-order-md--4, .flex-order-gt-md--4, .flex-order-lg--4, .flex-order-gt-lg--4 { |
| -webkit-order: -4; |
| -ms-flex-order: -4; |
| order: -4; } |
| |
| .flex-order--3, .flex-order-sm--3, .flex-order-gt-sm--3, .flex-order-md--3, .flex-order-gt-md--3, .flex-order-lg--3, .flex-order-gt-lg--3 { |
| -webkit-order: -3; |
| -ms-flex-order: -3; |
| order: -3; } |
| |
| .flex-order--2, .flex-order-sm--2, .flex-order-gt-sm--2, .flex-order-md--2, .flex-order-gt-md--2, .flex-order-lg--2, .flex-order-gt-lg--2 { |
| -webkit-order: -2; |
| -ms-flex-order: -2; |
| order: -2; } |
| |
| .flex-order--1, .flex-order-sm--1, .flex-order-gt-sm--1, .flex-order-md--1, .flex-order-gt-md--1, .flex-order-lg--1, .flex-order-gt-lg--1 { |
| -webkit-order: -1; |
| -ms-flex-order: -1; |
| order: -1; } |
| |
| .flex-order-0, .flex-order-sm-0, .flex-order-gt-sm-0, .flex-order-md-0, .flex-order-gt-md-0, .flex-order-lg-0, .flex-order-gt-lg-0 { |
| -webkit-order: 0; |
| -ms-flex-order: 0; |
| order: 0; } |
| |
| .flex-order-1, .flex-order-sm-1, .flex-order-gt-sm-1, .flex-order-md-1, .flex-order-gt-md-1, .flex-order-lg-1, .flex-order-gt-lg-1 { |
| -webkit-order: 1; |
| -ms-flex-order: 1; |
| order: 1; } |
| |
| .flex-order-2, .flex-order-sm-2, .flex-order-gt-sm-2, .flex-order-md-2, .flex-order-gt-md-2, .flex-order-lg-2, .flex-order-gt-lg-2 { |
| -webkit-order: 2; |
| -ms-flex-order: 2; |
| order: 2; } |
| |
| .flex-order-3, .flex-order-sm-3, .flex-order-gt-sm-3, .flex-order-md-3, .flex-order-gt-md-3, .flex-order-lg-3, .flex-order-gt-lg-3 { |
| -webkit-order: 3; |
| -ms-flex-order: 3; |
| order: 3; } |
| |
| .flex-order-4, .flex-order-sm-4, .flex-order-gt-sm-4, .flex-order-md-4, .flex-order-gt-md-4, .flex-order-lg-4, .flex-order-gt-lg-4 { |
| -webkit-order: 4; |
| -ms-flex-order: 4; |
| order: 4; } |
| |
| .flex-order-5, .flex-order-sm-5, .flex-order-gt-sm-5, .flex-order-md-5, .flex-order-gt-md-5, .flex-order-lg-5, .flex-order-gt-lg-5 { |
| -webkit-order: 5; |
| -ms-flex-order: 5; |
| order: 5; } |
| |
| .flex-order-6, .flex-order-sm-6, .flex-order-gt-sm-6, .flex-order-md-6, .flex-order-gt-md-6, .flex-order-lg-6, .flex-order-gt-lg-6 { |
| -webkit-order: 6; |
| -ms-flex-order: 6; |
| order: 6; } |
| |
| .flex-order-7, .flex-order-sm-7, .flex-order-gt-sm-7, .flex-order-md-7, .flex-order-gt-md-7, .flex-order-lg-7, .flex-order-gt-lg-7 { |
| -webkit-order: 7; |
| -ms-flex-order: 7; |
| order: 7; } |
| |
| .flex-order-8, .flex-order-sm-8, .flex-order-gt-sm-8, .flex-order-md-8, .flex-order-gt-md-8, .flex-order-lg-8, .flex-order-gt-lg-8 { |
| -webkit-order: 8; |
| -ms-flex-order: 8; |
| order: 8; } |
| |
| .flex-order-9, .flex-order-sm-9, .flex-order-gt-sm-9, .flex-order-md-9, .flex-order-gt-md-9, .flex-order-lg-9, .flex-order-gt-lg-9 { |
| -webkit-order: 9; |
| -ms-flex-order: 9; |
| order: 9; } |
| |
| .offset-5, .md-css-only [offset="5"] { |
| margin-left: 5%; } |
| |
| .offset-10, .md-css-only [offset="10"] { |
| margin-left: 10%; } |
| |
| .offset-15, .md-css-only [offset="15"] { |
| margin-left: 15%; } |
| |
| .offset-20, .md-css-only [offset="20"] { |
| margin-left: 20%; } |
| |
| .offset-25, .md-css-only [offset="25"] { |
| margin-left: 25%; } |
| |
| .offset-30, .md-css-only [offset="30"] { |
| margin-left: 30%; } |
| |
| .offset-35, .md-css-only [offset="35"] { |
| margin-left: 35%; } |
| |
| .offset-40, .md-css-only [offset="40"] { |
| margin-left: 40%; } |
| |
| .offset-45, .md-css-only [offset="45"] { |
| margin-left: 45%; } |
| |
| .offset-50, .md-css-only [offset="50"] { |
| margin-left: 50%; } |
| |
| .offset-55, .md-css-only [offset="55"] { |
| margin-left: 55%; } |
| |
| .offset-60, .md-css-only [offset="60"] { |
| margin-left: 60%; } |
| |
| .offset-65, .md-css-only [offset="65"] { |
| margin-left: 65%; } |
| |
| .offset-70, .md-css-only [offset="70"] { |
| margin-left: 70%; } |
| |
| .offset-75, .md-css-only [offset="75"] { |
| margin-left: 75%; } |
| |
| .offset-80, .md-css-only [offset="80"] { |
| margin-left: 80%; } |
| |
| .offset-85, .md-css-only [offset="85"] { |
| margin-left: 85%; } |
| |
| .offset-90, .md-css-only [offset="90"] { |
| margin-left: 90%; } |
| |
| .offset-95, .md-css-only [offset="95"] { |
| margin-left: 95%; } |
| |
| .offset-33, .offset-34 { |
| margin-left: 34%; } |
| |
| .offset-66, .offset-67 { |
| margin-left: 66%; } |
| |
| .layout-padding > .flex-sm, .layout-padding > .flex-lt-md, .md-css-only [layout-padding] > [flex-sm], .md-css-only [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, .md-css-only [layout-padding], .md-css-only [layout-padding] > .md-css-only [flex], .md-css-only [layout-padding] > .md-css-only [flex-gt-sm], .md-css-only [layout-padding] > .md-css-only [flex-md], .md-css-only [layout-padding] > .md-css-only [flex-lt-lg] { |
| padding: 8px; } |
| |
| .layout-padding > .flex-gt-md, .layout-padding > .flex-lg, .md-css-only [layout-padding] > .md-css-only [flex-gt-md], .md-css-only [layout-padding] > .md-css-only [flex-lg] { |
| padding: 16px; } |
| |
| .layout-margin > .flex-sm, .layout-margin > .flex-lt-md, .md-css-only [layout-margin] > .md-css-only [flex-sm], .md-css-only [layout-margin] > .md-css-only [flex-lt-md] { |
| margin: 4px; } |
| |
| .layout-margin, .layout-margin > .flex, .layout-margin > .flex-gt-sm, .layout-margin > .flex-md, .layout-margin > .flex-lt-lg, .md-css-only [layout-margin], .md-css-only [layout-margin] > .md-css-only [flex], .md-css-only [layout-margin] > .md-css-only [flex-gt-sm], .md-css-only [layout-margin] > .md-css-only [flex-md], .md-css-only [layout-margin] > .md-css-only [flex-lt-lg] { |
| margin: 8px; } |
| |
| .layout-margin > .flex-gt-md, .layout-margin > .flex-lg, .md-css-only [layout-margin] > .md-css-only [flex-gt-md], .md-css-only [layout-margin] > .md-css-only [flex-lg] { |
| margin: 16px; } |
| |
| .layout-wrap { |
| -webkit-flex-wrap: wrap; |
| -ms-flex-wrap: wrap; |
| flex-wrap: wrap; } |
| |
| .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: |
| * 0 <= size < 600 Phone |
| * 600 <= size < 960 Tablet |
| * 960 <= size < 1200 Tablet-Landscape |
| */ |
| @media (max-width: 599px) { |
| .hide-sm:not(.show-sm):not(.show), .hide:not(.show-sm):not(.show) { |
| display: none; } |
| .layout-sm { |
| box-sizing: border-box; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; } |
| .layout-sm-column, .md-css-only [layout-sm=column] { |
| -webkit-flex-direction: column; |
| -ms-flex-direction: column; |
| flex-direction: column; } |
| .layout-sm-row, .md-css-only [layout-sm=row] { |
| -webkit-flex-direction: row; |
| -ms-flex-direction: row; |
| flex-direction: row; |
| -webkit-flex-wrap: wrap; |
| -ms-flex-wrap: wrap; |
| flex-wrap: wrap; } |
| .flex-sm { |
| box-sizing: border-box; |
| -webkit-flex: 1; |
| -ms-flex: 1; |
| flex: 1; } |
| .flex-sm-5, .md-css-only [flex-sm="5"] { |
| -webkit-flex: 0 0 5%; |
| -ms-flex: 0 0 5%; |
| flex: 0 0 5%; } |
| .layout-sm-row > .flex-sm-5, .md-css-only [layout="row"] > .md-css-only [flex-sm="5"] { |
| max-width: 5%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-5, .md-css-only [layout="column"] > .md-css-only [flex-sm="5"] { |
| max-height: 5%; |
| max-width: 100%; } |
| .flex-sm-10, .md-css-only [flex-sm="10"] { |
| -webkit-flex: 0 0 10%; |
| -ms-flex: 0 0 10%; |
| flex: 0 0 10%; } |
| .layout-sm-row > .flex-sm-10, .md-css-only [layout="row"] > .md-css-only [flex-sm="10"] { |
| max-width: 10%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-10, .md-css-only [layout="column"] > .md-css-only [flex-sm="10"] { |
| max-height: 10%; |
| max-width: 100%; } |
| .flex-sm-15, .md-css-only [flex-sm="15"] { |
| -webkit-flex: 0 0 15%; |
| -ms-flex: 0 0 15%; |
| flex: 0 0 15%; } |
| .layout-sm-row > .flex-sm-15, .md-css-only [layout="row"] > .md-css-only [flex-sm="15"] { |
| max-width: 15%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-15, .md-css-only [layout="column"] > .md-css-only [flex-sm="15"] { |
| max-height: 15%; |
| max-width: 100%; } |
| .flex-sm-20, .md-css-only [flex-sm="20"] { |
| -webkit-flex: 0 0 20%; |
| -ms-flex: 0 0 20%; |
| flex: 0 0 20%; } |
| .layout-sm-row > .flex-sm-20, .md-css-only [layout="row"] > .md-css-only [flex-sm="20"] { |
| max-width: 20%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-20, .md-css-only [layout="column"] > .md-css-only [flex-sm="20"] { |
| max-height: 20%; |
| max-width: 100%; } |
| .flex-sm-25, .md-css-only [flex-sm="25"] { |
| -webkit-flex: 0 0 25%; |
| -ms-flex: 0 0 25%; |
| flex: 0 0 25%; } |
| .layout-sm-row > .flex-sm-25, .md-css-only [layout="row"] > .md-css-only [flex-sm="25"] { |
| max-width: 25%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-25, .md-css-only [layout="column"] > .md-css-only [flex-sm="25"] { |
| max-height: 25%; |
| max-width: 100%; } |
| .flex-sm-30, .md-css-only [flex-sm="30"] { |
| -webkit-flex: 0 0 30%; |
| -ms-flex: 0 0 30%; |
| flex: 0 0 30%; } |
| .layout-sm-row > .flex-sm-30, .md-css-only [layout="row"] > .md-css-only [flex-sm="30"] { |
| max-width: 30%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-30, .md-css-only [layout="column"] > .md-css-only [flex-sm="30"] { |
| max-height: 30%; |
| max-width: 100%; } |
| .flex-sm-35, .md-css-only [flex-sm="35"] { |
| -webkit-flex: 0 0 35%; |
| -ms-flex: 0 0 35%; |
| flex: 0 0 35%; } |
| .layout-sm-row > .flex-sm-35, .md-css-only [layout="row"] > .md-css-only [flex-sm="35"] { |
| max-width: 35%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-35, .md-css-only [layout="column"] > .md-css-only [flex-sm="35"] { |
| max-height: 35%; |
| max-width: 100%; } |
| .flex-sm-40, .md-css-only [flex-sm="40"] { |
| -webkit-flex: 0 0 40%; |
| -ms-flex: 0 0 40%; |
| flex: 0 0 40%; } |
| .layout-sm-row > .flex-sm-40, .md-css-only [layout="row"] > .md-css-only [flex-sm="40"] { |
| max-width: 40%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-40, .md-css-only [layout="column"] > .md-css-only [flex-sm="40"] { |
| max-height: 40%; |
| max-width: 100%; } |
| .flex-sm-45, .md-css-only [flex-sm="45"] { |
| -webkit-flex: 0 0 45%; |
| -ms-flex: 0 0 45%; |
| flex: 0 0 45%; } |
| .layout-sm-row > .flex-sm-45, .md-css-only [layout="row"] > .md-css-only [flex-sm="45"] { |
| max-width: 45%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-45, .md-css-only [layout="column"] > .md-css-only [flex-sm="45"] { |
| max-height: 45%; |
| max-width: 100%; } |
| .flex-sm-50, .md-css-only [flex-sm="50"] { |
| -webkit-flex: 0 0 50%; |
| -ms-flex: 0 0 50%; |
| flex: 0 0 50%; } |
| .layout-sm-row > .flex-sm-50, .md-css-only [layout="row"] > .md-css-only [flex-sm="50"] { |
| max-width: 50%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-50, .md-css-only [layout="column"] > .md-css-only [flex-sm="50"] { |
| max-height: 50%; |
| max-width: 100%; } |
| .flex-sm-55, .md-css-only [flex-sm="55"] { |
| -webkit-flex: 0 0 55%; |
| -ms-flex: 0 0 55%; |
| flex: 0 0 55%; } |
| .layout-sm-row > .flex-sm-55, .md-css-only [layout="row"] > .md-css-only [flex-sm="55"] { |
| max-width: 55%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-55, .md-css-only [layout="column"] > .md-css-only [flex-sm="55"] { |
| max-height: 55%; |
| max-width: 100%; } |
| .flex-sm-60, .md-css-only [flex-sm="60"] { |
| -webkit-flex: 0 0 60%; |
| -ms-flex: 0 0 60%; |
| flex: 0 0 60%; } |
| .layout-sm-row > .flex-sm-60, .md-css-only [layout="row"] > .md-css-only [flex-sm="60"] { |
| max-width: 60%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-60, .md-css-only [layout="column"] > .md-css-only [flex-sm="60"] { |
| max-height: 60%; |
| max-width: 100%; } |
| .flex-sm-65, .md-css-only [flex-sm="65"] { |
| -webkit-flex: 0 0 65%; |
| -ms-flex: 0 0 65%; |
| flex: 0 0 65%; } |
| .layout-sm-row > .flex-sm-65, .md-css-only [layout="row"] > .md-css-only [flex-sm="65"] { |
| max-width: 65%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-65, .md-css-only [layout="column"] > .md-css-only [flex-sm="65"] { |
| max-height: 65%; |
| max-width: 100%; } |
| .flex-sm-70, .md-css-only [flex-sm="70"] { |
| -webkit-flex: 0 0 70%; |
| -ms-flex: 0 0 70%; |
| flex: 0 0 70%; } |
| .layout-sm-row > .flex-sm-70, .md-css-only [layout="row"] > .md-css-only [flex-sm="70"] { |
| max-width: 70%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-70, .md-css-only [layout="column"] > .md-css-only [flex-sm="70"] { |
| max-height: 70%; |
| max-width: 100%; } |
| .flex-sm-75, .md-css-only [flex-sm="75"] { |
| -webkit-flex: 0 0 75%; |
| -ms-flex: 0 0 75%; |
| flex: 0 0 75%; } |
| .layout-sm-row > .flex-sm-75, .md-css-only [layout="row"] > .md-css-only [flex-sm="75"] { |
| max-width: 75%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-75, .md-css-only [layout="column"] > .md-css-only [flex-sm="75"] { |
| max-height: 75%; |
| max-width: 100%; } |
| .flex-sm-80, .md-css-only [flex-sm="80"] { |
| -webkit-flex: 0 0 80%; |
| -ms-flex: 0 0 80%; |
| flex: 0 0 80%; } |
| .layout-sm-row > .flex-sm-80, .md-css-only [layout="row"] > .md-css-only [flex-sm="80"] { |
| max-width: 80%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-80, .md-css-only [layout="column"] > .md-css-only [flex-sm="80"] { |
| max-height: 80%; |
| max-width: 100%; } |
| .flex-sm-85, .md-css-only [flex-sm="85"] { |
| -webkit-flex: 0 0 85%; |
| -ms-flex: 0 0 85%; |
| flex: 0 0 85%; } |
| .layout-sm-row > .flex-sm-85, .md-css-only [layout="row"] > .md-css-only [flex-sm="85"] { |
| max-width: 85%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-85, .md-css-only [layout="column"] > .md-css-only [flex-sm="85"] { |
| max-height: 85%; |
| max-width: 100%; } |
| .flex-sm-90, .md-css-only [flex-sm="90"] { |
| -webkit-flex: 0 0 90%; |
| -ms-flex: 0 0 90%; |
| flex: 0 0 90%; } |
| .layout-sm-row > .flex-sm-90, .md-css-only [layout="row"] > .md-css-only [flex-sm="90"] { |
| max-width: 90%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-90, .md-css-only [layout="column"] > .md-css-only [flex-sm="90"] { |
| max-height: 90%; |
| max-width: 100%; } |
| .flex-sm-95, .md-css-only [flex-sm="95"] { |
| -webkit-flex: 0 0 95%; |
| -ms-flex: 0 0 95%; |
| flex: 0 0 95%; } |
| .layout-sm-row > .flex-sm-95, .md-css-only [layout="row"] > .md-css-only [flex-sm="95"] { |
| max-width: 95%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-95, .md-css-only [layout="column"] > .md-css-only [flex-sm="95"] { |
| max-height: 95%; |
| max-width: 100%; } |
| .flex-sm-100, .md-css-only [flex-sm="100"] { |
| -webkit-flex: 0 0 100%; |
| -ms-flex: 0 0 100%; |
| flex: 0 0 100%; } |
| .layout-sm-row > .flex-sm-100, .md-css-only [layout="row"] > .md-css-only [flex-sm="100"] { |
| max-width: 100%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-100, .md-css-only [layout="column"] > .md-css-only [flex-sm="100"] { |
| max-height: 100%; |
| max-width: 100%; } |
| .flex-sm-33, .flex-sm-34 { |
| -webkit-flex: 0 0 33%; |
| -ms-flex: 0 0 33%; |
| flex: 0 0 33%; |
| max-width: 33%; |
| max-height: 100%; } |
| .flex-sm-66, .flex-sm-67 { |
| -webkit-flex: 0 0 67%; |
| -ms-flex: 0 0 67%; |
| flex: 0 0 67%; |
| max-width: 67%; |
| max-height: 100%; } |
| .layout-sm-row > .flex-sm-33, .layout-sm-row > .flex-sm-34 { |
| max-width: 33%; |
| max-height: 100%; } |
| .layout-sm-row > .flex-sm-66, .layout-sm-row > .flex-sm-67 { |
| max-width: 67%; |
| max-height: 100%; } |
| .layout-sm-column > .flex-sm-33, .layout-sm-column > .flex-sm-34 { |
| max-height: 33%; |
| max-width: 100%; } |
| .layout-sm-column > .flex-sm-66, .layout-sm-column > .flex-sm-67 { |
| max-height: 67%; |
| max-width: 100%; } } |
| |
| @media (min-width: 600px) { |
| .layout-gt-sm { |
| box-sizing: border-box; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; } |
| .layout-gt-sm-column, .md-css-only [layout-gt-sm=column] { |
| -webkit-flex-direction: column; |
| -ms-flex-direction: column; |
| flex-direction: column; } |
| .layout-gt-sm-row, .md-css-only [layout-gt-sm=row] { |
| -webkit-flex-direction: row; |
| -ms-flex-direction: row; |
| flex-direction: row; |
| -webkit-flex-wrap: wrap; |
| -ms-flex-wrap: wrap; |
| flex-wrap: wrap; } |
| .flex-gt-sm { |
| box-sizing: border-box; |
| -webkit-flex: 1; |
| -ms-flex: 1; |
| flex: 1; } |
| .flex-gt-sm-5, .md-css-only [flex-gt-sm="5"] { |
| -webkit-flex: 0 0 5%; |
| -ms-flex: 0 0 5%; |
| flex: 0 0 5%; } |
| .layout-gt-sm-row > .flex-gt-sm-5, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="5"] { |
| max-width: 5%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-5, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="5"] { |
| max-height: 5%; |
| max-width: 100%; } |
| .flex-gt-sm-10, .md-css-only [flex-gt-sm="10"] { |
| -webkit-flex: 0 0 10%; |
| -ms-flex: 0 0 10%; |
| flex: 0 0 10%; } |
| .layout-gt-sm-row > .flex-gt-sm-10, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="10"] { |
| max-width: 10%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-10, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="10"] { |
| max-height: 10%; |
| max-width: 100%; } |
| .flex-gt-sm-15, .md-css-only [flex-gt-sm="15"] { |
| -webkit-flex: 0 0 15%; |
| -ms-flex: 0 0 15%; |
| flex: 0 0 15%; } |
| .layout-gt-sm-row > .flex-gt-sm-15, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="15"] { |
| max-width: 15%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-15, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="15"] { |
| max-height: 15%; |
| max-width: 100%; } |
| .flex-gt-sm-20, .md-css-only [flex-gt-sm="20"] { |
| -webkit-flex: 0 0 20%; |
| -ms-flex: 0 0 20%; |
| flex: 0 0 20%; } |
| .layout-gt-sm-row > .flex-gt-sm-20, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="20"] { |
| max-width: 20%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-20, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="20"] { |
| max-height: 20%; |
| max-width: 100%; } |
| .flex-gt-sm-25, .md-css-only [flex-gt-sm="25"] { |
| -webkit-flex: 0 0 25%; |
| -ms-flex: 0 0 25%; |
| flex: 0 0 25%; } |
| .layout-gt-sm-row > .flex-gt-sm-25, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="25"] { |
| max-width: 25%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-25, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="25"] { |
| max-height: 25%; |
| max-width: 100%; } |
| .flex-gt-sm-30, .md-css-only [flex-gt-sm="30"] { |
| -webkit-flex: 0 0 30%; |
| -ms-flex: 0 0 30%; |
| flex: 0 0 30%; } |
| .layout-gt-sm-row > .flex-gt-sm-30, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="30"] { |
| max-width: 30%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-30, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="30"] { |
| max-height: 30%; |
| max-width: 100%; } |
| .flex-gt-sm-35, .md-css-only [flex-gt-sm="35"] { |
| -webkit-flex: 0 0 35%; |
| -ms-flex: 0 0 35%; |
| flex: 0 0 35%; } |
| .layout-gt-sm-row > .flex-gt-sm-35, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="35"] { |
| max-width: 35%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-35, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="35"] { |
| max-height: 35%; |
| max-width: 100%; } |
| .flex-gt-sm-40, .md-css-only [flex-gt-sm="40"] { |
| -webkit-flex: 0 0 40%; |
| -ms-flex: 0 0 40%; |
| flex: 0 0 40%; } |
| .layout-gt-sm-row > .flex-gt-sm-40, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="40"] { |
| max-width: 40%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-40, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="40"] { |
| max-height: 40%; |
| max-width: 100%; } |
| .flex-gt-sm-45, .md-css-only [flex-gt-sm="45"] { |
| -webkit-flex: 0 0 45%; |
| -ms-flex: 0 0 45%; |
| flex: 0 0 45%; } |
| .layout-gt-sm-row > .flex-gt-sm-45, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="45"] { |
| max-width: 45%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-45, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="45"] { |
| max-height: 45%; |
| max-width: 100%; } |
| .flex-gt-sm-50, .md-css-only [flex-gt-sm="50"] { |
| -webkit-flex: 0 0 50%; |
| -ms-flex: 0 0 50%; |
| flex: 0 0 50%; } |
| .layout-gt-sm-row > .flex-gt-sm-50, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="50"] { |
| max-width: 50%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-50, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="50"] { |
| max-height: 50%; |
| max-width: 100%; } |
| .flex-gt-sm-55, .md-css-only [flex-gt-sm="55"] { |
| -webkit-flex: 0 0 55%; |
| -ms-flex: 0 0 55%; |
| flex: 0 0 55%; } |
| .layout-gt-sm-row > .flex-gt-sm-55, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="55"] { |
| max-width: 55%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-55, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="55"] { |
| max-height: 55%; |
| max-width: 100%; } |
| .flex-gt-sm-60, .md-css-only [flex-gt-sm="60"] { |
| -webkit-flex: 0 0 60%; |
| -ms-flex: 0 0 60%; |
| flex: 0 0 60%; } |
| .layout-gt-sm-row > .flex-gt-sm-60, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="60"] { |
| max-width: 60%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-60, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="60"] { |
| max-height: 60%; |
| max-width: 100%; } |
| .flex-gt-sm-65, .md-css-only [flex-gt-sm="65"] { |
| -webkit-flex: 0 0 65%; |
| -ms-flex: 0 0 65%; |
| flex: 0 0 65%; } |
| .layout-gt-sm-row > .flex-gt-sm-65, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="65"] { |
| max-width: 65%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-65, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="65"] { |
| max-height: 65%; |
| max-width: 100%; } |
| .flex-gt-sm-70, .md-css-only [flex-gt-sm="70"] { |
| -webkit-flex: 0 0 70%; |
| -ms-flex: 0 0 70%; |
| flex: 0 0 70%; } |
| .layout-gt-sm-row > .flex-gt-sm-70, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="70"] { |
| max-width: 70%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-70, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="70"] { |
| max-height: 70%; |
| max-width: 100%; } |
| .flex-gt-sm-75, .md-css-only [flex-gt-sm="75"] { |
| -webkit-flex: 0 0 75%; |
| -ms-flex: 0 0 75%; |
| flex: 0 0 75%; } |
| .layout-gt-sm-row > .flex-gt-sm-75, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="75"] { |
| max-width: 75%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-75, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="75"] { |
| max-height: 75%; |
| max-width: 100%; } |
| .flex-gt-sm-80, .md-css-only [flex-gt-sm="80"] { |
| -webkit-flex: 0 0 80%; |
| -ms-flex: 0 0 80%; |
| flex: 0 0 80%; } |
| .layout-gt-sm-row > .flex-gt-sm-80, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="80"] { |
| max-width: 80%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-80, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="80"] { |
| max-height: 80%; |
| max-width: 100%; } |
| .flex-gt-sm-85, .md-css-only [flex-gt-sm="85"] { |
| -webkit-flex: 0 0 85%; |
| -ms-flex: 0 0 85%; |
| flex: 0 0 85%; } |
| .layout-gt-sm-row > .flex-gt-sm-85, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="85"] { |
| max-width: 85%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-85, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="85"] { |
| max-height: 85%; |
| max-width: 100%; } |
| .flex-gt-sm-90, .md-css-only [flex-gt-sm="90"] { |
| -webkit-flex: 0 0 90%; |
| -ms-flex: 0 0 90%; |
| flex: 0 0 90%; } |
| .layout-gt-sm-row > .flex-gt-sm-90, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="90"] { |
| max-width: 90%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-90, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="90"] { |
| max-height: 90%; |
| max-width: 100%; } |
| .flex-gt-sm-95, .md-css-only [flex-gt-sm="95"] { |
| -webkit-flex: 0 0 95%; |
| -ms-flex: 0 0 95%; |
| flex: 0 0 95%; } |
| .layout-gt-sm-row > .flex-gt-sm-95, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="95"] { |
| max-width: 95%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-95, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="95"] { |
| max-height: 95%; |
| max-width: 100%; } |
| .flex-gt-sm-100, .md-css-only [flex-gt-sm="100"] { |
| -webkit-flex: 0 0 100%; |
| -ms-flex: 0 0 100%; |
| flex: 0 0 100%; } |
| .layout-gt-sm-row > .flex-gt-sm-100, .md-css-only [layout="row"] > .md-css-only [flex-gt-sm="100"] { |
| max-width: 100%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-100, .md-css-only [layout="column"] > .md-css-only [flex-gt-sm="100"] { |
| max-height: 100%; |
| max-width: 100%; } |
| .flex-gt-sm-33, .flex-gt-sm-34 { |
| -webkit-flex: 0 0 33%; |
| -ms-flex: 0 0 33%; |
| flex: 0 0 33%; |
| max-width: 33%; |
| max-height: 100%; } |
| .flex-gt-sm-66, .flex-gt-sm-67 { |
| -webkit-flex: 0 0 67%; |
| -ms-flex: 0 0 67%; |
| flex: 0 0 67%; |
| max-width: 67%; |
| max-height: 100%; } |
| .layout-gt-sm-row > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-34 { |
| max-width: 33%; |
| max-height: 100%; } |
| .layout-gt-sm-row > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-67 { |
| max-width: 67%; |
| max-height: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-34 { |
| max-height: 33%; |
| max-width: 100%; } |
| .layout-gt-sm-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-67 { |
| max-height: 67%; |
| max-width: 100%; } } |
| |
| @media (min-width: 600px) and (max-width: 959px) { |
| .hide:not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-sm):not(.show-md):not(.show) { |
| display: none; } |
| .hide-md:not(.show-md):not(.show) { |
| display: none; } |
| .layout-md { |
| box-sizing: border-box; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; } |
| .layout-md-column, .md-css-only [layout-md=column] { |
| -webkit-flex-direction: column; |
| -ms-flex-direction: column; |
| flex-direction: column; } |
| .layout-md-row, .md-css-only [layout-md=row] { |
| -webkit-flex-direction: row; |
| -ms-flex-direction: row; |
| flex-direction: row; |
| -webkit-flex-wrap: wrap; |
| -ms-flex-wrap: wrap; |
| flex-wrap: wrap; } |
| .flex-md { |
| box-sizing: border-box; |
| -webkit-flex: 1; |
| -ms-flex: 1; |
| flex: 1; } |
| .flex-md-5, .md-css-only [flex-md="5"] { |
| -webkit-flex: 0 0 5%; |
| -ms-flex: 0 0 5%; |
| flex: 0 0 5%; } |
| .layout-md-row > .flex-md-5, .md-css-only [layout="row"] > .md-css-only [flex-md="5"] { |
| max-width: 5%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-5, .md-css-only [layout="column"] > .md-css-only [flex-md="5"] { |
| max-height: 5%; |
| max-width: 100%; } |
| .flex-md-10, .md-css-only [flex-md="10"] { |
| -webkit-flex: 0 0 10%; |
| -ms-flex: 0 0 10%; |
| flex: 0 0 10%; } |
| .layout-md-row > .flex-md-10, .md-css-only [layout="row"] > .md-css-only [flex-md="10"] { |
| max-width: 10%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-10, .md-css-only [layout="column"] > .md-css-only [flex-md="10"] { |
| max-height: 10%; |
| max-width: 100%; } |
| .flex-md-15, .md-css-only [flex-md="15"] { |
| -webkit-flex: 0 0 15%; |
| -ms-flex: 0 0 15%; |
| flex: 0 0 15%; } |
| .layout-md-row > .flex-md-15, .md-css-only [layout="row"] > .md-css-only [flex-md="15"] { |
| max-width: 15%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-15, .md-css-only [layout="column"] > .md-css-only [flex-md="15"] { |
| max-height: 15%; |
| max-width: 100%; } |
| .flex-md-20, .md-css-only [flex-md="20"] { |
| -webkit-flex: 0 0 20%; |
| -ms-flex: 0 0 20%; |
| flex: 0 0 20%; } |
| .layout-md-row > .flex-md-20, .md-css-only [layout="row"] > .md-css-only [flex-md="20"] { |
| max-width: 20%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-20, .md-css-only [layout="column"] > .md-css-only [flex-md="20"] { |
| max-height: 20%; |
| max-width: 100%; } |
| .flex-md-25, .md-css-only [flex-md="25"] { |
| -webkit-flex: 0 0 25%; |
| -ms-flex: 0 0 25%; |
| flex: 0 0 25%; } |
| .layout-md-row > .flex-md-25, .md-css-only [layout="row"] > .md-css-only [flex-md="25"] { |
| max-width: 25%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-25, .md-css-only [layout="column"] > .md-css-only [flex-md="25"] { |
| max-height: 25%; |
| max-width: 100%; } |
| .flex-md-30, .md-css-only [flex-md="30"] { |
| -webkit-flex: 0 0 30%; |
| -ms-flex: 0 0 30%; |
| flex: 0 0 30%; } |
| .layout-md-row > .flex-md-30, .md-css-only [layout="row"] > .md-css-only [flex-md="30"] { |
| max-width: 30%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-30, .md-css-only [layout="column"] > .md-css-only [flex-md="30"] { |
| max-height: 30%; |
| max-width: 100%; } |
| .flex-md-35, .md-css-only [flex-md="35"] { |
| -webkit-flex: 0 0 35%; |
| -ms-flex: 0 0 35%; |
| flex: 0 0 35%; } |
| .layout-md-row > .flex-md-35, .md-css-only [layout="row"] > .md-css-only [flex-md="35"] { |
| max-width: 35%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-35, .md-css-only [layout="column"] > .md-css-only [flex-md="35"] { |
| max-height: 35%; |
| max-width: 100%; } |
| .flex-md-40, .md-css-only [flex-md="40"] { |
| -webkit-flex: 0 0 40%; |
| -ms-flex: 0 0 40%; |
| flex: 0 0 40%; } |
| .layout-md-row > .flex-md-40, .md-css-only [layout="row"] > .md-css-only [flex-md="40"] { |
| max-width: 40%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-40, .md-css-only [layout="column"] > .md-css-only [flex-md="40"] { |
| max-height: 40%; |
| max-width: 100%; } |
| .flex-md-45, .md-css-only [flex-md="45"] { |
| -webkit-flex: 0 0 45%; |
| -ms-flex: 0 0 45%; |
| flex: 0 0 45%; } |
| .layout-md-row > .flex-md-45, .md-css-only [layout="row"] > .md-css-only [flex-md="45"] { |
| max-width: 45%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-45, .md-css-only [layout="column"] > .md-css-only [flex-md="45"] { |
| max-height: 45%; |
| max-width: 100%; } |
| .flex-md-50, .md-css-only [flex-md="50"] { |
| -webkit-flex: 0 0 50%; |
| -ms-flex: 0 0 50%; |
| flex: 0 0 50%; } |
| .layout-md-row > .flex-md-50, .md-css-only [layout="row"] > .md-css-only [flex-md="50"] { |
| max-width: 50%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-50, .md-css-only [layout="column"] > .md-css-only [flex-md="50"] { |
| max-height: 50%; |
| max-width: 100%; } |
| .flex-md-55, .md-css-only [flex-md="55"] { |
| -webkit-flex: 0 0 55%; |
| -ms-flex: 0 0 55%; |
| flex: 0 0 55%; } |
| .layout-md-row > .flex-md-55, .md-css-only [layout="row"] > .md-css-only [flex-md="55"] { |
| max-width: 55%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-55, .md-css-only [layout="column"] > .md-css-only [flex-md="55"] { |
| max-height: 55%; |
| max-width: 100%; } |
| .flex-md-60, .md-css-only [flex-md="60"] { |
| -webkit-flex: 0 0 60%; |
| -ms-flex: 0 0 60%; |
| flex: 0 0 60%; } |
| .layout-md-row > .flex-md-60, .md-css-only [layout="row"] > .md-css-only [flex-md="60"] { |
| max-width: 60%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-60, .md-css-only [layout="column"] > .md-css-only [flex-md="60"] { |
| max-height: 60%; |
| max-width: 100%; } |
| .flex-md-65, .md-css-only [flex-md="65"] { |
| -webkit-flex: 0 0 65%; |
| -ms-flex: 0 0 65%; |
| flex: 0 0 65%; } |
| .layout-md-row > .flex-md-65, .md-css-only [layout="row"] > .md-css-only [flex-md="65"] { |
| max-width: 65%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-65, .md-css-only [layout="column"] > .md-css-only [flex-md="65"] { |
| max-height: 65%; |
| max-width: 100%; } |
| .flex-md-70, .md-css-only [flex-md="70"] { |
| -webkit-flex: 0 0 70%; |
| -ms-flex: 0 0 70%; |
| flex: 0 0 70%; } |
| .layout-md-row > .flex-md-70, .md-css-only [layout="row"] > .md-css-only [flex-md="70"] { |
| max-width: 70%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-70, .md-css-only [layout="column"] > .md-css-only [flex-md="70"] { |
| max-height: 70%; |
| max-width: 100%; } |
| .flex-md-75, .md-css-only [flex-md="75"] { |
| -webkit-flex: 0 0 75%; |
| -ms-flex: 0 0 75%; |
| flex: 0 0 75%; } |
| .layout-md-row > .flex-md-75, .md-css-only [layout="row"] > .md-css-only [flex-md="75"] { |
| max-width: 75%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-75, .md-css-only [layout="column"] > .md-css-only [flex-md="75"] { |
| max-height: 75%; |
| max-width: 100%; } |
| .flex-md-80, .md-css-only [flex-md="80"] { |
| -webkit-flex: 0 0 80%; |
| -ms-flex: 0 0 80%; |
| flex: 0 0 80%; } |
| .layout-md-row > .flex-md-80, .md-css-only [layout="row"] > .md-css-only [flex-md="80"] { |
| max-width: 80%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-80, .md-css-only [layout="column"] > .md-css-only [flex-md="80"] { |
| max-height: 80%; |
| max-width: 100%; } |
| .flex-md-85, .md-css-only [flex-md="85"] { |
| -webkit-flex: 0 0 85%; |
| -ms-flex: 0 0 85%; |
| flex: 0 0 85%; } |
| .layout-md-row > .flex-md-85, .md-css-only [layout="row"] > .md-css-only [flex-md="85"] { |
| max-width: 85%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-85, .md-css-only [layout="column"] > .md-css-only [flex-md="85"] { |
| max-height: 85%; |
| max-width: 100%; } |
| .flex-md-90, .md-css-only [flex-md="90"] { |
| -webkit-flex: 0 0 90%; |
| -ms-flex: 0 0 90%; |
| flex: 0 0 90%; } |
| .layout-md-row > .flex-md-90, .md-css-only [layout="row"] > .md-css-only [flex-md="90"] { |
| max-width: 90%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-90, .md-css-only [layout="column"] > .md-css-only [flex-md="90"] { |
| max-height: 90%; |
| max-width: 100%; } |
| .flex-md-95, .md-css-only [flex-md="95"] { |
| -webkit-flex: 0 0 95%; |
| -ms-flex: 0 0 95%; |
| flex: 0 0 95%; } |
| .layout-md-row > .flex-md-95, .md-css-only [layout="row"] > .md-css-only [flex-md="95"] { |
| max-width: 95%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-95, .md-css-only [layout="column"] > .md-css-only [flex-md="95"] { |
| max-height: 95%; |
| max-width: 100%; } |
| .flex-md-100, .md-css-only [flex-md="100"] { |
| -webkit-flex: 0 0 100%; |
| -ms-flex: 0 0 100%; |
| flex: 0 0 100%; } |
| .layout-md-row > .flex-md-100, .md-css-only [layout="row"] > .md-css-only [flex-md="100"] { |
| max-width: 100%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-100, .md-css-only [layout="column"] > .md-css-only [flex-md="100"] { |
| max-height: 100%; |
| max-width: 100%; } |
| .flex-md-33, .flex-md-34 { |
| -webkit-flex: 0 0 33%; |
| -ms-flex: 0 0 33%; |
| flex: 0 0 33%; |
| max-width: 33%; |
| max-height: 100%; } |
| .flex-md-66, .flex-md-67 { |
| -webkit-flex: 0 0 67%; |
| -ms-flex: 0 0 67%; |
| flex: 0 0 67%; |
| max-width: 67%; |
| max-height: 100%; } |
| .layout-md-row > .flex-md-33, .layout-md-row > .flex-md-34 { |
| max-width: 33%; |
| max-height: 100%; } |
| .layout-md-row > .flex-md-66, .layout-md-row > .flex-md-67 { |
| max-width: 67%; |
| max-height: 100%; } |
| .layout-md-column > .flex-md-33, .layout-md-column > .flex-md-34 { |
| max-height: 33%; |
| max-width: 100%; } |
| .layout-md-column > .flex-md-66, .layout-md-column > .flex-md-67 { |
| max-height: 67%; |
| max-width: 100%; } } |
| |
| @media (min-width: 960px) { |
| .layout-gt-md { |
| box-sizing: border-box; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; } |
| .layout-gt-md-column, .md-css-only [layout-gt-md=column] { |
| -webkit-flex-direction: column; |
| -ms-flex-direction: column; |
| flex-direction: column; } |
| .layout-gt-md-row, .md-css-only [layout-gt-md=row] { |
| -webkit-flex-direction: row; |
| -ms-flex-direction: row; |
| flex-direction: row; |
| -webkit-flex-wrap: wrap; |
| -ms-flex-wrap: wrap; |
| flex-wrap: wrap; } |
| .flex-gt-md { |
| box-sizing: border-box; |
| -webkit-flex: 1; |
| -ms-flex: 1; |
| flex: 1; } |
| .flex-gt-md-5, .md-css-only [flex-gt-md="5"] { |
| -webkit-flex: 0 0 5%; |
| -ms-flex: 0 0 5%; |
| flex: 0 0 5%; } |
| .layout-gt-md-row > .flex-gt-md-5, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="5"] { |
| max-width: 5%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-5, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="5"] { |
| max-height: 5%; |
| max-width: 100%; } |
| .flex-gt-md-10, .md-css-only [flex-gt-md="10"] { |
| -webkit-flex: 0 0 10%; |
| -ms-flex: 0 0 10%; |
| flex: 0 0 10%; } |
| .layout-gt-md-row > .flex-gt-md-10, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="10"] { |
| max-width: 10%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-10, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="10"] { |
| max-height: 10%; |
| max-width: 100%; } |
| .flex-gt-md-15, .md-css-only [flex-gt-md="15"] { |
| -webkit-flex: 0 0 15%; |
| -ms-flex: 0 0 15%; |
| flex: 0 0 15%; } |
| .layout-gt-md-row > .flex-gt-md-15, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="15"] { |
| max-width: 15%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-15, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="15"] { |
| max-height: 15%; |
| max-width: 100%; } |
| .flex-gt-md-20, .md-css-only [flex-gt-md="20"] { |
| -webkit-flex: 0 0 20%; |
| -ms-flex: 0 0 20%; |
| flex: 0 0 20%; } |
| .layout-gt-md-row > .flex-gt-md-20, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="20"] { |
| max-width: 20%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-20, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="20"] { |
| max-height: 20%; |
| max-width: 100%; } |
| .flex-gt-md-25, .md-css-only [flex-gt-md="25"] { |
| -webkit-flex: 0 0 25%; |
| -ms-flex: 0 0 25%; |
| flex: 0 0 25%; } |
| .layout-gt-md-row > .flex-gt-md-25, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="25"] { |
| max-width: 25%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-25, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="25"] { |
| max-height: 25%; |
| max-width: 100%; } |
| .flex-gt-md-30, .md-css-only [flex-gt-md="30"] { |
| -webkit-flex: 0 0 30%; |
| -ms-flex: 0 0 30%; |
| flex: 0 0 30%; } |
| .layout-gt-md-row > .flex-gt-md-30, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="30"] { |
| max-width: 30%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-30, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="30"] { |
| max-height: 30%; |
| max-width: 100%; } |
| .flex-gt-md-35, .md-css-only [flex-gt-md="35"] { |
| -webkit-flex: 0 0 35%; |
| -ms-flex: 0 0 35%; |
| flex: 0 0 35%; } |
| .layout-gt-md-row > .flex-gt-md-35, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="35"] { |
| max-width: 35%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-35, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="35"] { |
| max-height: 35%; |
| max-width: 100%; } |
| .flex-gt-md-40, .md-css-only [flex-gt-md="40"] { |
| -webkit-flex: 0 0 40%; |
| -ms-flex: 0 0 40%; |
| flex: 0 0 40%; } |
| .layout-gt-md-row > .flex-gt-md-40, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="40"] { |
| max-width: 40%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-40, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="40"] { |
| max-height: 40%; |
| max-width: 100%; } |
| .flex-gt-md-45, .md-css-only [flex-gt-md="45"] { |
| -webkit-flex: 0 0 45%; |
| -ms-flex: 0 0 45%; |
| flex: 0 0 45%; } |
| .layout-gt-md-row > .flex-gt-md-45, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="45"] { |
| max-width: 45%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-45, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="45"] { |
| max-height: 45%; |
| max-width: 100%; } |
| .flex-gt-md-50, .md-css-only [flex-gt-md="50"] { |
| -webkit-flex: 0 0 50%; |
| -ms-flex: 0 0 50%; |
| flex: 0 0 50%; } |
| .layout-gt-md-row > .flex-gt-md-50, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="50"] { |
| max-width: 50%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-50, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="50"] { |
| max-height: 50%; |
| max-width: 100%; } |
| .flex-gt-md-55, .md-css-only [flex-gt-md="55"] { |
| -webkit-flex: 0 0 55%; |
| -ms-flex: 0 0 55%; |
| flex: 0 0 55%; } |
| .layout-gt-md-row > .flex-gt-md-55, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="55"] { |
| max-width: 55%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-55, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="55"] { |
| max-height: 55%; |
| max-width: 100%; } |
| .flex-gt-md-60, .md-css-only [flex-gt-md="60"] { |
| -webkit-flex: 0 0 60%; |
| -ms-flex: 0 0 60%; |
| flex: 0 0 60%; } |
| .layout-gt-md-row > .flex-gt-md-60, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="60"] { |
| max-width: 60%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-60, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="60"] { |
| max-height: 60%; |
| max-width: 100%; } |
| .flex-gt-md-65, .md-css-only [flex-gt-md="65"] { |
| -webkit-flex: 0 0 65%; |
| -ms-flex: 0 0 65%; |
| flex: 0 0 65%; } |
| .layout-gt-md-row > .flex-gt-md-65, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="65"] { |
| max-width: 65%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-65, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="65"] { |
| max-height: 65%; |
| max-width: 100%; } |
| .flex-gt-md-70, .md-css-only [flex-gt-md="70"] { |
| -webkit-flex: 0 0 70%; |
| -ms-flex: 0 0 70%; |
| flex: 0 0 70%; } |
| .layout-gt-md-row > .flex-gt-md-70, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="70"] { |
| max-width: 70%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-70, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="70"] { |
| max-height: 70%; |
| max-width: 100%; } |
| .flex-gt-md-75, .md-css-only [flex-gt-md="75"] { |
| -webkit-flex: 0 0 75%; |
| -ms-flex: 0 0 75%; |
| flex: 0 0 75%; } |
| .layout-gt-md-row > .flex-gt-md-75, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="75"] { |
| max-width: 75%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-75, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="75"] { |
| max-height: 75%; |
| max-width: 100%; } |
| .flex-gt-md-80, .md-css-only [flex-gt-md="80"] { |
| -webkit-flex: 0 0 80%; |
| -ms-flex: 0 0 80%; |
| flex: 0 0 80%; } |
| .layout-gt-md-row > .flex-gt-md-80, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="80"] { |
| max-width: 80%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-80, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="80"] { |
| max-height: 80%; |
| max-width: 100%; } |
| .flex-gt-md-85, .md-css-only [flex-gt-md="85"] { |
| -webkit-flex: 0 0 85%; |
| -ms-flex: 0 0 85%; |
| flex: 0 0 85%; } |
| .layout-gt-md-row > .flex-gt-md-85, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="85"] { |
| max-width: 85%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-85, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="85"] { |
| max-height: 85%; |
| max-width: 100%; } |
| .flex-gt-md-90, .md-css-only [flex-gt-md="90"] { |
| -webkit-flex: 0 0 90%; |
| -ms-flex: 0 0 90%; |
| flex: 0 0 90%; } |
| .layout-gt-md-row > .flex-gt-md-90, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="90"] { |
| max-width: 90%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-90, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="90"] { |
| max-height: 90%; |
| max-width: 100%; } |
| .flex-gt-md-95, .md-css-only [flex-gt-md="95"] { |
| -webkit-flex: 0 0 95%; |
| -ms-flex: 0 0 95%; |
| flex: 0 0 95%; } |
| .layout-gt-md-row > .flex-gt-md-95, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="95"] { |
| max-width: 95%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-95, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="95"] { |
| max-height: 95%; |
| max-width: 100%; } |
| .flex-gt-md-100, .md-css-only [flex-gt-md="100"] { |
| -webkit-flex: 0 0 100%; |
| -ms-flex: 0 0 100%; |
| flex: 0 0 100%; } |
| .layout-gt-md-row > .flex-gt-md-100, .md-css-only [layout="row"] > .md-css-only [flex-gt-md="100"] { |
| max-width: 100%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-100, .md-css-only [layout="column"] > .md-css-only [flex-gt-md="100"] { |
| max-height: 100%; |
| max-width: 100%; } |
| .flex-gt-md-33, .flex-gt-md-34 { |
| -webkit-flex: 0 0 33%; |
| -ms-flex: 0 0 33%; |
| flex: 0 0 33%; |
| max-width: 33%; |
| max-height: 100%; } |
| .flex-gt-md-66, .flex-gt-md-67 { |
| -webkit-flex: 0 0 67%; |
| -ms-flex: 0 0 67%; |
| flex: 0 0 67%; |
| max-width: 67%; |
| max-height: 100%; } |
| .layout-gt-md-row > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-34 { |
| max-width: 33%; |
| max-height: 100%; } |
| .layout-gt-md-row > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-67 { |
| max-width: 67%; |
| max-height: 100%; } |
| .layout-gt-md-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-34 { |
| max-height: 33%; |
| max-width: 100%; } |
| .layout-gt-md-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-67 { |
| max-height: 67%; |
| max-width: 100%; } } |
| |
| @media (min-width: 960px) and (max-width: 1199px) { |
| .hide:not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) { |
| display: none; } |
| .hide-lg:not(.show-lg):not(.show) { |
| display: none; } |
| .layout-lg { |
| box-sizing: border-box; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; } |
| .layout-lg-column, .md-css-only [layout-lg=column] { |
| -webkit-flex-direction: column; |
| -ms-flex-direction: column; |
| flex-direction: column; } |
| .layout-lg-row, .md-css-only [layout-lg=row] { |
| -webkit-flex-direction: row; |
| -ms-flex-direction: row; |
| flex-direction: row; |
| -webkit-flex-wrap: wrap; |
| -ms-flex-wrap: wrap; |
| flex-wrap: wrap; } |
| .flex-lg { |
| box-sizing: border-box; |
| -webkit-flex: 1; |
| -ms-flex: 1; |
| flex: 1; } |
| .flex-lg-5, .md-css-only [flex-lg="5"] { |
| -webkit-flex: 0 0 5%; |
| -ms-flex: 0 0 5%; |
| flex: 0 0 5%; } |
| .layout-lg-row > .flex-lg-5, .md-css-only [layout="row"] > .md-css-only [flex-lg="5"] { |
| max-width: 5%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-5, .md-css-only [layout="column"] > .md-css-only [flex-lg="5"] { |
| max-height: 5%; |
| max-width: 100%; } |
| .flex-lg-10, .md-css-only [flex-lg="10"] { |
| -webkit-flex: 0 0 10%; |
| -ms-flex: 0 0 10%; |
| flex: 0 0 10%; } |
| .layout-lg-row > .flex-lg-10, .md-css-only [layout="row"] > .md-css-only [flex-lg="10"] { |
| max-width: 10%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-10, .md-css-only [layout="column"] > .md-css-only [flex-lg="10"] { |
| max-height: 10%; |
| max-width: 100%; } |
| .flex-lg-15, .md-css-only [flex-lg="15"] { |
| -webkit-flex: 0 0 15%; |
| -ms-flex: 0 0 15%; |
| flex: 0 0 15%; } |
| .layout-lg-row > .flex-lg-15, .md-css-only [layout="row"] > .md-css-only [flex-lg="15"] { |
| max-width: 15%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-15, .md-css-only [layout="column"] > .md-css-only [flex-lg="15"] { |
| max-height: 15%; |
| max-width: 100%; } |
| .flex-lg-20, .md-css-only [flex-lg="20"] { |
| -webkit-flex: 0 0 20%; |
| -ms-flex: 0 0 20%; |
| flex: 0 0 20%; } |
| .layout-lg-row > .flex-lg-20, .md-css-only [layout="row"] > .md-css-only [flex-lg="20"] { |
| max-width: 20%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-20, .md-css-only [layout="column"] > .md-css-only [flex-lg="20"] { |
| max-height: 20%; |
| max-width: 100%; } |
| .flex-lg-25, .md-css-only [flex-lg="25"] { |
| -webkit-flex: 0 0 25%; |
| -ms-flex: 0 0 25%; |
| flex: 0 0 25%; } |
| .layout-lg-row > .flex-lg-25, .md-css-only [layout="row"] > .md-css-only [flex-lg="25"] { |
| max-width: 25%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-25, .md-css-only [layout="column"] > .md-css-only [flex-lg="25"] { |
| max-height: 25%; |
| max-width: 100%; } |
| .flex-lg-30, .md-css-only [flex-lg="30"] { |
| -webkit-flex: 0 0 30%; |
| -ms-flex: 0 0 30%; |
| flex: 0 0 30%; } |
| .layout-lg-row > .flex-lg-30, .md-css-only [layout="row"] > .md-css-only [flex-lg="30"] { |
| max-width: 30%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-30, .md-css-only [layout="column"] > .md-css-only [flex-lg="30"] { |
| max-height: 30%; |
| max-width: 100%; } |
| .flex-lg-35, .md-css-only [flex-lg="35"] { |
| -webkit-flex: 0 0 35%; |
| -ms-flex: 0 0 35%; |
| flex: 0 0 35%; } |
| .layout-lg-row > .flex-lg-35, .md-css-only [layout="row"] > .md-css-only [flex-lg="35"] { |
| max-width: 35%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-35, .md-css-only [layout="column"] > .md-css-only [flex-lg="35"] { |
| max-height: 35%; |
| max-width: 100%; } |
| .flex-lg-40, .md-css-only [flex-lg="40"] { |
| -webkit-flex: 0 0 40%; |
| -ms-flex: 0 0 40%; |
| flex: 0 0 40%; } |
| .layout-lg-row > .flex-lg-40, .md-css-only [layout="row"] > .md-css-only [flex-lg="40"] { |
| max-width: 40%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-40, .md-css-only [layout="column"] > .md-css-only [flex-lg="40"] { |
| max-height: 40%; |
| max-width: 100%; } |
| .flex-lg-45, .md-css-only [flex-lg="45"] { |
| -webkit-flex: 0 0 45%; |
| -ms-flex: 0 0 45%; |
| flex: 0 0 45%; } |
| .layout-lg-row > .flex-lg-45, .md-css-only [layout="row"] > .md-css-only [flex-lg="45"] { |
| max-width: 45%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-45, .md-css-only [layout="column"] > .md-css-only [flex-lg="45"] { |
| max-height: 45%; |
| max-width: 100%; } |
| .flex-lg-50, .md-css-only [flex-lg="50"] { |
| -webkit-flex: 0 0 50%; |
| -ms-flex: 0 0 50%; |
| flex: 0 0 50%; } |
| .layout-lg-row > .flex-lg-50, .md-css-only [layout="row"] > .md-css-only [flex-lg="50"] { |
| max-width: 50%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-50, .md-css-only [layout="column"] > .md-css-only [flex-lg="50"] { |
| max-height: 50%; |
| max-width: 100%; } |
| .flex-lg-55, .md-css-only [flex-lg="55"] { |
| -webkit-flex: 0 0 55%; |
| -ms-flex: 0 0 55%; |
| flex: 0 0 55%; } |
| .layout-lg-row > .flex-lg-55, .md-css-only [layout="row"] > .md-css-only [flex-lg="55"] { |
| max-width: 55%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-55, .md-css-only [layout="column"] > .md-css-only [flex-lg="55"] { |
| max-height: 55%; |
| max-width: 100%; } |
| .flex-lg-60, .md-css-only [flex-lg="60"] { |
| -webkit-flex: 0 0 60%; |
| -ms-flex: 0 0 60%; |
| flex: 0 0 60%; } |
| .layout-lg-row > .flex-lg-60, .md-css-only [layout="row"] > .md-css-only [flex-lg="60"] { |
| max-width: 60%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-60, .md-css-only [layout="column"] > .md-css-only [flex-lg="60"] { |
| max-height: 60%; |
| max-width: 100%; } |
| .flex-lg-65, .md-css-only [flex-lg="65"] { |
| -webkit-flex: 0 0 65%; |
| -ms-flex: 0 0 65%; |
| flex: 0 0 65%; } |
| .layout-lg-row > .flex-lg-65, .md-css-only [layout="row"] > .md-css-only [flex-lg="65"] { |
| max-width: 65%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-65, .md-css-only [layout="column"] > .md-css-only [flex-lg="65"] { |
| max-height: 65%; |
| max-width: 100%; } |
| .flex-lg-70, .md-css-only [flex-lg="70"] { |
| -webkit-flex: 0 0 70%; |
| -ms-flex: 0 0 70%; |
| flex: 0 0 70%; } |
| .layout-lg-row > .flex-lg-70, .md-css-only [layout="row"] > .md-css-only [flex-lg="70"] { |
| max-width: 70%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-70, .md-css-only [layout="column"] > .md-css-only [flex-lg="70"] { |
| max-height: 70%; |
| max-width: 100%; } |
| .flex-lg-75, .md-css-only [flex-lg="75"] { |
| -webkit-flex: 0 0 75%; |
| -ms-flex: 0 0 75%; |
| flex: 0 0 75%; } |
| .layout-lg-row > .flex-lg-75, .md-css-only [layout="row"] > .md-css-only [flex-lg="75"] { |
| max-width: 75%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-75, .md-css-only [layout="column"] > .md-css-only [flex-lg="75"] { |
| max-height: 75%; |
| max-width: 100%; } |
| .flex-lg-80, .md-css-only [flex-lg="80"] { |
| -webkit-flex: 0 0 80%; |
| -ms-flex: 0 0 80%; |
| flex: 0 0 80%; } |
| .layout-lg-row > .flex-lg-80, .md-css-only [layout="row"] > .md-css-only [flex-lg="80"] { |
| max-width: 80%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-80, .md-css-only [layout="column"] > .md-css-only [flex-lg="80"] { |
| max-height: 80%; |
| max-width: 100%; } |
| .flex-lg-85, .md-css-only [flex-lg="85"] { |
| -webkit-flex: 0 0 85%; |
| -ms-flex: 0 0 85%; |
| flex: 0 0 85%; } |
| .layout-lg-row > .flex-lg-85, .md-css-only [layout="row"] > .md-css-only [flex-lg="85"] { |
| max-width: 85%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-85, .md-css-only [layout="column"] > .md-css-only [flex-lg="85"] { |
| max-height: 85%; |
| max-width: 100%; } |
| .flex-lg-90, .md-css-only [flex-lg="90"] { |
| -webkit-flex: 0 0 90%; |
| -ms-flex: 0 0 90%; |
| flex: 0 0 90%; } |
| .layout-lg-row > .flex-lg-90, .md-css-only [layout="row"] > .md-css-only [flex-lg="90"] { |
| max-width: 90%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-90, .md-css-only [layout="column"] > .md-css-only [flex-lg="90"] { |
| max-height: 90%; |
| max-width: 100%; } |
| .flex-lg-95, .md-css-only [flex-lg="95"] { |
| -webkit-flex: 0 0 95%; |
| -ms-flex: 0 0 95%; |
| flex: 0 0 95%; } |
| .layout-lg-row > .flex-lg-95, .md-css-only [layout="row"] > .md-css-only [flex-lg="95"] { |
| max-width: 95%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-95, .md-css-only [layout="column"] > .md-css-only [flex-lg="95"] { |
| max-height: 95%; |
| max-width: 100%; } |
| .flex-lg-100, .md-css-only [flex-lg="100"] { |
| -webkit-flex: 0 0 100%; |
| -ms-flex: 0 0 100%; |
| flex: 0 0 100%; } |
| .layout-lg-row > .flex-lg-100, .md-css-only [layout="row"] > .md-css-only [flex-lg="100"] { |
| max-width: 100%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-100, .md-css-only [layout="column"] > .md-css-only [flex-lg="100"] { |
| max-height: 100%; |
| max-width: 100%; } |
| .flex-lg-33, .flex-lg-34 { |
| -webkit-flex: 0 0 33%; |
| -ms-flex: 0 0 33%; |
| flex: 0 0 33%; |
| max-width: 33%; |
| max-height: 100%; } |
| .flex-lg-66, .flex-lg-67 { |
| -webkit-flex: 0 0 67%; |
| -ms-flex: 0 0 67%; |
| flex: 0 0 67%; |
| max-width: 67%; |
| max-height: 100%; } |
| .layout-lg-row > .flex-lg-33, .layout-lg-row > .flex-lg-34 { |
| max-width: 33%; |
| max-height: 100%; } |
| .layout-lg-row > .flex-lg-66, .layout-lg-row > .flex-lg-67 { |
| max-width: 67%; |
| max-height: 100%; } |
| .layout-lg-column > .flex-lg-33, .layout-lg-column > .flex-lg-34 { |
| max-height: 33%; |
| max-width: 100%; } |
| .layout-lg-column > .flex-lg-66, .layout-lg-column > .flex-lg-67 { |
| max-height: 67%; |
| max-width: 100%; } } |
| |
| @media (min-width: 1200px) { |
| .hide-gt-sm:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show), .hide-gt-md:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show), .hide-gt-lg:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show), .hide:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show) { |
| display: none; } |
| .layout-gt-lg { |
| box-sizing: border-box; |
| display: -webkit-flex; |
| display: -ms-flexbox; |
| display: flex; } |
| .layout-gt-lg-column, .md-css-only [layout-gt-lg=column] { |
| -webkit-flex-direction: column; |
| -ms-flex-direction: column; |
| flex-direction: column; } |
| .layout-gt-lg-row, .md-css-only [layout-gt-lg=row] { |
| -webkit-flex-direction: row; |
| -ms-flex-direction: row; |
| flex-direction: row; |
| -webkit-flex-wrap: wrap; |
| -ms-flex-wrap: wrap; |
| flex-wrap: wrap; } |
| .flex-gt-lg { |
| box-sizing: border-box; |
| -webkit-flex: 1; |
| -ms-flex: 1; |
| flex: 1; } |
| .flex-gt-lg-5, .md-css-only [flex-gt-lg="5"] { |
| -webkit-flex: 0 0 5%; |
| -ms-flex: 0 0 5%; |
| flex: 0 0 5%; } |
| .layout-gt-lg-row > .flex-gt-lg-5, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="5"] { |
| max-width: 5%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-5, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="5"] { |
| max-height: 5%; |
| max-width: 100%; } |
| .flex-gt-lg-10, .md-css-only [flex-gt-lg="10"] { |
| -webkit-flex: 0 0 10%; |
| -ms-flex: 0 0 10%; |
| flex: 0 0 10%; } |
| .layout-gt-lg-row > .flex-gt-lg-10, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="10"] { |
| max-width: 10%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-10, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="10"] { |
| max-height: 10%; |
| max-width: 100%; } |
| .flex-gt-lg-15, .md-css-only [flex-gt-lg="15"] { |
| -webkit-flex: 0 0 15%; |
| -ms-flex: 0 0 15%; |
| flex: 0 0 15%; } |
| .layout-gt-lg-row > .flex-gt-lg-15, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="15"] { |
| max-width: 15%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-15, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="15"] { |
| max-height: 15%; |
| max-width: 100%; } |
| .flex-gt-lg-20, .md-css-only [flex-gt-lg="20"] { |
| -webkit-flex: 0 0 20%; |
| -ms-flex: 0 0 20%; |
| flex: 0 0 20%; } |
| .layout-gt-lg-row > .flex-gt-lg-20, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="20"] { |
| max-width: 20%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-20, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="20"] { |
| max-height: 20%; |
| max-width: 100%; } |
| .flex-gt-lg-25, .md-css-only [flex-gt-lg="25"] { |
| -webkit-flex: 0 0 25%; |
| -ms-flex: 0 0 25%; |
| flex: 0 0 25%; } |
| .layout-gt-lg-row > .flex-gt-lg-25, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="25"] { |
| max-width: 25%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-25, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="25"] { |
| max-height: 25%; |
| max-width: 100%; } |
| .flex-gt-lg-30, .md-css-only [flex-gt-lg="30"] { |
| -webkit-flex: 0 0 30%; |
| -ms-flex: 0 0 30%; |
| flex: 0 0 30%; } |
| .layout-gt-lg-row > .flex-gt-lg-30, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="30"] { |
| max-width: 30%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-30, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="30"] { |
| max-height: 30%; |
| max-width: 100%; } |
| .flex-gt-lg-35, .md-css-only [flex-gt-lg="35"] { |
| -webkit-flex: 0 0 35%; |
| -ms-flex: 0 0 35%; |
| flex: 0 0 35%; } |
| .layout-gt-lg-row > .flex-gt-lg-35, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="35"] { |
| max-width: 35%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-35, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="35"] { |
| max-height: 35%; |
| max-width: 100%; } |
| .flex-gt-lg-40, .md-css-only [flex-gt-lg="40"] { |
| -webkit-flex: 0 0 40%; |
| -ms-flex: 0 0 40%; |
| flex: 0 0 40%; } |
| .layout-gt-lg-row > .flex-gt-lg-40, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="40"] { |
| max-width: 40%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-40, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="40"] { |
| max-height: 40%; |
| max-width: 100%; } |
| .flex-gt-lg-45, .md-css-only [flex-gt-lg="45"] { |
| -webkit-flex: 0 0 45%; |
| -ms-flex: 0 0 45%; |
| flex: 0 0 45%; } |
| .layout-gt-lg-row > .flex-gt-lg-45, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="45"] { |
| max-width: 45%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-45, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="45"] { |
| max-height: 45%; |
| max-width: 100%; } |
| .flex-gt-lg-50, .md-css-only [flex-gt-lg="50"] { |
| -webkit-flex: 0 0 50%; |
| -ms-flex: 0 0 50%; |
| flex: 0 0 50%; } |
| .layout-gt-lg-row > .flex-gt-lg-50, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="50"] { |
| max-width: 50%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-50, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="50"] { |
| max-height: 50%; |
| max-width: 100%; } |
| .flex-gt-lg-55, .md-css-only [flex-gt-lg="55"] { |
| -webkit-flex: 0 0 55%; |
| -ms-flex: 0 0 55%; |
| flex: 0 0 55%; } |
| .layout-gt-lg-row > .flex-gt-lg-55, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="55"] { |
| max-width: 55%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-55, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="55"] { |
| max-height: 55%; |
| max-width: 100%; } |
| .flex-gt-lg-60, .md-css-only [flex-gt-lg="60"] { |
| -webkit-flex: 0 0 60%; |
| -ms-flex: 0 0 60%; |
| flex: 0 0 60%; } |
| .layout-gt-lg-row > .flex-gt-lg-60, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="60"] { |
| max-width: 60%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-60, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="60"] { |
| max-height: 60%; |
| max-width: 100%; } |
| .flex-gt-lg-65, .md-css-only [flex-gt-lg="65"] { |
| -webkit-flex: 0 0 65%; |
| -ms-flex: 0 0 65%; |
| flex: 0 0 65%; } |
| .layout-gt-lg-row > .flex-gt-lg-65, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="65"] { |
| max-width: 65%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-65, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="65"] { |
| max-height: 65%; |
| max-width: 100%; } |
| .flex-gt-lg-70, .md-css-only [flex-gt-lg="70"] { |
| -webkit-flex: 0 0 70%; |
| -ms-flex: 0 0 70%; |
| flex: 0 0 70%; } |
| .layout-gt-lg-row > .flex-gt-lg-70, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="70"] { |
| max-width: 70%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-70, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="70"] { |
| max-height: 70%; |
| max-width: 100%; } |
| .flex-gt-lg-75, .md-css-only [flex-gt-lg="75"] { |
| -webkit-flex: 0 0 75%; |
| -ms-flex: 0 0 75%; |
| flex: 0 0 75%; } |
| .layout-gt-lg-row > .flex-gt-lg-75, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="75"] { |
| max-width: 75%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-75, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="75"] { |
| max-height: 75%; |
| max-width: 100%; } |
| .flex-gt-lg-80, .md-css-only [flex-gt-lg="80"] { |
| -webkit-flex: 0 0 80%; |
| -ms-flex: 0 0 80%; |
| flex: 0 0 80%; } |
| .layout-gt-lg-row > .flex-gt-lg-80, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="80"] { |
| max-width: 80%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-80, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="80"] { |
| max-height: 80%; |
| max-width: 100%; } |
| .flex-gt-lg-85, .md-css-only [flex-gt-lg="85"] { |
| -webkit-flex: 0 0 85%; |
| -ms-flex: 0 0 85%; |
| flex: 0 0 85%; } |
| .layout-gt-lg-row > .flex-gt-lg-85, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="85"] { |
| max-width: 85%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-85, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="85"] { |
| max-height: 85%; |
| max-width: 100%; } |
| .flex-gt-lg-90, .md-css-only [flex-gt-lg="90"] { |
| -webkit-flex: 0 0 90%; |
| -ms-flex: 0 0 90%; |
| flex: 0 0 90%; } |
| .layout-gt-lg-row > .flex-gt-lg-90, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="90"] { |
| max-width: 90%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-90, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="90"] { |
| max-height: 90%; |
| max-width: 100%; } |
| .flex-gt-lg-95, .md-css-only [flex-gt-lg="95"] { |
| -webkit-flex: 0 0 95%; |
| -ms-flex: 0 0 95%; |
| flex: 0 0 95%; } |
| .layout-gt-lg-row > .flex-gt-lg-95, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="95"] { |
| max-width: 95%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-95, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="95"] { |
| max-height: 95%; |
| max-width: 100%; } |
| .flex-gt-lg-100, .md-css-only [flex-gt-lg="100"] { |
| -webkit-flex: 0 0 100%; |
| -ms-flex: 0 0 100%; |
| flex: 0 0 100%; } |
| .layout-gt-lg-row > .flex-gt-lg-100, .md-css-only [layout="row"] > .md-css-only [flex-gt-lg="100"] { |
| max-width: 100%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-100, .md-css-only [layout="column"] > .md-css-only [flex-gt-lg="100"] { |
| max-height: 100%; |
| max-width: 100%; } |
| .flex-gt-lg-33, .flex-gt-lg-34 { |
| -webkit-flex: 0 0 33%; |
| -ms-flex: 0 0 33%; |
| flex: 0 0 33%; |
| max-width: 33%; |
| max-height: 100%; } |
| .flex-gt-lg-66, .flex-gt-lg-67 { |
| -webkit-flex: 0 0 67%; |
| -ms-flex: 0 0 67%; |
| flex: 0 0 67%; |
| max-width: 67%; |
| max-height: 100%; } |
| .layout-gt-lg-row > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-34 { |
| max-width: 33%; |
| max-height: 100%; } |
| .layout-gt-lg-row > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-67 { |
| max-width: 67%; |
| max-height: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-34 { |
| max-height: 33%; |
| max-width: 100%; } |
| .layout-gt-lg-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-67 { |
| max-height: 67%; |
| max-width: 100%; } } |