@charset "UTF-8";
/**
*
* Main Stylesheet SOGo
* Based on Angular Material Design
* IMPORTANT : This scss file might interfere with actual Angular-Material grunt-build
* and will generate a (too)) long css file because of the overrides
*
**/
/*
 * A partial implementation of the Ruby list functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/lists.rb
 */
/*
 * A partial implementation of the Ruby constants functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/constants.rb
 */
/*
 * A partial implementation of the Ruby display functions from Compass:
 * https://github.com/Compass/compass/blob/stable/core/lib/compass/core/sass_extensions/functions/display.rb
 */
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }

/* line 103, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

/* line 32, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* TODO : remplacer par Google Web font loader (https://developers.google.com/fonts/docs/webfont_loader) */
@font-face {
  font-family: 'ubuntu';
  src: url("../fonts/ubuntu-b.eot");
  src: url("../fonts/ubuntu-b.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-b.woff2") format("woff2"), url("../fonts/ubuntu-b.woff") format("woff"), url("../fonts/ubuntu-b.ttf") format("truetype"), url("../fonts/ubuntu-b.svg#ubuntubold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'ubuntu';
  src: url("../fonts/ubuntu-m.eot");
  src: url("../fonts/ubuntu-m.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-m.woff2") format("woff2"), url("../fonts/ubuntu-m.woff") format("woff"), url("../fonts/ubuntu-m.ttf") format("truetype"), url("../fonts/ubuntu-m.svg#ubuntumedium") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'ubuntu';
  src: url("../fonts/ubuntu-l.eot");
  src: url("../fonts/ubuntu-l.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-l.woff2") format("woff2"), url("../fonts/ubuntu-l.woff") format("woff"), url("../fonts/ubuntu-l.ttf") format("truetype"), url("../fonts/ubuntu-l.svg#ubuntulight") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'ubuntu';
  src: url("ubuntu-li.eot");
  src: url("ubuntu-li.eot?#iefix") format("embedded-opentype"), url("ubuntu-li.woff2") format("woff2"), url("ubuntu-li.woff") format("woff"), url("ubuntu-li.ttf") format("truetype"), url("ubuntu-li.svg#ubuntulight_italic") format("svg");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'ubuntu';
  src: url("ubuntu-bi.eot");
  src: url("ubuntu-bi.eot?#iefix") format("embedded-opentype"), url("ubuntu-bi.woff2") format("woff2"), url("ubuntu-bi.woff") format("woff"), url("ubuntu-bi.ttf") format("truetype"), url("ubuntu-bi.svg#ubuntubold_italic") format("svg");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: 'ubuntu';
  src: url("ubuntu-mi.eot");
  src: url("ubuntu-mi.eot?#iefix") format("embedded-opentype"), url("ubuntu-mi.woff2") format("woff2"), url("ubuntu-mi.woff") format("woff"), url("ubuntu-mi.ttf") format("truetype"), url("ubuntu-mi.svg#ubuntumedium_italic") format("svg");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: 'ubuntu';
  src: url("ubuntu-r.eot");
  src: url("ubuntu-r.eot?#iefix") format("embedded-opentype"), url("ubuntu-r.woff2") format("woff2"), url("ubuntu-r.woff") format("woff"), url("ubuntu-r.ttf") format("truetype"), url("ubuntu-r.svg#ubunturegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ubuntu';
  src: url("ubuntu-ri.eot");
  src: url("ubuntu-ri.eot?#iefix") format("embedded-opentype"), url("ubuntu-ri.woff2") format("woff2"), url("ubuntu-ri.woff") format("woff"), url("ubuntu-ri.ttf") format("truetype"), url("ubuntu-ri.svg#ubuntuitalic") format("svg");
  font-weight: normal;
  font-style: italic; }
/* Local overrides from angular-material src */
/**
*
* SOGo v3
* ng-Material overrides and project variables
* typography - definitions from http://www.google.com/design/spec/style/typography.html#typography-standard-styles
**/
*,
*:before,
*:after {
  box-sizing: border-box; }

:focus {
  outline: none; }

html, body {
  height: 100%;
  color: rgba(0, 0, 0, 0.87);
  background: #ffffff;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }
  html p, body p {
    line-height: 1.846; }
  html h3, body h3 {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-size: 1.17em;
    font-weight: bold; }

button,
select,
html,
textarea,
input {
  font-family: Ubuntu, "Helvetica Neue", sans-serif; }

body {
  font-size: 14px;
  margin: 0;
  padding: 0;
  outline: none; }

.inset {
  padding: 10px; }

button {
  font-family: Ubuntu, "Helvetica Neue", sans-serif; }

a,
a:-webkit-any-link {
  background: transparent;
  color: inherit;
  outline: none;
  text-decoration: none; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

select,
button,
textarea,
input {
  margin: 0;
  font-size: 100%;
  font-family: inherit;
  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="radio"], input[type="checkbox"] {
  padding: 0;
  box-sizing: border-box; }
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-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%;
  transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1); }

.md-ripple {
  position: absolute;
  transform: scale(0);
  transform-origin: 50% 50%;
  opacity: 0;
  border-radius: 50%; }
  .md-ripple.md-ripple-placed {
    transition: left 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), top 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), margin 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .md-ripple.md-ripple-scaled {
    transform: scale(1); }
  .md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
    opacity: 0.20; }

md-tab > .md-ripple-container .md-ripple {
  box-sizing: content-box;
  background-color: transparent !important;
  border-width: 0;
  border-style: solid;
  opacity: 0.20;
  transform: none !important; }
  md-tab > .md-ripple-container .md-ripple.md-ripple-active, md-tab > .md-ripple-container .md-ripple.md-ripple-full, md-tab > .md-ripple-container .md-ripple.md-ripple-visible {
    opacity: 0.20; }

.md-color-palette-definition {
  background-image: url("data:image/svg+xml;utf8,{_red_: {_50_: _#ffebee_,_100_: _#ffcdd2_,_200_: _#ef9a9a_,_300_: _#e57373_,_400_: _#ef5350_,_500_: _#f44336_,_600_: _#e53935_,_700_: _#d32f2f_,_800_: _#c62828_,_900_: _#b71c1c_,_A100_: _#ff8a80_,_A200_: _#ff5252_,_A400_: _#ff1744_,_A700_: _#d50000_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 300 400 A100_},_pink_: {_50_: _#fce4ec_,_100_: _#f8bbd0_,_200_: _#f48fb1_,_300_: _#f06292_,_400_: _#ec407a_,_500_: _#e91e63_,_600_: _#d81b60_,_700_: _#c2185b_,_800_: _#ad1457_,_900_: _#880E4F_,_A100_: _#ff80ab_,_A200_: _#ff4081_,_A400_: _#f50057_,_A700_: _#c51162_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 300 400 A100_},_purple_: {_50_: _#f3e5f5_,_100_: _#e1bee7_,_200_: _#ce93d8_,_300_: _#ba68c8_,_400_: _#ab47bc_,_500_: _#9c27b0_,_600_: _#8e24aa_,_700_: _#7b1fa2_,_800_: _#6a1b9a_,_900_: _#4a148c_,_A100_: _#ea80fc_,_A200_: _#e040fb_,_A400_: _#d500f9_,_A700_: _#aa00ff_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 A100_},_deep-purple_: {_50_: _#ede7f6_,_100_: _#d1c4e9_,_200_: _#b39ddb_,_300_: _#9575cd_,_400_: _#7e57c2_,_500_: _#673ab7_,_600_: _#5e35b1_,_700_: _#512da8_,_800_: _#4527a0_,_900_: _#311b92_,_A100_: _#b388ff_,_A200_: _#7c4dff_,_A400_: _#651fff_,_A700_: _#6200ea_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 A100_},_indigo_: {_50_: _#e8eaf6_,_100_: _#c5cae9_,_200_: _#9fa8da_,_300_: _#7986cb_,_400_: _#5c6bc0_,_500_: _#3f51b5_,_600_: _#3949ab_,_700_: _#303f9f_,_800_: _#283593_,_900_: _#1a237e_,_A100_: _#8c9eff_,_A200_: _#536dfe_,_A400_: _#3d5afe_,_A700_: _#304ffe_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 A100_},_blue_: {_50_: _#e3f2fd_,_100_: _#bbdefb_,_200_: _#90caf9_,_300_: _#64b5f6_,_400_: _#42a5f5_,_500_: _#2196f3_,_600_: _#1e88e5_,_700_: _#1976d2_,_800_: _#1565c0_,_900_: _#0d47a1_,_A100_: _#82b1ff_,_A200_: _#448aff_,_A400_: _#2979ff_,_A700_: _#2962ff_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _100 200 300 400 A100_},_light-blue_: {_50_: _#e1f5fe_,_100_: _#b3e5fc_,_200_: _#81d4fa_,_300_: _#4fc3f7_,_400_: _#29b6f6_,_500_: _#03a9f4_,_600_: _#039be5_,_700_: _#0288d1_,_800_: _#0277bd_,_900_: _#01579b_,_A100_: _#80d8ff_,_A200_: _#40c4ff_,_A400_: _#00b0ff_,_A700_: _#0091ea_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _500 600 700 800 900 A700_},_cyan_: {_50_: _#e0f7fa_,_100_: _#b2ebf2_,_200_: _#80deea_,_300_: _#4dd0e1_,_400_: _#26c6da_,_500_: _#00bcd4_,_600_: _#00acc1_,_700_: _#0097a7_,_800_: _#00838f_,_900_: _#006064_,_A100_: _#84ffff_,_A200_: _#18ffff_,_A400_: _#00e5ff_,_A700_: _#00b8d4_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _500 600 700 800 900_},_teal_: {_50_: _#e0f2f1_,_100_: _#b2dfdb_,_200_: _#80cbc4_,_300_: _#4db6ac_,_400_: _#26a69a_,_500_: _#009688_,_600_: _#00897b_,_700_: _#00796b_,_800_: _#00695c_,_900_: _#004d40_,_A100_: _#a7ffeb_,_A200_: _#64ffda_,_A400_: _#1de9b6_,_A700_: _#00bfa5_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _500 600 700 800 900_},_green_: {_50_: _#e8f5e9_,_100_: _#c8e6c9_,_200_: _#a5d6a7_,_300_: _#81c784_,_400_: _#66bb6a_,_500_: _#4caf50_,_600_: _#43a047_,_700_: _#388e3c_,_800_: _#2e7d32_,_900_: _#1b5e20_,_A100_: _#b9f6ca_,_A200_: _#69f0ae_,_A400_: _#00e676_,_A700_: _#00c853_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _500 600 700 800 900_},_light-green_: {_50_: _#f1f8e9_,_100_: _#dcedc8_,_200_: _#c5e1a5_,_300_: _#aed581_,_400_: _#9ccc65_,_500_: _#8bc34a_,_600_: _#7cb342_,_700_: _#689f38_,_800_: _#558b2f_,_900_: _#33691e_,_A100_: _#ccff90_,_A200_: _#b2ff59_,_A400_: _#76ff03_,_A700_: _#64dd17_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _800 900_},_lime_: {_50_: _#f9fbe7_,_100_: _#f0f4c3_,_200_: _#e6ee9c_,_300_: _#dce775_,_400_: _#d4e157_,_500_: _#cddc39_,_600_: _#c0ca33_,_700_: _#afb42b_,_800_: _#9e9d24_,_900_: _#827717_,_A100_: _#f4ff81_,_A200_: _#eeff41_,_A400_: _#c6ff00_,_A700_: _#aeea00_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _900_},_yellow_: {_50_: _#fffde7_,_100_: _#fff9c4_,_200_: _#fff59d_,_300_: _#fff176_,_400_: _#ffee58_,_500_: _#ffeb3b_,_600_: _#fdd835_,_700_: _#fbc02d_,_800_: _#f9a825_,_900_: _#f57f17_,_A100_: _#ffff8d_,_A200_: _#ffff00_,_A400_: _#ffea00_,_A700_: _#ffd600_,_contrastDefaultColor_: _dark_},_amber_: {_50_: _#fff8e1_,_100_: _#ffecb3_,_200_: _#ffe082_,_300_: _#ffd54f_,_400_: _#ffca28_,_500_: _#ffc107_,_600_: _#ffb300_,_700_: _#ffa000_,_800_: _#ff8f00_,_900_: _#ff6f00_,_A100_: _#ffe57f_,_A200_: _#ffd740_,_A400_: _#ffc400_,_A700_: _#ffab00_,_contrastDefaultColor_: _dark_},_orange_: {_50_: _#fff3e0_,_100_: _#ffe0b2_,_200_: _#ffcc80_,_300_: _#ffb74d_,_400_: _#ffa726_,_500_: _#ff9800_,_600_: _#fb8c00_,_700_: _#f57c00_,_800_: _#ef6c00_,_900_: _#e65100_,_A100_: _#ffd180_,_A200_: _#ffab40_,_A400_: _#ff9100_,_A700_: _#ff6d00_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _800 900_},_deep-orange_: {_50_: _#fbe9e7_,_100_: _#ffccbc_,_200_: _#ffab91_,_300_: _#ff8a65_,_400_: _#ff7043_,_500_: _#ff5722_,_600_: _#f4511e_,_700_: _#e64a19_,_800_: _#d84315_,_900_: _#bf360c_,_A100_: _#ff9e80_,_A200_: _#ff6e40_,_A400_: _#ff3d00_,_A700_: _#dd2c00_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 300 400 A100 A200_},_brown_: {_50_: _#efebe9_,_100_: _#d7ccc8_,_200_: _#bcaaa4_,_300_: _#a1887f_,_400_: _#8d6e63_,_500_: _#795548_,_600_: _#6d4c41_,_700_: _#5d4037_,_800_: _#4e342e_,_900_: _#3e2723_,_A100_: _#d7ccc8_,_A200_: _#bcaaa4_,_A400_: _#8d6e63_,_A700_: _#5d4037_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200_},_grey_: {_0_: _#ffffff_,_50_: _#fafafa_,_100_: _#f5f5f5_,_200_: _#eeeeee_,_300_: _#e0e0e0_,_400_: _#bdbdbd_,_500_: _#9e9e9e_,_600_: _#757575_,_700_: _#616161_,_800_: _#424242_,_900_: _#212121_,_1000_: _#000000_,_A100_: _#ffffff_,_A200_: _#eeeeee_,_A400_: _#bdbdbd_,_A700_: _#616161_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _600 700 800 900_},_blue-grey_: {_50_: _#eceff1_,_100_: _#cfd8dc_,_200_: _#b0bec5_,_300_: _#90a4ae_,_400_: _#78909c_,_500_: _#607d8b_,_600_: _#546e7a_,_700_: _#455a64_,_800_: _#37474f_,_900_: _#263238_,_A100_: _#cfd8dc_,_A200_: _#b0bec5_,_A400_: _#78909c_,_A700_: _#455a64_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 300_}}");
  display: none; }

/* Sizes:
  0    <= size <= 600  Phone
  600  <= size <= 960  Tablet
  960  <= size <= 1200 Tablet-Landscape
  1200 <= size         PC
*/
[layout] {
  box-sizing: border-box;
  display: flex; }

[layout=column] {
  flex-direction: column; }

[layout=row] {
  flex-direction: row; }

[layout-padding],
[layout-padding] > [flex] {
  padding: 8px; }

[layout-margin],
[layout-margin] > [flex] {
  margin: 8px; }

[layout-wrap] {
  flex-wrap: wrap; }

[layout-fill] {
  margin: 0;
  min-height: 100%;
  width: 100%; }

@-moz-document url-prefix() {
  [layout-fill] {
    margin: 0;
    width: 100%;
    min-height: auto;
    height: inherit; } }
[flex] {
  flex: 1; }

[flex="0"] {
  flex: 0 0 0%; }

[layout="row"] > [flex="0"] {
  max-width: 0%; }

[layout="column"] > [flex="0"] {
  max-height: 0%; }

[flex="5"] {
  flex: 0 0 5%; }

[layout="row"] > [flex="5"] {
  max-width: 5%; }

[layout="column"] > [flex="5"] {
  max-height: 5%; }

[flex="10"] {
  flex: 0 0 10%; }

[layout="row"] > [flex="10"] {
  max-width: 10%; }

[layout="column"] > [flex="10"] {
  max-height: 10%; }

[flex="15"] {
  flex: 0 0 15%; }

[layout="row"] > [flex="15"] {
  max-width: 15%; }

[layout="column"] > [flex="15"] {
  max-height: 15%; }

[flex="20"] {
  flex: 0 0 20%; }

[layout="row"] > [flex="20"] {
  max-width: 20%; }

[layout="column"] > [flex="20"] {
  max-height: 20%; }

[flex="25"] {
  flex: 0 0 25%; }

[layout="row"] > [flex="25"] {
  max-width: 25%; }

[layout="column"] > [flex="25"] {
  max-height: 25%; }

[flex="30"] {
  flex: 0 0 30%; }

[layout="row"] > [flex="30"] {
  max-width: 30%; }

[layout="column"] > [flex="30"] {
  max-height: 30%; }

[flex="35"] {
  flex: 0 0 35%; }

[layout="row"] > [flex="35"] {
  max-width: 35%; }

[layout="column"] > [flex="35"] {
  max-height: 35%; }

[flex="40"] {
  flex: 0 0 40%; }

[layout="row"] > [flex="40"] {
  max-width: 40%; }

[layout="column"] > [flex="40"] {
  max-height: 40%; }

[flex="45"] {
  flex: 0 0 45%; }

[layout="row"] > [flex="45"] {
  max-width: 45%; }

[layout="column"] > [flex="45"] {
  max-height: 45%; }

[flex="50"] {
  flex: 0 0 50%; }

[layout="row"] > [flex="50"] {
  max-width: 50%; }

[layout="column"] > [flex="50"] {
  max-height: 50%; }

[flex="55"] {
  flex: 0 0 55%; }

[layout="row"] > [flex="55"] {
  max-width: 55%; }

[layout="column"] > [flex="55"] {
  max-height: 55%; }

[flex="60"] {
  flex: 0 0 60%; }

[layout="row"] > [flex="60"] {
  max-width: 60%; }

[layout="column"] > [flex="60"] {
  max-height: 60%; }

[flex="65"] {
  flex: 0 0 65%; }

[layout="row"] > [flex="65"] {
  max-width: 65%; }

[layout="column"] > [flex="65"] {
  max-height: 65%; }

[flex="70"] {
  flex: 0 0 70%; }

[layout="row"] > [flex="70"] {
  max-width: 70%; }

[layout="column"] > [flex="70"] {
  max-height: 70%; }

[flex="75"] {
  flex: 0 0 75%; }

[layout="row"] > [flex="75"] {
  max-width: 75%; }

[layout="column"] > [flex="75"] {
  max-height: 75%; }

[flex="80"] {
  flex: 0 0 80%; }

[layout="row"] > [flex="80"] {
  max-width: 80%; }

[layout="column"] > [flex="80"] {
  max-height: 80%; }

[flex="85"] {
  flex: 0 0 85%; }

[layout="row"] > [flex="85"] {
  max-width: 85%; }

[layout="column"] > [flex="85"] {
  max-height: 85%; }

[flex="90"] {
  flex: 0 0 90%; }

[layout="row"] > [flex="90"] {
  max-width: 90%; }

[layout="column"] > [flex="90"] {
  max-height: 90%; }

[flex="95"] {
  flex: 0 0 95%; }

[layout="row"] > [flex="95"] {
  max-width: 95%; }

[layout="column"] > [flex="95"] {
  max-height: 95%; }

[flex="100"] {
  flex: 0 0 100%; }

[layout="row"] > [flex="100"] {
  max-width: 100%; }

[layout="column"] > [flex="100"] {
  max-height: 100%; }

[layout="row"] > [flex="33"], [layout="row"] > [flex="34"] {
  flex: 0 0 33.33%;
  max-width: 33.33%; }
[layout="row"] > [flex="66"], [layout="row"] > [flex="67"] {
  flex: 0 0 66.66%;
  max-width: 66.66%; }

[layout="column"] > [flex="33"], [layout="column"] > [flex="34"] {
  flex: 0 0 33.33%;
  max-height: 33.33%; }
[layout="column"] > [flex="66"], [layout="column"] > [flex="67"] {
  flex: 0 0 66.66%;
  max-height: 66.66%; }

[layout-align="center"],
[layout-align="center center"],
[layout-align="center start"],
[layout-align="center end"] {
  justify-content: center; }

[layout-align="end"],
[layout-align="end center"],
[layout-align="end start"],
[layout-align="end end"] {
  justify-content: flex-end; }

[layout-align="space-around"],
[layout-align="space-around center"],
[layout-align="space-around start"],
[layout-align="space-around end"] {
  justify-content: space-around; }

[layout-align="space-between"],
[layout-align="space-between center"],
[layout-align="space-between start"],
[layout-align="space-between end"] {
  justify-content: space-between; }

[layout-align="center center"],
[layout-align="start center"],
[layout-align="end center"],
[layout-align="space-between center"],
[layout-align="space-around center"] {
  align-items: center; }

[layout-align="center start"],
[layout-align="start start"],
[layout-align="end start"],
[layout-align="space-between start"],
[layout-align="space-around start"] {
  align-items: flex-start; }

[layout-align="center end"],
[layout-align="start end"],
[layout-align="end end"],
[layout-align="space-between end"],
[layout-align="space-around end"] {
  align-items: flex-end; }

[hide]:not([show]) {
  display: none; }

@media (max-width: 600px) {
  [hide-sm]:not([show-sm]), [hide]:not([show-sm]) {
    display: none; }

  [layout-align-sm="center"],
  [layout-align-sm="center center"],
  [layout-align-sm="center start"],
  [layout-align-sm="center end"] {
    justify-content: center; }

  [layout-align-sm="end"],
  [layout-align-sm="end center"],
  [layout-align-sm="end start"],
  [layout-align-sm="end end"] {
    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"] {
    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"] {
    justify-content: space-between; }

  [layout-align-sm="center center"],
  [layout-align-sm="start center"],
  [layout-align-sm="end center"],
  [layout-align-sm="space-between center"],
  [layout-align-sm="space-around center"] {
    align-items: center; }

  [layout-align-sm="center start"],
  [layout-align-sm="start start"],
  [layout-align-sm="end start"],
  [layout-align-sm="space-between start"],
  [layout-align-sm="space-around start"] {
    align-items: flex-start; }

  [layout-align-sm="center end"],
  [layout-align-sm="start end"],
  [layout-align-sm="end end"],
  [layout-align-sm="space-between end"],
  [layout-align-sm="space-around end"] {
    align-items: flex-end; }

  [layout-sm] {
    box-sizing: border-box;
    display: flex; }

  [layout-sm=column] {
    flex-direction: column; }

  [layout-sm=row] {
    flex-direction: row; }

  [flex-sm] {
    flex: 1; }

  [flex-sm="0"] {
    flex: 0 0 0%; }

  [layout="row"] > [flex-sm="0"] {
    max-width: 0%; }

  [layout="column"] > [flex-sm="0"] {
    max-height: 0%; }

  [flex-sm="5"] {
    flex: 0 0 5%; }

  [layout="row"] > [flex-sm="5"] {
    max-width: 5%; }

  [layout="column"] > [flex-sm="5"] {
    max-height: 5%; }

  [flex-sm="10"] {
    flex: 0 0 10%; }

  [layout="row"] > [flex-sm="10"] {
    max-width: 10%; }

  [layout="column"] > [flex-sm="10"] {
    max-height: 10%; }

  [flex-sm="15"] {
    flex: 0 0 15%; }

  [layout="row"] > [flex-sm="15"] {
    max-width: 15%; }

  [layout="column"] > [flex-sm="15"] {
    max-height: 15%; }

  [flex-sm="20"] {
    flex: 0 0 20%; }

  [layout="row"] > [flex-sm="20"] {
    max-width: 20%; }

  [layout="column"] > [flex-sm="20"] {
    max-height: 20%; }

  [flex-sm="25"] {
    flex: 0 0 25%; }

  [layout="row"] > [flex-sm="25"] {
    max-width: 25%; }

  [layout="column"] > [flex-sm="25"] {
    max-height: 25%; }

  [flex-sm="30"] {
    flex: 0 0 30%; }

  [layout="row"] > [flex-sm="30"] {
    max-width: 30%; }

  [layout="column"] > [flex-sm="30"] {
    max-height: 30%; }

  [flex-sm="35"] {
    flex: 0 0 35%; }

  [layout="row"] > [flex-sm="35"] {
    max-width: 35%; }

  [layout="column"] > [flex-sm="35"] {
    max-height: 35%; }

  [flex-sm="40"] {
    flex: 0 0 40%; }

  [layout="row"] > [flex-sm="40"] {
    max-width: 40%; }

  [layout="column"] > [flex-sm="40"] {
    max-height: 40%; }

  [flex-sm="45"] {
    flex: 0 0 45%; }

  [layout="row"] > [flex-sm="45"] {
    max-width: 45%; }

  [layout="column"] > [flex-sm="45"] {
    max-height: 45%; }

  [flex-sm="50"] {
    flex: 0 0 50%; }

  [layout="row"] > [flex-sm="50"] {
    max-width: 50%; }

  [layout="column"] > [flex-sm="50"] {
    max-height: 50%; }

  [flex-sm="55"] {
    flex: 0 0 55%; }

  [layout="row"] > [flex-sm="55"] {
    max-width: 55%; }

  [layout="column"] > [flex-sm="55"] {
    max-height: 55%; }

  [flex-sm="60"] {
    flex: 0 0 60%; }

  [layout="row"] > [flex-sm="60"] {
    max-width: 60%; }

  [layout="column"] > [flex-sm="60"] {
    max-height: 60%; }

  [flex-sm="65"] {
    flex: 0 0 65%; }

  [layout="row"] > [flex-sm="65"] {
    max-width: 65%; }

  [layout="column"] > [flex-sm="65"] {
    max-height: 65%; }

  [flex-sm="70"] {
    flex: 0 0 70%; }

  [layout="row"] > [flex-sm="70"] {
    max-width: 70%; }

  [layout="column"] > [flex-sm="70"] {
    max-height: 70%; }

  [flex-sm="75"] {
    flex: 0 0 75%; }

  [layout="row"] > [flex-sm="75"] {
    max-width: 75%; }

  [layout="column"] > [flex-sm="75"] {
    max-height: 75%; }

  [flex-sm="80"] {
    flex: 0 0 80%; }

  [layout="row"] > [flex-sm="80"] {
    max-width: 80%; }

  [layout="column"] > [flex-sm="80"] {
    max-height: 80%; }

  [flex-sm="85"] {
    flex: 0 0 85%; }

  [layout="row"] > [flex-sm="85"] {
    max-width: 85%; }

  [layout="column"] > [flex-sm="85"] {
    max-height: 85%; }

  [flex-sm="90"] {
    flex: 0 0 90%; }

  [layout="row"] > [flex-sm="90"] {
    max-width: 90%; }

  [layout="column"] > [flex-sm="90"] {
    max-height: 90%; }

  [flex-sm="95"] {
    flex: 0 0 95%; }

  [layout="row"] > [flex-sm="95"] {
    max-width: 95%; }

  [layout="column"] > [flex-sm="95"] {
    max-height: 95%; }

  [flex-sm="100"] {
    flex: 0 0 100%; }

  [layout="row"] > [flex-sm="100"] {
    max-width: 100%; }

  [layout="column"] > [flex-sm="100"] {
    max-height: 100%; }

  [layout="row"] > [flex-sm="33"], [layout="row"] > [flex-sm="34"] {
    flex: 0 0 33.33%;
    max-width: 33.33%; }
  [layout="row"] > [flex-sm="66"], [layout="row"] > [flex-sm="67"] {
    flex: 0 0 66.66%;
    max-width: 66.66%; }

  [layout="column"] > [flex-sm="33"], [layout="column"] > [flex-sm="34"] {
    flex: 0 0 33.33%;
    max-height: 33.33%; }
  [layout="column"] > [flex-sm="66"], [layout="column"] > [flex-sm="67"] {
    flex: 0 0 66.66%;
    max-height: 66.66%; } }
@media (min-width: 600px) {
  [hide-gt-sm]:not([show-gt-sm]):not([show-md]):not([show-gt-md]):not([show-lg]):not([show-gt-lg]), [hide]:not([show-gt-sm]):not([show-md]):not([show-gt-md]):not([show-lg]):not([show-gt-lg]) {
    display: none; }

  [layout-align-gt-sm="center"],
  [layout-align-gt-sm="center center"],
  [layout-align-gt-sm="center start"],
  [layout-align-gt-sm="center end"] {
    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"] {
    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"] {
    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"] {
    justify-content: space-between; }

  [layout-align-gt-sm="center center"],
  [layout-align-gt-sm="start center"],
  [layout-align-gt-sm="end center"],
  [layout-align-gt-sm="space-between center"],
  [layout-align-gt-sm="space-around center"] {
    align-items: center; }

  [layout-align-gt-sm="center start"],
  [layout-align-gt-sm="start 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; }

  [layout-align-gt-sm="center end"],
  [layout-align-gt-sm="start 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; }

  [layout-gt-sm] {
    box-sizing: border-box;
    display: flex; }

  [layout-gt-sm=column] {
    flex-direction: column; }

  [layout-gt-sm=row] {
    flex-direction: row; }

  [flex-gt-sm] {
    flex: 1; }

  [flex-gt-sm="0"] {
    flex: 0 0 0%; }

  [layout="row"] > [flex-gt-sm="0"] {
    max-width: 0%; }

  [layout="column"] > [flex-gt-sm="0"] {
    max-height: 0%; }

  [flex-gt-sm="5"] {
    flex: 0 0 5%; }

  [layout="row"] > [flex-gt-sm="5"] {
    max-width: 5%; }

  [layout="column"] > [flex-gt-sm="5"] {
    max-height: 5%; }

  [flex-gt-sm="10"] {
    flex: 0 0 10%; }

  [layout="row"] > [flex-gt-sm="10"] {
    max-width: 10%; }

  [layout="column"] > [flex-gt-sm="10"] {
    max-height: 10%; }

  [flex-gt-sm="15"] {
    flex: 0 0 15%; }

  [layout="row"] > [flex-gt-sm="15"] {
    max-width: 15%; }

  [layout="column"] > [flex-gt-sm="15"] {
    max-height: 15%; }

  [flex-gt-sm="20"] {
    flex: 0 0 20%; }

  [layout="row"] > [flex-gt-sm="20"] {
    max-width: 20%; }

  [layout="column"] > [flex-gt-sm="20"] {
    max-height: 20%; }

  [flex-gt-sm="25"] {
    flex: 0 0 25%; }

  [layout="row"] > [flex-gt-sm="25"] {
    max-width: 25%; }

  [layout="column"] > [flex-gt-sm="25"] {
    max-height: 25%; }

  [flex-gt-sm="30"] {
    flex: 0 0 30%; }

  [layout="row"] > [flex-gt-sm="30"] {
    max-width: 30%; }

  [layout="column"] > [flex-gt-sm="30"] {
    max-height: 30%; }

  [flex-gt-sm="35"] {
    flex: 0 0 35%; }

  [layout="row"] > [flex-gt-sm="35"] {
    max-width: 35%; }

  [layout="column"] > [flex-gt-sm="35"] {
    max-height: 35%; }

  [flex-gt-sm="40"] {
    flex: 0 0 40%; }

  [layout="row"] > [flex-gt-sm="40"] {
    max-width: 40%; }

  [layout="column"] > [flex-gt-sm="40"] {
    max-height: 40%; }

  [flex-gt-sm="45"] {
    flex: 0 0 45%; }

  [layout="row"] > [flex-gt-sm="45"] {
    max-width: 45%; }

  [layout="column"] > [flex-gt-sm="45"] {
    max-height: 45%; }

  [flex-gt-sm="50"] {
    flex: 0 0 50%; }

  [layout="row"] > [flex-gt-sm="50"] {
    max-width: 50%; }

  [layout="column"] > [flex-gt-sm="50"] {
    max-height: 50%; }

  [flex-gt-sm="55"] {
    flex: 0 0 55%; }

  [layout="row"] > [flex-gt-sm="55"] {
    max-width: 55%; }

  [layout="column"] > [flex-gt-sm="55"] {
    max-height: 55%; }

  [flex-gt-sm="60"] {
    flex: 0 0 60%; }

  [layout="row"] > [flex-gt-sm="60"] {
    max-width: 60%; }

  [layout="column"] > [flex-gt-sm="60"] {
    max-height: 60%; }

  [flex-gt-sm="65"] {
    flex: 0 0 65%; }

  [layout="row"] > [flex-gt-sm="65"] {
    max-width: 65%; }

  [layout="column"] > [flex-gt-sm="65"] {
    max-height: 65%; }

  [flex-gt-sm="70"] {
    flex: 0 0 70%; }

  [layout="row"] > [flex-gt-sm="70"] {
    max-width: 70%; }

  [layout="column"] > [flex-gt-sm="70"] {
    max-height: 70%; }

  [flex-gt-sm="75"] {
    flex: 0 0 75%; }

  [layout="row"] > [flex-gt-sm="75"] {
    max-width: 75%; }

  [layout="column"] > [flex-gt-sm="75"] {
    max-height: 75%; }

  [flex-gt-sm="80"] {
    flex: 0 0 80%; }

  [layout="row"] > [flex-gt-sm="80"] {
    max-width: 80%; }

  [layout="column"] > [flex-gt-sm="80"] {
    max-height: 80%; }

  [flex-gt-sm="85"] {
    flex: 0 0 85%; }

  [layout="row"] > [flex-gt-sm="85"] {
    max-width: 85%; }

  [layout="column"] > [flex-gt-sm="85"] {
    max-height: 85%; }

  [flex-gt-sm="90"] {
    flex: 0 0 90%; }

  [layout="row"] > [flex-gt-sm="90"] {
    max-width: 90%; }

  [layout="column"] > [flex-gt-sm="90"] {
    max-height: 90%; }

  [flex-gt-sm="95"] {
    flex: 0 0 95%; }

  [layout="row"] > [flex-gt-sm="95"] {
    max-width: 95%; }

  [layout="column"] > [flex-gt-sm="95"] {
    max-height: 95%; }

  [flex-gt-sm="100"] {
    flex: 0 0 100%; }

  [layout="row"] > [flex-gt-sm="100"] {
    max-width: 100%; }

  [layout="column"] > [flex-gt-sm="100"] {
    max-height: 100%; }

  [layout="row"] > [flex-gt-sm="33"], [layout="row"] > [flex-gt-sm="34"] {
    flex: 0 0 33.33%;
    max-width: 33.33%; }
  [layout="row"] > [flex-gt-sm="66"], [layout="row"] > [flex-gt-sm="67"] {
    flex: 0 0 66.66%;
    max-width: 66.66%; }

  [layout="column"] > [flex-gt-sm="33"], [layout="column"] > [flex-gt-sm="34"] {
    flex: 0 0 33.33%;
    max-height: 33.33%; }
  [layout="column"] > [flex-gt-sm="66"], [layout="column"] > [flex-gt-sm="67"] {
    flex: 0 0 66.66%;
    max-height: 66.66%; } }
@media (min-width: 600px) and (max-width: 960px) {
  [hide-md]:not([show-md]), [hide]:not([show-md]) {
    display: none; }

  [layout-align-md="center"],
  [layout-align-md="center center"],
  [layout-align-md="center start"],
  [layout-align-md="center end"] {
    justify-content: center; }

  [layout-align-md="end"],
  [layout-align-md="end center"],
  [layout-align-md="end start"],
  [layout-align-md="end end"] {
    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"] {
    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"] {
    justify-content: space-between; }

  [layout-align-md="center center"],
  [layout-align-md="start center"],
  [layout-align-md="end center"],
  [layout-align-md="space-between center"],
  [layout-align-md="space-around center"] {
    align-items: center; }

  [layout-align-md="center start"],
  [layout-align-md="start start"],
  [layout-align-md="end start"],
  [layout-align-md="space-between start"],
  [layout-align-md="space-around start"] {
    align-items: flex-start; }

  [layout-align-md="center end"],
  [layout-align-md="start end"],
  [layout-align-md="end end"],
  [layout-align-md="space-between end"],
  [layout-align-md="space-around end"] {
    align-items: flex-end; }

  [layout-md] {
    box-sizing: border-box;
    display: flex; }

  [layout-md=column] {
    flex-direction: column; }

  [layout-md=row] {
    flex-direction: row; }

  [flex-md] {
    flex: 1; }

  [flex-md="0"] {
    flex: 0 0 0%; }

  [layout="row"] > [flex-md="0"] {
    max-width: 0%; }

  [layout="column"] > [flex-md="0"] {
    max-height: 0%; }

  [flex-md="5"] {
    flex: 0 0 5%; }

  [layout="row"] > [flex-md="5"] {
    max-width: 5%; }

  [layout="column"] > [flex-md="5"] {
    max-height: 5%; }

  [flex-md="10"] {
    flex: 0 0 10%; }

  [layout="row"] > [flex-md="10"] {
    max-width: 10%; }

  [layout="column"] > [flex-md="10"] {
    max-height: 10%; }

  [flex-md="15"] {
    flex: 0 0 15%; }

  [layout="row"] > [flex-md="15"] {
    max-width: 15%; }

  [layout="column"] > [flex-md="15"] {
    max-height: 15%; }

  [flex-md="20"] {
    flex: 0 0 20%; }

  [layout="row"] > [flex-md="20"] {
    max-width: 20%; }

  [layout="column"] > [flex-md="20"] {
    max-height: 20%; }

  [flex-md="25"] {
    flex: 0 0 25%; }

  [layout="row"] > [flex-md="25"] {
    max-width: 25%; }

  [layout="column"] > [flex-md="25"] {
    max-height: 25%; }

  [flex-md="30"] {
    flex: 0 0 30%; }

  [layout="row"] > [flex-md="30"] {
    max-width: 30%; }

  [layout="column"] > [flex-md="30"] {
    max-height: 30%; }

  [flex-md="35"] {
    flex: 0 0 35%; }

  [layout="row"] > [flex-md="35"] {
    max-width: 35%; }

  [layout="column"] > [flex-md="35"] {
    max-height: 35%; }

  [flex-md="40"] {
    flex: 0 0 40%; }

  [layout="row"] > [flex-md="40"] {
    max-width: 40%; }

  [layout="column"] > [flex-md="40"] {
    max-height: 40%; }

  [flex-md="45"] {
    flex: 0 0 45%; }

  [layout="row"] > [flex-md="45"] {
    max-width: 45%; }

  [layout="column"] > [flex-md="45"] {
    max-height: 45%; }

  [flex-md="50"] {
    flex: 0 0 50%; }

  [layout="row"] > [flex-md="50"] {
    max-width: 50%; }

  [layout="column"] > [flex-md="50"] {
    max-height: 50%; }

  [flex-md="55"] {
    flex: 0 0 55%; }

  [layout="row"] > [flex-md="55"] {
    max-width: 55%; }

  [layout="column"] > [flex-md="55"] {
    max-height: 55%; }

  [flex-md="60"] {
    flex: 0 0 60%; }

  [layout="row"] > [flex-md="60"] {
    max-width: 60%; }

  [layout="column"] > [flex-md="60"] {
    max-height: 60%; }

  [flex-md="65"] {
    flex: 0 0 65%; }

  [layout="row"] > [flex-md="65"] {
    max-width: 65%; }

  [layout="column"] > [flex-md="65"] {
    max-height: 65%; }

  [flex-md="70"] {
    flex: 0 0 70%; }

  [layout="row"] > [flex-md="70"] {
    max-width: 70%; }

  [layout="column"] > [flex-md="70"] {
    max-height: 70%; }

  [flex-md="75"] {
    flex: 0 0 75%; }

  [layout="row"] > [flex-md="75"] {
    max-width: 75%; }

  [layout="column"] > [flex-md="75"] {
    max-height: 75%; }

  [flex-md="80"] {
    flex: 0 0 80%; }

  [layout="row"] > [flex-md="80"] {
    max-width: 80%; }

  [layout="column"] > [flex-md="80"] {
    max-height: 80%; }

  [flex-md="85"] {
    flex: 0 0 85%; }

  [layout="row"] > [flex-md="85"] {
    max-width: 85%; }

  [layout="column"] > [flex-md="85"] {
    max-height: 85%; }

  [flex-md="90"] {
    flex: 0 0 90%; }

  [layout="row"] > [flex-md="90"] {
    max-width: 90%; }

  [layout="column"] > [flex-md="90"] {
    max-height: 90%; }

  [flex-md="95"] {
    flex: 0 0 95%; }

  [layout="row"] > [flex-md="95"] {
    max-width: 95%; }

  [layout="column"] > [flex-md="95"] {
    max-height: 95%; }

  [flex-md="100"] {
    flex: 0 0 100%; }

  [layout="row"] > [flex-md="100"] {
    max-width: 100%; }

  [layout="column"] > [flex-md="100"] {
    max-height: 100%; }

  [layout="row"] > [flex-md="33"], [layout="row"] > [flex-md="34"] {
    flex: 0 0 33.33%;
    max-width: 33.33%; }
  [layout="row"] > [flex-md="66"], [layout="row"] > [flex-md="67"] {
    flex: 0 0 66.66%;
    max-width: 66.66%; }

  [layout="column"] > [flex-md="33"], [layout="column"] > [flex-md="34"] {
    flex: 0 0 33.33%;
    max-height: 33.33%; }
  [layout="column"] > [flex-md="66"], [layout="column"] > [flex-md="67"] {
    flex: 0 0 66.66%;
    max-height: 66.66%; } }
@media (min-width: 960px) {
  [hide-gt-md]:not([show-gt-md]):not([show-lg]):not([show-gt-lg]), [hide]:not([show-gt-md]):not([show-lg]):not([show-gt-lg]) {
    display: none; }

  [layout-align-gt-md="center"],
  [layout-align-gt-md="center center"],
  [layout-align-gt-md="center start"],
  [layout-align-gt-md="center end"] {
    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"] {
    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"] {
    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"] {
    justify-content: space-between; }

  [layout-align-gt-md="center center"],
  [layout-align-gt-md="start center"],
  [layout-align-gt-md="end center"],
  [layout-align-gt-md="space-between center"],
  [layout-align-gt-md="space-around center"] {
    align-items: center; }

  [layout-align-gt-md="center start"],
  [layout-align-gt-md="start 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; }

  [layout-align-gt-md="center end"],
  [layout-align-gt-md="start 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; }

  [layout-gt-md] {
    box-sizing: border-box;
    display: flex; }

  [layout-gt-md=column] {
    flex-direction: column; }

  [layout-gt-md=row] {
    flex-direction: row; }

  [flex-gt-md] {
    flex: 1; }

  [flex-gt-md="0"] {
    flex: 0 0 0%; }

  [layout="row"] > [flex-gt-md="0"] {
    max-width: 0%; }

  [layout="column"] > [flex-gt-md="0"] {
    max-height: 0%; }

  [flex-gt-md="5"] {
    flex: 0 0 5%; }

  [layout="row"] > [flex-gt-md="5"] {
    max-width: 5%; }

  [layout="column"] > [flex-gt-md="5"] {
    max-height: 5%; }

  [flex-gt-md="10"] {
    flex: 0 0 10%; }

  [layout="row"] > [flex-gt-md="10"] {
    max-width: 10%; }

  [layout="column"] > [flex-gt-md="10"] {
    max-height: 10%; }

  [flex-gt-md="15"] {
    flex: 0 0 15%; }

  [layout="row"] > [flex-gt-md="15"] {
    max-width: 15%; }

  [layout="column"] > [flex-gt-md="15"] {
    max-height: 15%; }

  [flex-gt-md="20"] {
    flex: 0 0 20%; }

  [layout="row"] > [flex-gt-md="20"] {
    max-width: 20%; }

  [layout="column"] > [flex-gt-md="20"] {
    max-height: 20%; }

  [flex-gt-md="25"] {
    flex: 0 0 25%; }

  [layout="row"] > [flex-gt-md="25"] {
    max-width: 25%; }

  [layout="column"] > [flex-gt-md="25"] {
    max-height: 25%; }

  [flex-gt-md="30"] {
    flex: 0 0 30%; }

  [layout="row"] > [flex-gt-md="30"] {
    max-width: 30%; }

  [layout="column"] > [flex-gt-md="30"] {
    max-height: 30%; }

  [flex-gt-md="35"] {
    flex: 0 0 35%; }

  [layout="row"] > [flex-gt-md="35"] {
    max-width: 35%; }

  [layout="column"] > [flex-gt-md="35"] {
    max-height: 35%; }

  [flex-gt-md="40"] {
    flex: 0 0 40%; }

  [layout="row"] > [flex-gt-md="40"] {
    max-width: 40%; }

  [layout="column"] > [flex-gt-md="40"] {
    max-height: 40%; }

  [flex-gt-md="45"] {
    flex: 0 0 45%; }

  [layout="row"] > [flex-gt-md="45"] {
    max-width: 45%; }

  [layout="column"] > [flex-gt-md="45"] {
    max-height: 45%; }

  [flex-gt-md="50"] {
    flex: 0 0 50%; }

  [layout="row"] > [flex-gt-md="50"] {
    max-width: 50%; }

  [layout="column"] > [flex-gt-md="50"] {
    max-height: 50%; }

  [flex-gt-md="55"] {
    flex: 0 0 55%; }

  [layout="row"] > [flex-gt-md="55"] {
    max-width: 55%; }

  [layout="column"] > [flex-gt-md="55"] {
    max-height: 55%; }

  [flex-gt-md="60"] {
    flex: 0 0 60%; }

  [layout="row"] > [flex-gt-md="60"] {
    max-width: 60%; }

  [layout="column"] > [flex-gt-md="60"] {
    max-height: 60%; }

  [flex-gt-md="65"] {
    flex: 0 0 65%; }

  [layout="row"] > [flex-gt-md="65"] {
    max-width: 65%; }

  [layout="column"] > [flex-gt-md="65"] {
    max-height: 65%; }

  [flex-gt-md="70"] {
    flex: 0 0 70%; }

  [layout="row"] > [flex-gt-md="70"] {
    max-width: 70%; }

  [layout="column"] > [flex-gt-md="70"] {
    max-height: 70%; }

  [flex-gt-md="75"] {
    flex: 0 0 75%; }

  [layout="row"] > [flex-gt-md="75"] {
    max-width: 75%; }

  [layout="column"] > [flex-gt-md="75"] {
    max-height: 75%; }

  [flex-gt-md="80"] {
    flex: 0 0 80%; }

  [layout="row"] > [flex-gt-md="80"] {
    max-width: 80%; }

  [layout="column"] > [flex-gt-md="80"] {
    max-height: 80%; }

  [flex-gt-md="85"] {
    flex: 0 0 85%; }

  [layout="row"] > [flex-gt-md="85"] {
    max-width: 85%; }

  [layout="column"] > [flex-gt-md="85"] {
    max-height: 85%; }

  [flex-gt-md="90"] {
    flex: 0 0 90%; }

  [layout="row"] > [flex-gt-md="90"] {
    max-width: 90%; }

  [layout="column"] > [flex-gt-md="90"] {
    max-height: 90%; }

  [flex-gt-md="95"] {
    flex: 0 0 95%; }

  [layout="row"] > [flex-gt-md="95"] {
    max-width: 95%; }

  [layout="column"] > [flex-gt-md="95"] {
    max-height: 95%; }

  [flex-gt-md="100"] {
    flex: 0 0 100%; }

  [layout="row"] > [flex-gt-md="100"] {
    max-width: 100%; }

  [layout="column"] > [flex-gt-md="100"] {
    max-height: 100%; }

  [layout="row"] > [flex-gt-md="33"], [layout="row"] > [flex-gt-md="34"] {
    flex: 0 0 33.33%;
    max-width: 33.33%; }
  [layout="row"] > [flex-gt-md="66"], [layout="row"] > [flex-gt-md="67"] {
    flex: 0 0 66.66%;
    max-width: 66.66%; }

  [layout="column"] > [flex-gt-md="33"], [layout="column"] > [flex-gt-md="34"] {
    flex: 0 0 33.33%;
    max-height: 33.33%; }
  [layout="column"] > [flex-gt-md="66"], [layout="column"] > [flex-gt-md="67"] {
    flex: 0 0 66.66%;
    max-height: 66.66%; } }
@media (min-width: 960px) and (max-width: 1200px) {
  [hide-lg]:not([show-lg]), [hide]:not([show-lg]) {
    display: none; }

  [layout-align-lg="center"],
  [layout-align-lg="center center"],
  [layout-align-lg="center start"],
  [layout-align-lg="center end"] {
    justify-content: center; }

  [layout-align-lg="end"],
  [layout-align-lg="end center"],
  [layout-align-lg="end start"],
  [layout-align-lg="end end"] {
    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"] {
    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"] {
    justify-content: space-between; }

  [layout-align-lg="center center"],
  [layout-align-lg="start center"],
  [layout-align-lg="end center"],
  [layout-align-lg="space-between center"],
  [layout-align-lg="space-around center"] {
    align-items: center; }

  [layout-align-lg="center start"],
  [layout-align-lg="start start"],
  [layout-align-lg="end start"],
  [layout-align-lg="space-between start"],
  [layout-align-lg="space-around start"] {
    align-items: flex-start; }

  [layout-align-lg="center end"],
  [layout-align-lg="start end"],
  [layout-align-lg="end end"],
  [layout-align-lg="space-between end"],
  [layout-align-lg="space-around end"] {
    align-items: flex-end; }

  [layout-lg] {
    box-sizing: border-box;
    display: flex; }

  [layout-lg=column] {
    flex-direction: column; }

  [layout-lg=row] {
    flex-direction: row; }

  [flex-lg] {
    flex: 1; }

  [flex-lg="0"] {
    flex: 0 0 0%; }

  [layout="row"] > [flex-lg="0"] {
    max-width: 0%; }

  [layout="column"] > [flex-lg="0"] {
    max-height: 0%; }

  [flex-lg="5"] {
    flex: 0 0 5%; }

  [layout="row"] > [flex-lg="5"] {
    max-width: 5%; }

  [layout="column"] > [flex-lg="5"] {
    max-height: 5%; }

  [flex-lg="10"] {
    flex: 0 0 10%; }

  [layout="row"] > [flex-lg="10"] {
    max-width: 10%; }

  [layout="column"] > [flex-lg="10"] {
    max-height: 10%; }

  [flex-lg="15"] {
    flex: 0 0 15%; }

  [layout="row"] > [flex-lg="15"] {
    max-width: 15%; }

  [layout="column"] > [flex-lg="15"] {
    max-height: 15%; }

  [flex-lg="20"] {
    flex: 0 0 20%; }

  [layout="row"] > [flex-lg="20"] {
    max-width: 20%; }

  [layout="column"] > [flex-lg="20"] {
    max-height: 20%; }

  [flex-lg="25"] {
    flex: 0 0 25%; }

  [layout="row"] > [flex-lg="25"] {
    max-width: 25%; }

  [layout="column"] > [flex-lg="25"] {
    max-height: 25%; }

  [flex-lg="30"] {
    flex: 0 0 30%; }

  [layout="row"] > [flex-lg="30"] {
    max-width: 30%; }

  [layout="column"] > [flex-lg="30"] {
    max-height: 30%; }

  [flex-lg="35"] {
    flex: 0 0 35%; }

  [layout="row"] > [flex-lg="35"] {
    max-width: 35%; }

  [layout="column"] > [flex-lg="35"] {
    max-height: 35%; }

  [flex-lg="40"] {
    flex: 0 0 40%; }

  [layout="row"] > [flex-lg="40"] {
    max-width: 40%; }

  [layout="column"] > [flex-lg="40"] {
    max-height: 40%; }

  [flex-lg="45"] {
    flex: 0 0 45%; }

  [layout="row"] > [flex-lg="45"] {
    max-width: 45%; }

  [layout="column"] > [flex-lg="45"] {
    max-height: 45%; }

  [flex-lg="50"] {
    flex: 0 0 50%; }

  [layout="row"] > [flex-lg="50"] {
    max-width: 50%; }

  [layout="column"] > [flex-lg="50"] {
    max-height: 50%; }

  [flex-lg="55"] {
    flex: 0 0 55%; }

  [layout="row"] > [flex-lg="55"] {
    max-width: 55%; }

  [layout="column"] > [flex-lg="55"] {
    max-height: 55%; }

  [flex-lg="60"] {
    flex: 0 0 60%; }

  [layout="row"] > [flex-lg="60"] {
    max-width: 60%; }

  [layout="column"] > [flex-lg="60"] {
    max-height: 60%; }

  [flex-lg="65"] {
    flex: 0 0 65%; }

  [layout="row"] > [flex-lg="65"] {
    max-width: 65%; }

  [layout="column"] > [flex-lg="65"] {
    max-height: 65%; }

  [flex-lg="70"] {
    flex: 0 0 70%; }

  [layout="row"] > [flex-lg="70"] {
    max-width: 70%; }

  [layout="column"] > [flex-lg="70"] {
    max-height: 70%; }

  [flex-lg="75"] {
    flex: 0 0 75%; }

  [layout="row"] > [flex-lg="75"] {
    max-width: 75%; }

  [layout="column"] > [flex-lg="75"] {
    max-height: 75%; }

  [flex-lg="80"] {
    flex: 0 0 80%; }

  [layout="row"] > [flex-lg="80"] {
    max-width: 80%; }

  [layout="column"] > [flex-lg="80"] {
    max-height: 80%; }

  [flex-lg="85"] {
    flex: 0 0 85%; }

  [layout="row"] > [flex-lg="85"] {
    max-width: 85%; }

  [layout="column"] > [flex-lg="85"] {
    max-height: 85%; }

  [flex-lg="90"] {
    flex: 0 0 90%; }

  [layout="row"] > [flex-lg="90"] {
    max-width: 90%; }

  [layout="column"] > [flex-lg="90"] {
    max-height: 90%; }

  [flex-lg="95"] {
    flex: 0 0 95%; }

  [layout="row"] > [flex-lg="95"] {
    max-width: 95%; }

  [layout="column"] > [flex-lg="95"] {
    max-height: 95%; }

  [flex-lg="100"] {
    flex: 0 0 100%; }

  [layout="row"] > [flex-lg="100"] {
    max-width: 100%; }

  [layout="column"] > [flex-lg="100"] {
    max-height: 100%; }

  [layout="row"] > [flex-lg="33"], [layout="row"] > [flex-lg="34"] {
    flex: 0 0 33.33%;
    max-width: 33.33%; }
  [layout="row"] > [flex-lg="66"], [layout="row"] > [flex-lg="67"] {
    flex: 0 0 66.66%;
    max-width: 66.66%; }

  [layout="column"] > [flex-lg="33"], [layout="column"] > [flex-lg="34"] {
    flex: 0 0 33.33%;
    max-height: 33.33%; }
  [layout="column"] > [flex-lg="66"], [layout="column"] > [flex-lg="67"] {
    flex: 0 0 66.66%;
    max-height: 66.66%; } }
@media (min-width: 1200px) {
  [hide-gt-lg]:not([show-gt-lg]), [hide]:not([show-gt-lg]) {
    display: none; }

  [layout-align-gt-lg="center"],
  [layout-align-gt-lg="center center"],
  [layout-align-gt-lg="center start"],
  [layout-align-gt-lg="center end"] {
    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"] {
    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"] {
    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"] {
    justify-content: space-between; }

  [layout-align-gt-lg="center center"],
  [layout-align-gt-lg="start center"],
  [layout-align-gt-lg="end center"],
  [layout-align-gt-lg="space-between center"],
  [layout-align-gt-lg="space-around center"] {
    align-items: center; }

  [layout-align-gt-lg="center start"],
  [layout-align-gt-lg="start 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; }

  [layout-align-gt-lg="center end"],
  [layout-align-gt-lg="start 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; }

  [layout-gt-lg] {
    box-sizing: border-box;
    display: flex; }

  [layout-gt-lg=column] {
    flex-direction: column; }

  [layout-gt-lg=row] {
    flex-direction: row; }

  [flex-gt-lg] {
    flex: 1; }

  [flex-gt-lg="0"] {
    flex: 0 0 0%; }

  [layout="row"] > [flex-gt-lg="0"] {
    max-width: 0%; }

  [layout="column"] > [flex-gt-lg="0"] {
    max-height: 0%; }

  [flex-gt-lg="5"] {
    flex: 0 0 5%; }

  [layout="row"] > [flex-gt-lg="5"] {
    max-width: 5%; }

  [layout="column"] > [flex-gt-lg="5"] {
    max-height: 5%; }

  [flex-gt-lg="10"] {
    flex: 0 0 10%; }

  [layout="row"] > [flex-gt-lg="10"] {
    max-width: 10%; }

  [layout="column"] > [flex-gt-lg="10"] {
    max-height: 10%; }

  [flex-gt-lg="15"] {
    flex: 0 0 15%; }

  [layout="row"] > [flex-gt-lg="15"] {
    max-width: 15%; }

  [layout="column"] > [flex-gt-lg="15"] {
    max-height: 15%; }

  [flex-gt-lg="20"] {
    flex: 0 0 20%; }

  [layout="row"] > [flex-gt-lg="20"] {
    max-width: 20%; }

  [layout="column"] > [flex-gt-lg="20"] {
    max-height: 20%; }

  [flex-gt-lg="25"] {
    flex: 0 0 25%; }

  [layout="row"] > [flex-gt-lg="25"] {
    max-width: 25%; }

  [layout="column"] > [flex-gt-lg="25"] {
    max-height: 25%; }

  [flex-gt-lg="30"] {
    flex: 0 0 30%; }

  [layout="row"] > [flex-gt-lg="30"] {
    max-width: 30%; }

  [layout="column"] > [flex-gt-lg="30"] {
    max-height: 30%; }

  [flex-gt-lg="35"] {
    flex: 0 0 35%; }

  [layout="row"] > [flex-gt-lg="35"] {
    max-width: 35%; }

  [layout="column"] > [flex-gt-lg="35"] {
    max-height: 35%; }

  [flex-gt-lg="40"] {
    flex: 0 0 40%; }

  [layout="row"] > [flex-gt-lg="40"] {
    max-width: 40%; }

  [layout="column"] > [flex-gt-lg="40"] {
    max-height: 40%; }

  [flex-gt-lg="45"] {
    flex: 0 0 45%; }

  [layout="row"] > [flex-gt-lg="45"] {
    max-width: 45%; }

  [layout="column"] > [flex-gt-lg="45"] {
    max-height: 45%; }

  [flex-gt-lg="50"] {
    flex: 0 0 50%; }

  [layout="row"] > [flex-gt-lg="50"] {
    max-width: 50%; }

  [layout="column"] > [flex-gt-lg="50"] {
    max-height: 50%; }

  [flex-gt-lg="55"] {
    flex: 0 0 55%; }

  [layout="row"] > [flex-gt-lg="55"] {
    max-width: 55%; }

  [layout="column"] > [flex-gt-lg="55"] {
    max-height: 55%; }

  [flex-gt-lg="60"] {
    flex: 0 0 60%; }

  [layout="row"] > [flex-gt-lg="60"] {
    max-width: 60%; }

  [layout="column"] > [flex-gt-lg="60"] {
    max-height: 60%; }

  [flex-gt-lg="65"] {
    flex: 0 0 65%; }

  [layout="row"] > [flex-gt-lg="65"] {
    max-width: 65%; }

  [layout="column"] > [flex-gt-lg="65"] {
    max-height: 65%; }

  [flex-gt-lg="70"] {
    flex: 0 0 70%; }

  [layout="row"] > [flex-gt-lg="70"] {
    max-width: 70%; }

  [layout="column"] > [flex-gt-lg="70"] {
    max-height: 70%; }

  [flex-gt-lg="75"] {
    flex: 0 0 75%; }

  [layout="row"] > [flex-gt-lg="75"] {
    max-width: 75%; }

  [layout="column"] > [flex-gt-lg="75"] {
    max-height: 75%; }

  [flex-gt-lg="80"] {
    flex: 0 0 80%; }

  [layout="row"] > [flex-gt-lg="80"] {
    max-width: 80%; }

  [layout="column"] > [flex-gt-lg="80"] {
    max-height: 80%; }

  [flex-gt-lg="85"] {
    flex: 0 0 85%; }

  [layout="row"] > [flex-gt-lg="85"] {
    max-width: 85%; }

  [layout="column"] > [flex-gt-lg="85"] {
    max-height: 85%; }

  [flex-gt-lg="90"] {
    flex: 0 0 90%; }

  [layout="row"] > [flex-gt-lg="90"] {
    max-width: 90%; }

  [layout="column"] > [flex-gt-lg="90"] {
    max-height: 90%; }

  [flex-gt-lg="95"] {
    flex: 0 0 95%; }

  [layout="row"] > [flex-gt-lg="95"] {
    max-width: 95%; }

  [layout="column"] > [flex-gt-lg="95"] {
    max-height: 95%; }

  [flex-gt-lg="100"] {
    flex: 0 0 100%; }

  [layout="row"] > [flex-gt-lg="100"] {
    max-width: 100%; }

  [layout="column"] > [flex-gt-lg="100"] {
    max-height: 100%; }

  [layout="row"] > [flex-gt-lg="33"], [layout="row"] > [flex-gt-lg="34"] {
    flex: 0 0 33.33%;
    max-width: 33.33%; }
  [layout="row"] > [flex-gt-lg="66"], [layout="row"] > [flex-gt-lg="67"] {
    flex: 0 0 66.66%;
    max-width: 66.66%; }

  [layout="column"] > [flex-gt-lg="33"], [layout="column"] > [flex-gt-lg="34"] {
    flex: 0 0 33.33%;
    max-height: 33.33%; }
  [layout="column"] > [flex-gt-lg="66"], [layout="column"] > [flex-gt-lg="67"] {
    flex: 0 0 66.66%;
    max-height: 66.66%; } }
[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; }

.view[layout=row] {
  max-height: 100%; }

/* Angular-material components local overrides */
md-list {
  padding: 8px 0px 8px 0px; }

md-item-content {
  display: flex;
  align-items: center;
  flex-direction: row;
  box-sizing: border-box;
  position: relative;
  padding: 0px 0px 0px 0px; }

/**
 * The left tile for a list item.
 */
.md-tile-left {
  min-width: 56px;
  margin-right: -16px;
  height: 56px;
  background-color: grey; }

/**
 * The center content tile for a list item.
 */
.md-tile-content, .sg-tile-content {
  flex: 1;
  padding: 16px;
  text-overflow: ellipsis; }
  .md-tile-content h3, .sg-tile-content h3 {
    margin: 0 0 3px 0;
    font-weight: 400;
    font-size: 1.1em; }
  .md-tile-content h4, .sg-tile-content h4 {
    margin: 0 0 3px 0;
    font-weight: 400;
    font-size: 0.9em; }
  .md-tile-content p, .sg-tile-content p {
    margin: 0 0 3px 0;
    font-size: 0.75em; }

.sg-tile-content {
  margin-left: 16px; }
  .sg-tile-content .name {
    margin: 0 0 3px 0;
    font-weight: 400;
    font-size: 1.1em; }
  .sg-tile-content .subject {
    margin: 0 0 3px 0;
    font-weight: 400;
    font-size: 0.9em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .sg-tile-content p {
    margin: 0 0 3px 0;
    font-size: 0.75em; }

/**
 * The right tile for a list item.
 */
.md-tile-right {
  padding-right: 0px; }

md-divider {
  display: block;
  border-top: 1px solid;
  margin: 0; }
  md-divider[md-inset] {
    margin-left: 72px; }

md-toolbar {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 1.3em;
  min-height: 64px;
  width: 100%; }
  md-toolbar.md-tall {
    height: 128px;
    min-height: 128px;
    max-height: 128px; }
  md-toolbar.md-medium-tall {
    height: 88px;
    min-height: 88px;
    max-height: 88px; }
    md-toolbar.md-medium-tall .md-toolbar-tools {
      height: 48px;
      min-height: 48px;
      max-height: 48px; }
  md-toolbar.md-toolbar-small {
    min-height: 48px; }
  md-toolbar .md-indent {
    margin-left: 64px; }

.md-toolbar-tools {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  height: 64px;
  min-height: 100%;
  max-height: 64px;
  font-size: inherit;
  font-weight: normal;
  padding: 0 16px;
  margin: 0; }
  .md-toolbar-tools > * {
    font-size: inherit; }
  .md-toolbar-tools h2, .md-toolbar-tools h3 {
    font-weight: normal; }
  .md-toolbar-tools a {
    color: inherit;
    text-decoration: none; }
  .md-toolbar-tools .fill-height {
    display: flex;
    align-items: center; }
  .md-toolbar-tools .md-tools {
    margin-left: auto; }
  .md-toolbar-tools .md-button {
    font-size: 14px; }

md-toolbar {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 1.3em;
  min-height: 64px;
  width: 100%; }
  md-toolbar.md-tall {
    height: 128px;
    min-height: 128px;
    max-height: 128px; }
  md-toolbar.md-medium-tall {
    height: 88px;
    min-height: 88px;
    max-height: 88px; }
    md-toolbar.md-medium-tall .md-toolbar-tools {
      height: 48px;
      min-height: 48px;
      max-height: 48px; }
  md-toolbar.md-toolbar-small {
    min-height: 48px; }
  md-toolbar .md-indent {
    margin-left: 64px; }

.md-toolbar-tools {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  height: 64px;
  min-height: 100%;
  max-height: 64px;
  font-size: inherit;
  font-weight: normal;
  padding: 0 16px;
  margin: 0; }
  .md-toolbar-tools > * {
    font-size: inherit; }
  .md-toolbar-tools h2, .md-toolbar-tools h3 {
    font-weight: normal; }
  .md-toolbar-tools a {
    color: inherit;
    text-decoration: none; }
  .md-toolbar-tools .fill-height {
    display: flex;
    align-items: center; }
  .md-toolbar-tools .md-tools {
    margin-left: auto; }
  .md-toolbar-tools .md-button {
    font-size: 14px; }

.sg-bottombar {
  @extends md-toolbar;
  background-color: #212121;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 100; }

/**
 *
 * @filename _base_styles.scss
 * @project SOGo
 * @version 3.alpha
 *
 * Define basic general styles for base elements
 *
 *
 */
body,
.main {
  padding-bottom: 64px; }

/**
 *
 * This is the shame file (http://csswizardry.com/2013/04/shame-css/)
 * RULES
 * 1. If it’s a hack, it goes in shame.css.
 * 2. Document all hacks fully:
 *    1. What part of the codebase does it relate to?
 *    2. Why was this needed?
 *    3. How does this fix it?
 *    4. How might you fix it properly, given more time?
 *    3. Do not blame the developer; if they explained why they had to do it
 *       then their reasons are probably (hopefully) valid.
 * 4. Try and clean shame.css up when you have some down time.
 *    Even better, get a tech-debt story in which you can dedicate actual sprint time to it.
*/

/*# sourceMappingURL=styles.css.map */