@charset "UTF-8";
/**
Variables globales
*/
/** TODO: Reemplazar valores por su variable
          Verificar dónde se utilizan estos colores
          para escoger la variable adecuada
*/
/** TODO: Reemplazar valores por su variable
          Verificar dónde se utilizan estos colores
          para escoger la variable adecuada
*/
/* Fondo*/
/* Superficie */
/**
// TODO: Calcular el color para las jerarquías de texto
//       Actualmente se tiene un opacity para el header,
//       pero es necesario tener el color directamente
//       Se puede hacer con funciones css ?


//       Creo que debemos calcular los colores para cada jerarquía de texto
//       basados en el color baseline de la variación

--zcs_colors_text_headline1_on_primary
--zcs_colors_text_headline1_on_secondary
--zcs_colors_text_headline1_on_surface

--zcs_colors_text_body1_on_primary
--zcs_colors_text_body1_on_secondary
--zcs_colors_text_body1_on_surface

Para eso necesito la opacidad y el valor para "on_container"

La otra opción sería calcularlo en css,
lo cuál me ahorraría un montón de variables
y creo que haría el código un poco más claro

Lo podríamos hacer con css variables, pero teniendo los colores para el texto expresados
como xx, yy, zz;
https://stackoverflow.com/questions/40010597/how-do-i-apply-opacity-to-a-css-color-variable

Con esto nos ahorraríamos unas cuantas variables, pero no sé si vale
la pena tener esa complejidad en el css en vez de tener sólo el valor

De esta manera toda la lógica estaría en el servicio de themes y no estaría atada al cs

*/
/******************/
/**
 * Colores basados en funciones
 */
/** States **/
/** Esto se usa para componentes como los botones
    Tengo la duda si debe ser on-primary o sólo primary
    el problema es que un butón tiene primary (background) y on-primary(texto)
    y el hover debería aplicar para ambos...
*/
/** Estados para los on-xxx */
/** Colores para texto-iconos en cada contenedor definido */
/** Colores para el texto */
/** Colores para los bordes dentro de la superficie */
.wrapper {
  width: 100%;
}

html {
  height: 100%;
}

#outlook a {
  padding: 0;
}

body {
  width: 100% !important;
  min-width: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
  Margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}

.ExternalClass {
  width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass th,
.ExternalClass div {
  line-height: 100%;
}

#backgroundTable {
  margin: 0;
  Margin: 0;
  padding: 0;
  width: 100% !important;
  line-height: 100% !important;
}

img {
  outline: none;
  text-decoration: none;
  -ms-interpolation-mode: bicubic;
  width: auto;
  max-width: 100%;
  clear: both;
  display: inline-block;
}

center {
  width: 100%;
  max-width: 580px;
}

a img {
  border: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td, th {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  border-collapse: collapse !important;
}

table, tr, td, th {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  vertical-align: top;
  text-align: left;
}

@media only screen {
  html, .on-web {
    min-height: 100%;
    background-color: var(--zcs_colors_container_background);
  }
}
table.body {
  height: 100%;
  width: 100%;
}
table.container {
  max-width: 580px;
  margin: 0 auto;
  Margin: 0 auto;
  text-align: inherit;
  width: 100%;
}
table.row {
  padding: 0;
  width: 100%;
  position: relative;
}
table.spacer {
  width: 100%;
}
table.spacer td {
  mso-line-height-rule: exactly;
}

table.container table.row {
  display: table;
}

td.columns,
td.column,
th.columns,
th.column {
  margin: 0 auto;
  Margin: 0 auto;
  padding-bottom: 0;
}
td.columns .column.first,
td.columns .columns.first,
td.column .column.first,
td.column .columns.first,
th.columns .column.first,
th.columns .columns.first,
th.column .column.first,
th.column .columns.first {
  padding-left: 0 !important;
}
td.columns .column.last,
td.columns .columns.last,
td.column .column.last,
td.column .columns.last,
th.columns .column.last,
th.columns .columns.last,
th.column .column.last,
th.column .columns.last {
  padding-right: 0 !important;
}
td.columns .column center,
td.columns .columns center,
td.column .column center,
td.column .columns center,
th.columns .column center,
th.columns .columns center,
th.column .column center,
th.column .columns center {
  min-width: none !important;
}

td.columns.last,
td.column.last,
th.columns.last,
th.column.last {
  padding-right: 0;
}

td.columns,
td.column,
th.columns,
th.column {
  display: table-cell;
}
td.columns table,
td.column table,
th.columns table,
th.column table {
  width: 100%;
}
td.columns table.button,
td.column table.button,
th.columns table.button,
th.column table.button {
  width: auto;
}
td.columns table.button.expand, td.columns table.button.expanded,
td.column table.button.expand,
td.column table.button.expanded,
th.columns table.button.expand,
th.columns table.button.expanded,
th.column table.button.expand,
th.column table.button.expanded {
  width: 100%;
}

@media only screen and (min-width: 500px) {
  td.columns,
td.column,
th.columns,
th.column {
    width: 100%;
    display: inline-block !important;
  }

  td.large-1,
th.large-1 {
    width: 32.3333333333px !important;
    padding-left: 0;
    padding-right: 0;
  }

  td.large-1.first,
th.large-1.first {
    padding-left: 0;
  }

  td.large-1.last,
th.large-1.last {
    padding-right: 0;
  }

  .collapse > tbody > tr > td.large-1,
.collapse > tbody > tr > th.large-1 {
    padding-right: 0;
    padding-left: 0;
    width: 48.3333333333px !important;
  }
  .collapse td.large-1.first,
.collapse th.large-1.first,
.collapse td.large-1.last,
.collapse th.large-1.last {
    width: 56.3333333333px !important;
  }

  td.large-1 center,
th.large-1 center {
    min-width: 0.3333333333px;
  }

  .body .columns td.large-1,
.body .column td.large-1,
.body .columns th.large-1,
.body .column th.large-1 {
    width: 8.333333% !important;
  }

  td.large-2,
th.large-2 {
    width: 80.6666666667px !important;
    padding-left: 0;
    padding-right: 0;
  }

  td.large-2.first,
th.large-2.first {
    padding-left: 0;
  }

  td.large-2.last,
th.large-2.last {
    padding-right: 0;
  }

  .collapse > tbody > tr > td.large-2,
.collapse > tbody > tr > th.large-2 {
    padding-right: 0;
    padding-left: 0;
    width: 96.6666666667px !important;
  }
  .collapse td.large-2.first,
.collapse th.large-2.first,
.collapse td.large-2.last,
.collapse th.large-2.last {
    width: 104.6666666667px !important;
  }

  td.large-2 center,
th.large-2 center {
    min-width: 48.6666666667px;
  }

  .body .columns td.large-2,
.body .column td.large-2,
.body .columns th.large-2,
.body .column th.large-2 {
    width: 16.666666% !important;
  }

  td.large-3,
th.large-3 {
    width: 129px !important;
    padding-left: 0;
    padding-right: 0;
  }

  td.large-3.first,
th.large-3.first {
    padding-left: 0;
  }

  td.large-3.last,
th.large-3.last {
    padding-right: 0;
  }

  .collapse > tbody > tr > td.large-3,
.collapse > tbody > tr > th.large-3 {
    padding-right: 0;
    padding-left: 0;
    width: 145px !important;
  }
  .collapse td.large-3.first,
.collapse th.large-3.first,
.collapse td.large-3.last,
.collapse th.large-3.last {
    width: 153px !important;
  }

  td.large-3 center,
th.large-3 center {
    min-width: 97px;
  }

  .body .columns td.large-3,
.body .column td.large-3,
.body .columns th.large-3,
.body .column th.large-3 {
    width: 25% !important;
  }

  td.large-4,
th.large-4 {
    width: 177.3333333333px !important;
    padding-left: 0;
    padding-right: 0;
  }

  td.large-4.first,
th.large-4.first {
    padding-left: 0;
  }

  td.large-4.last,
th.large-4.last {
    padding-right: 0;
  }

  .collapse > tbody > tr > td.large-4,
.collapse > tbody > tr > th.large-4 {
    padding-right: 0;
    padding-left: 0;
    width: 193.3333333333px !important;
  }
  .collapse td.large-4.first,
.collapse th.large-4.first,
.collapse td.large-4.last,
.collapse th.large-4.last {
    width: 201.3333333333px !important;
  }

  td.large-4 center,
th.large-4 center {
    min-width: 145.3333333333px;
  }

  .body .columns td.large-4,
.body .column td.large-4,
.body .columns th.large-4,
.body .column th.large-4 {
    width: 33.333333% !important;
  }

  td.large-5,
th.large-5 {
    width: 225.6666666667px !important;
    padding-left: 0;
    padding-right: 0;
  }

  td.large-5.first,
th.large-5.first {
    padding-left: 0;
  }

  td.large-5.last,
th.large-5.last {
    padding-right: 0;
  }

  .collapse > tbody > tr > td.large-5,
.collapse > tbody > tr > th.large-5 {
    padding-right: 0;
    padding-left: 0;
    width: 241.6666666667px !important;
  }
  .collapse td.large-5.first,
.collapse th.large-5.first,
.collapse td.large-5.last,
.collapse th.large-5.last {
    width: 249.6666666667px !important;
  }

  td.large-5 center,
th.large-5 center {
    min-width: 193.6666666667px;
  }

  .body .columns td.large-5,
.body .column td.large-5,
.body .columns th.large-5,
.body .column th.large-5 {
    width: 41.666666% !important;
  }

  td.large-6,
th.large-6 {
    width: 274px !important;
    padding-left: 0;
    padding-right: 0;
  }

  td.large-6.first,
th.large-6.first {
    padding-left: 0;
  }

  td.large-6.last,
th.large-6.last {
    padding-right: 0;
  }

  .collapse > tbody > tr > td.large-6,
.collapse > tbody > tr > th.large-6 {
    padding-right: 0;
    padding-left: 0;
    width: 290px !important;
  }
  .collapse td.large-6.first,
.collapse th.large-6.first,
.collapse td.large-6.last,
.collapse th.large-6.last {
    width: 298px !important;
  }

  td.large-6 center,
th.large-6 center {
    min-width: 242px;
  }

  .body .columns td.large-6,
.body .column td.large-6,
.body .columns th.large-6,
.body .column th.large-6 {
    width: 50% !important;
  }

  td.large-7,
th.large-7 {
    width: 322.3333333333px !important;
    padding-left: 0;
    padding-right: 0;
  }

  td.large-7.first,
th.large-7.first {
    padding-left: 0;
  }

  td.large-7.last,
th.large-7.last {
    padding-right: 0;
  }

  .collapse > tbody > tr > td.large-7,
.collapse > tbody > tr > th.large-7 {
    padding-right: 0;
    padding-left: 0;
    width: 338.3333333333px !important;
  }
  .collapse td.large-7.first,
.collapse th.large-7.first,
.collapse td.large-7.last,
.collapse th.large-7.last {
    width: 346.3333333333px !important;
  }

  td.large-7 center,
th.large-7 center {
    min-width: 290.3333333333px;
  }

  .body .columns td.large-7,
.body .column td.large-7,
.body .columns th.large-7,
.body .column th.large-7 {
    width: 58.333333% !important;
  }

  td.large-8,
th.large-8 {
    width: 370.6666666667px !important;
    padding-left: 0;
    padding-right: 0;
  }

  td.large-8.first,
th.large-8.first {
    padding-left: 0;
  }

  td.large-8.last,
th.large-8.last {
    padding-right: 0;
  }

  .collapse > tbody > tr > td.large-8,
.collapse > tbody > tr > th.large-8 {
    padding-right: 0;
    padding-left: 0;
    width: 386.6666666667px !important;
  }
  .collapse td.large-8.first,
.collapse th.large-8.first,
.collapse td.large-8.last,
.collapse th.large-8.last {
    width: 394.6666666667px !important;
  }

  td.large-8 center,
th.large-8 center {
    min-width: 338.6666666667px;
  }

  .body .columns td.large-8,
.body .column td.large-8,
.body .columns th.large-8,
.body .column th.large-8 {
    width: 66.666666% !important;
  }

  td.large-9,
th.large-9 {
    width: 419px !important;
    padding-left: 0;
    padding-right: 0;
  }

  td.large-9.first,
th.large-9.first {
    padding-left: 0;
  }

  td.large-9.last,
th.large-9.last {
    padding-right: 0;
  }

  .collapse > tbody > tr > td.large-9,
.collapse > tbody > tr > th.large-9 {
    padding-right: 0;
    padding-left: 0;
    width: 435px !important;
  }
  .collapse td.large-9.first,
.collapse th.large-9.first,
.collapse td.large-9.last,
.collapse th.large-9.last {
    width: 443px !important;
  }

  td.large-9 center,
th.large-9 center {
    min-width: 387px;
  }

  .body .columns td.large-9,
.body .column td.large-9,
.body .columns th.large-9,
.body .column th.large-9 {
    width: 75% !important;
  }

  td.large-10,
th.large-10 {
    width: 467.3333333333px !important;
    padding-left: 0;
    padding-right: 0;
  }

  td.large-10.first,
th.large-10.first {
    padding-left: 0;
  }

  td.large-10.last,
th.large-10.last {
    padding-right: 0;
  }

  .collapse > tbody > tr > td.large-10,
.collapse > tbody > tr > th.large-10 {
    padding-right: 0;
    padding-left: 0;
    width: 483.3333333333px !important;
  }
  .collapse td.large-10.first,
.collapse th.large-10.first,
.collapse td.large-10.last,
.collapse th.large-10.last {
    width: 491.3333333333px !important;
  }

  td.large-10 center,
th.large-10 center {
    min-width: 435.3333333333px;
  }

  .body .columns td.large-10,
.body .column td.large-10,
.body .columns th.large-10,
.body .column th.large-10 {
    width: 83.333333% !important;
  }

  td.large-11,
th.large-11 {
    width: 515.6666666667px !important;
    padding-left: 0;
    padding-right: 0;
  }

  td.large-11.first,
th.large-11.first {
    padding-left: 0;
  }

  td.large-11.last,
th.large-11.last {
    padding-right: 0;
  }

  .collapse > tbody > tr > td.large-11,
.collapse > tbody > tr > th.large-11 {
    padding-right: 0;
    padding-left: 0;
    width: 531.6666666667px !important;
  }
  .collapse td.large-11.first,
.collapse th.large-11.first,
.collapse td.large-11.last,
.collapse th.large-11.last {
    width: 539.6666666667px !important;
  }

  td.large-11 center,
th.large-11 center {
    min-width: 483.6666666667px;
  }

  .body .columns td.large-11,
.body .column td.large-11,
.body .columns th.large-11,
.body .column th.large-11 {
    width: 91.666666% !important;
  }

  td.large-12,
th.large-12 {
    width: 564px !important;
    padding-left: 0;
    padding-right: 0;
  }

  td.large-12.first,
th.large-12.first {
    padding-left: 0;
  }

  td.large-12.last,
th.large-12.last {
    padding-right: 0;
  }

  .collapse > tbody > tr > td.large-12,
.collapse > tbody > tr > th.large-12 {
    padding-right: 0;
    padding-left: 0;
    width: 580px !important;
  }
  .collapse td.large-12.first,
.collapse th.large-12.first,
.collapse td.large-12.last,
.collapse th.large-12.last {
    width: 588px !important;
  }

  td.large-12 center,
th.large-12 center {
    min-width: 532px;
  }

  .body .columns td.large-12,
.body .column td.large-12,
.body .columns th.large-12,
.body .column th.large-12 {
    width: 100% !important;
  }

  td.large-offset-1,
td.large-offset-1.first,
td.large-offset-1.last,
th.large-offset-1,
th.large-offset-1.first,
th.large-offset-1.last {
    padding-left: 0;
  }

  td.large-offset-2,
td.large-offset-2.first,
td.large-offset-2.last,
th.large-offset-2,
th.large-offset-2.first,
th.large-offset-2.last {
    padding-left: 0;
  }

  td.large-offset-3,
td.large-offset-3.first,
td.large-offset-3.last,
th.large-offset-3,
th.large-offset-3.first,
th.large-offset-3.last {
    padding-left: 0;
  }

  td.large-offset-4,
td.large-offset-4.first,
td.large-offset-4.last,
th.large-offset-4,
th.large-offset-4.first,
th.large-offset-4.last {
    padding-left: 0;
  }

  td.large-offset-5,
td.large-offset-5.first,
td.large-offset-5.last,
th.large-offset-5,
th.large-offset-5.first,
th.large-offset-5.last {
    padding-left: 0;
  }

  td.large-offset-6,
td.large-offset-6.first,
td.large-offset-6.last,
th.large-offset-6,
th.large-offset-6.first,
th.large-offset-6.last {
    padding-left: 0;
  }

  td.large-offset-7,
td.large-offset-7.first,
td.large-offset-7.last,
th.large-offset-7,
th.large-offset-7.first,
th.large-offset-7.last {
    padding-left: 0;
  }

  td.large-offset-8,
td.large-offset-8.first,
td.large-offset-8.last,
th.large-offset-8,
th.large-offset-8.first,
th.large-offset-8.last {
    padding-left: 0;
  }

  td.large-offset-9,
td.large-offset-9.first,
td.large-offset-9.last,
th.large-offset-9,
th.large-offset-9.first,
th.large-offset-9.last {
    padding-left: 0;
  }

  td.large-offset-10,
td.large-offset-10.first,
td.large-offset-10.last,
th.large-offset-10,
th.large-offset-10.first,
th.large-offset-10.last {
    padding-left: 0;
  }

  td.large-offset-11,
td.large-offset-11.first,
td.large-offset-11.last,
th.large-offset-11,
th.large-offset-11.first,
th.large-offset-11.last {
    padding-left: 0;
  }
}
td.expander,
th.expander {
  visibility: hidden;
  width: 0;
  padding: 0 !important;
}

table.container.radius {
  border-radius: 0;
  border-collapse: separate;
}

.block-grid {
  width: 100%;
  max-width: 580px;
}
.block-grid td {
  display: inline-block;
  padding: 8px;
}

.up-2 td {
  width: 274px !important;
}

.up-3 td {
  width: 177px !important;
}

.up-4 td {
  width: 129px !important;
}

.up-5 td {
  width: 100px !important;
}

.up-6 td {
  width: 80px !important;
}

.up-7 td {
  width: 66px !important;
}

.up-8 td {
  width: 56px !important;
}

table.text-center,
th.text-center,
td.text-center,
h1.text-center,
h2.text-center,
h3.text-center,
h4.text-center,
h5.text-center,
h6.text-center,
p.text-center,
span.text-center {
  text-align: center;
}
table.text-left,
th.text-left,
td.text-left,
h1.text-left,
h2.text-left,
h3.text-left,
h4.text-left,
h5.text-left,
h6.text-left,
p.text-left,
span.text-left {
  text-align: left;
}
table.text-right,
th.text-right,
td.text-right,
h1.text-right,
h2.text-right,
h3.text-right,
h4.text-right,
h5.text-right,
h6.text-right,
p.text-right,
span.text-right {
  text-align: right;
}

span.text-center {
  display: block;
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 596px) {
  .small-float-center {
    margin: 0 auto !important;
    float: none !important;
    text-align: center !important;
  }

  .small-text-center {
    text-align: center !important;
  }

  .small-text-left {
    text-align: left !important;
  }

  .small-text-right {
    text-align: right !important;
  }
}
img.float-left {
  float: left;
  text-align: left;
}

img.float-right {
  float: right;
  text-align: right;
}

img.float-center,
img.text-center {
  margin: 0 auto;
  Margin: 0 auto;
  float: none;
  text-align: center;
}

table.float-center,
td.float-center,
th.float-center {
  margin: 0 auto;
  Margin: 0 auto;
  float: none;
  text-align: center;
}

.hide-for-large {
  display: none;
  mso-hide: all;
  overflow: hidden;
  max-height: 0;
  font-size: 0;
  width: 0;
  line-height: 0;
}
@media only screen and (max-width: 596px) {
  .hide-for-large {
    display: block !important;
    width: auto !important;
    overflow: visible !important;
    max-height: none !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }
}

table.body table.container .hide-for-large * {
  mso-hide: all;
}

@media only screen and (max-width: 596px) {
  table.body table.container .hide-for-large,
table.body table.container .row.hide-for-large {
    display: table !important;
    width: 100% !important;
  }
}

@media only screen and (max-width: 596px) {
  table.body table.container .callout-inner.hide-for-large {
    display: table-cell !important;
    width: 100% !important;
  }
}

@media only screen and (max-width: 596px) {
  table.body table.container .show-for-large {
    display: none !important;
    width: 0;
    mso-hide: all;
    overflow: hidden;
  }
}

body,
table.body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
td,
th,
li {
  color: var(--zcs_colors_content_on-surface, var(--zcs_colors_config_baseline_on-light, #000000));
  font-family: var(--zcs_typography_body1_font-family, "Helvetica, Arial, sans-serif");
  font-weight: var(--zcs_typography_body1_font-weight, normal);
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin: 0;
  Margin: 0;
  line-height: var(--zcs_typography_body1_line-height, 130%);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  word-wrap: normal;
  font-family: var(--zcs_typography_headline1_font-family, "Helvetica, Arial, sans-serif");
  font-weight: var(--zcs_typography_headline1_font-weight, 400);
  margin-bottom: 0;
  Margin-bottom: 0;
}

h1 {
  font-size: var(--zcs_typography_headline1_font-size, 18px);
}

h2 {
  font-size: var(--zcs_typography_headline2_font-size, 18px);
}

h3 {
  font-size: var(--zcs_typography_headline3_font-size, 18px);
}

h4 {
  font-size: var(--zcs_typography_headline4_font-size, 18px);
}

h5 {
  font-size: var(--zcs_typography_headline5_font-size, 18px);
}

h6 {
  font-size: var(--zcs_typography_headline6_font-size, 18px);
}

body,
table.body,
p,
td,
th,
li {
  font-size: var(--zcs_typography_body1_font-size, 16px);
  line-height: var(--zcs_typography_body1_line-height, 130%);
}

p {
  margin-bottom: 10px;
  Margin-bottom: 10px;
}
p.lead {
  font-size: var(--zcs_typography_headline1_font-size, 20px);
  line-height: var(--zcs_typography_header1_line-height, 160%);
}
p.subheader {
  margin-top: 4px;
  margin-bottom: 8px;
  Margin-top: 4px;
  Margin-bottom: 8px;
  font-weight: var(--zcs_typography_subheading1_font-weight, 130%);
  line-height: var(--zcs_typography_subheading1_line-height, 1.4);
  color: #8a8a8a;
}
p:last-of-type {
  margin-bottom: 0;
}

small .small {
  font-size: var(--zcs_typography_caption_font-size, 12px);
  color: #cacaca;
}

a {
  color: var(--zcs_colors_container_primary, #2199e8);
  text-decoration: none;
  font-family: var(--zcs_typography_body1_font-family, "Helvetica, Arial, sans-serif");
  font-weight: inherit;
  padding: 0;
  text-align: left;
  line-height: var(--zcs_typography_body1_line-height, 130%);
}
a:hover {
  color: #147dc2;
}
a:active {
  color: #147dc2;
}
a:visited {
  color: var(--zcs_colors_container_primary, #2199e8);
}

h1 a,
h1 a:visited,
h2 a,
h2 a:visited,
h3 a,
h3 a:visited,
h4 a,
h4 a:visited,
h5 a,
h5 a:visited,
h6 a,
h6 a:visited {
  color: var(--zcs_colors_container_primary, #2199e8);
}

pre {
  background: var(--zcs-surface, #ffffff);
  margin: 30px 0;
  Margin: 30px 0;
}
pre code {
  color: var(--zcs-on-surface-text-subheader, "tbd");
}
pre code span.callout {
  color: var(--zcs-on-surface-text-subheader, "tbd");
  font-weight: bold;
}
pre code span.callout-strong {
  color: var(--zcs-on-surface-text-subheader, "tbd");
  font-weight: bold;
}

td.columns table.hr table, td.column table.hr table, th.columns table.hr table, th.column table.hr table,
td.columns table.h-line table,
td.column table.h-line table,
th.columns table.h-line table,
th.column table.h-line table {
  width: auto;
}

table.hr th,
table.h-line th {
  padding-bottom: 20px;
  text-align: center;
}
table.hr table,
table.h-line table {
  display: inline-block;
  margin: 0;
  Margin: 0;
}
table.hr td,
table.h-line td {
  width: 580px;
  height: 0;
  padding-top: 20px;
  clear: both;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid --zcs_colors_divider, var(--zcs_colors_config_baseline_on-light, #000000);
  border-left: 0;
  font-size: 0;
  line-height: 0;
}

.stat {
  font-size: var(--zcs_typography_headline2_font-size, 40px);
  line-height: 1;
}
p + .stat {
  margin-top: -16px;
  Margin-top: -16px;
}

span.preheader {
  display: none !important;
  visibility: hidden;
  mso-hide: all !important;
  font-size: 1px;
  color: var(--zcs-surface, #ffffff);
  line-height: 1px;
  max-height: 0px;
  max-width: 0px;
  opacity: 0;
  overflow: hidden;
}

@media only screen {
  a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
  }
}
.text-justify {
  text-align: justify;
}

ios-imail-render-markdown.imail-paragraph > * {
  color: inherit;
}
ios-imail-render-markdown.imail-paragraph p,
ios-imail-render-markdown.imail-paragraph li,
ios-imail-render-markdown.imail-paragraph ol {
  color: inherit;
}
ios-imail-render-markdown.imail-paragraph a {
  display: inline-block;
}

table.button {
  width: auto;
  margin: 0 0 16px 0;
  Margin: 0 0 16px 0;
  color: inherit;
}
table.button td {
  color: inherit;
}
table.button td table {
  color: inherit;
}
table.button td table td {
  text-align: left;
  color: inherit;
}
table.button td table td a {
  font-family: var(--zcs_typography_body1_font-family, "Helvetica, Arial, sans-serif");
  font-size: 16px;
  font-weight: var(--zcs_typography_button_font-weight, bold);
  color: inherit;
  text-decoration: none;
  text-align: left;
  display: inline-block;
  padding: 8px 16px 8px 16px;
  border: 0 solid var(--zcs_colors_container_primary, #2199e8);
  border-radius: 3px;
}
table.button.radius table td {
  border-radius: 3px;
  border: none;
}
table.button.rounded table td {
  border-radius: 500px;
  border: none;
}

table.button.tiny table td,
table.button.tiny table a {
  padding: 4px 8px 4px 8px;
}
table.button.tiny table a {
  font-size: 10px;
  font-weight: normal;
}

table.button.small table td,
table.button.small table a {
  padding: 5px 10px 5px 10px;
  font-size: 12px;
}

table.button.large table a {
  padding: 10px 20px 10px 20px;
  font-size: 20px;
}

table.button.expand,
table.button.expanded {
  width: 100%;
}
table.button.expand table,
table.button.expanded table {
  width: 100%;
}
table.button.expand table a,
table.button.expanded table a {
  text-align: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
table.button.expand center,
table.button.expanded center {
  min-width: 0;
}

table.button:hover table td,
table.button:visited table td,
table.button:active table td {
  /* background: darken($button-background, 10%); */
  background: var(--zcs_colors_states_primary-hover);
  color: var(--zcs_colors_content_on-primary, var(--zcs_colors_config_baseline_on-dark, #FFFFFF));
}

table.button:hover table a,
table.button:visited table a,
table.button:active table a {
  /*
  border: 0 solid darken($button-background, 10%);
  */
  border: 0 solid var(--zcs_colors_states_primary-hover);
}

table.button.secondary table td {
  background: var(--zcs_colors_container_secondary, #777777);
  color: var(--zcs_colors_content_on-primary, var(--zcs_colors_config_baseline_on-dark, #FFFFFF));
  border: 0px solid var(--zcs_colors_container_secondary, #777777);
}
table.button.secondary table a {
  color: var(--zcs_colors_content_on-primary, var(--zcs_colors_config_baseline_on-dark, #FFFFFF));
  border: 0 solid var(--zcs_colors_container_secondary, #777777);
}

table.button.secondary:hover table td {
  /*
  background: lighten($secondary-color, 10%);
  */
  background: var(--zcs_colors_states_secondary-hover);
  color: var(--zcs_colors_content_on-primary, var(--zcs_colors_config_baseline_on-dark, #FFFFFF));
}
table.button.secondary:hover table a {
  /*
  border: 0 solid lighten($secondary-color, 10%);
  */
  border: 0 solid var(--zcs_colors_states_secondary-hover);
}

table.button.secondary:hover table td a {
  color: var(--zcs_colors_content_on-primary, var(--zcs_colors_config_baseline_on-dark, #FFFFFF));
}

table.button.secondary:active table td a {
  color: var(--zcs_colors_content_on-primary, var(--zcs_colors_config_baseline_on-dark, #FFFFFF));
}

table.button.secondary table td a:visited {
  color: var(--zcs_colors_content_on-primary, var(--zcs_colors_config_baseline_on-dark, #FFFFFF));
}

table.button.success table td {
  background: var(--zcs_colors_container_success, #3adb76);
  border: 0px solid var(--zcs_colors_container_success, #3adb76);
}
table.button.success table a {
  border: 0 solid var(--zcs_colors_container_success, #3adb76);
}

table.button.success:hover table td {
  background: var(--zcs_colors_states_success-hover);
}
table.button.success:hover table a {
  border: 0 solid var(--zcs_colors_states_success-hover);
}

table.button.alert table td {
  background: var(--zcs_colors_container_error, #ec5840);
  border: 0px solid var(--zcs_colors_container_error, #ec5840);
}
table.button.alert table a {
  border: 0 solid var(--zcs_colors_container_error, #ec5840);
}

table.button.alert:hover table td {
  background: var(--zcs_colors_states_alert-hover);
}
table.button.alert:hover table a {
  border: 0 solid var(--zcs_colors_states_alert-hover);
}

table.button.warning table td {
  background: var(--zcs_colors_container_warn, #ffae00);
  border: 0px solid var(--zcs_colors_container_warn, #ffae00);
}
table.button.warning table a {
  border: 0px solid var(--zcs_colors_container_warn, #ffae00);
}

table.button.warning:hover table td {
  background: var(--zcs_colors_states_warn-hover);
}
table.button.warning:hover table a {
  border: 0px solid var(--zcs_colors_states_warn-hover);
}

table.callout {
  margin-bottom: 16px;
  Margin-bottom: 16px;
}

th.callout-inner {
  width: 100%;
  border: var(--zcs_colors_divider, #cccccc);
  padding: 10px;
  background: var(--zcs-, "tbd");
}
th.callout-inner.primary {
  background: var(--zcs-primary-callout, "tbd");
  border: 1px solid #0f5f94;
  color: var(--zcs-on-primary, #0a0a0a);
}
th.callout-inner.secondary {
  background: var(--zcs-secondary-callout, "tbd");
  border: 1px solid #444444;
  color: var(--zcs-on-secondary, #0a0a0a);
}
th.callout-inner.success {
  background: var(--zcs-success-callout, "tbd");
  border: 1px solid #1b9448;
  color: var(--zcs-on-success, "tbd");
}
th.callout-inner.warning {
  background: var(--zcs-warning-callout, "tbd");
  border: 1px solid #996800;
  color: var(--zcs-on-warning, "tbd");
}
th.callout-inner.alert {
  background: var(--zcs-error-callout, "tbd");
  border: 1px solid #b42912;
  color: var(--zcs-on-error, #0a0a0a);
}

.thumbnail {
  border: solid 4px var(--zcs-on-surface-border, #CCCCCC);
  box-shadow: 0 0 0 1px var(--zcs-on-surface-shadow, "tbd");
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: box-shadow 200ms ease-out;
  border-radius: 3px;
  margin-bottom: 16px;
}
.thumbnail:hover, .thumbnail:focus {
  box-shadow: 0 0 6px 1px var(--zcs-on-surface-shadow-hover, "tbd");
}

table.menu {
  width: 580px;
}
table.menu td.menu-item,
table.menu th.menu-item {
  padding: 10px;
  padding-right: 10px;
}
table.menu td.menu-item a,
table.menu th.menu-item a {
  color: var(--zcs_colors_container_primary, #2199e8);
}

table.menu.vertical td.menu-item,
table.menu.vertical th.menu-item {
  padding: 10px;
  padding-right: 0;
  display: block;
}
table.menu.vertical td.menu-item a,
table.menu.vertical th.menu-item a {
  width: 100%;
}
table.menu.vertical td.menu-item table.menu.vertical td.menu-item,
table.menu.vertical td.menu-item table.menu.vertical th.menu-item,
table.menu.vertical th.menu-item table.menu.vertical td.menu-item,
table.menu.vertical th.menu-item table.menu.vertical th.menu-item {
  padding-left: 10px;
}

table.menu.text-center a {
  text-align: center;
}

.menu[align=center] {
  width: auto;
}

.menu:not(.float-center) .menu-item:first-child {
  padding-left: 0 !important;
}
.menu:not(.float-center) .menu-item:last-child {
  padding-right: 0 !important;
}

.menu.vertical .menu-item {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media only screen and (max-width: 596px) {
  .menu.small-vertical .menu-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
body.outlook p {
  display: inline !important;
}

@media only screen and (max-width: 596px) {
  table.body img {
    width: auto;
    height: auto;
  }

  table.body center {
    min-width: 0 !important;
  }

  table.body .container {
    width: 95% !important;
  }

  table.body .columns,
table.body .column {
    height: auto !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  table.body .columns .column,
table.body .columns .columns,
table.body .column .column,
table.body .column .columns {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  table.body .collapse .columns, table.body .collapse .column {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  td.small-1,
th.small-1 {
    display: inline-block !important;
    width: 8.333333% !important;
  }

  td.small-2,
th.small-2 {
    display: inline-block !important;
    width: 16.666666% !important;
  }

  td.small-3,
th.small-3 {
    display: inline-block !important;
    width: 25% !important;
  }

  td.small-4,
th.small-4 {
    display: inline-block !important;
    width: 33.333333% !important;
  }

  td.small-5,
th.small-5 {
    display: inline-block !important;
    width: 41.666666% !important;
  }

  td.small-6,
th.small-6 {
    display: inline-block !important;
    width: 50% !important;
  }

  td.small-7,
th.small-7 {
    display: inline-block !important;
    width: 58.333333% !important;
  }

  td.small-8,
th.small-8 {
    display: inline-block !important;
    width: 66.666666% !important;
  }

  td.small-9,
th.small-9 {
    display: inline-block !important;
    width: 75% !important;
  }

  td.small-10,
th.small-10 {
    display: inline-block !important;
    width: 83.333333% !important;
  }

  td.small-11,
th.small-11 {
    display: inline-block !important;
    width: 91.666666% !important;
  }

  td.small-12,
th.small-12 {
    display: inline-block !important;
    width: 100% !important;
  }

  .columns td.small-12,
.column td.small-12,
.columns th.small-12,
.column th.small-12 {
    display: block !important;
    width: 100% !important;
  }

  table.body td.small-offset-1,
table.body th.small-offset-1 {
    margin-left: 8.333333% !important;
    Margin-left: 8.333333% !important;
  }

  table.body td.small-offset-2,
table.body th.small-offset-2 {
    margin-left: 16.666666% !important;
    Margin-left: 16.666666% !important;
  }

  table.body td.small-offset-3,
table.body th.small-offset-3 {
    margin-left: 25% !important;
    Margin-left: 25% !important;
  }

  table.body td.small-offset-4,
table.body th.small-offset-4 {
    margin-left: 33.333333% !important;
    Margin-left: 33.333333% !important;
  }

  table.body td.small-offset-5,
table.body th.small-offset-5 {
    margin-left: 41.666666% !important;
    Margin-left: 41.666666% !important;
  }

  table.body td.small-offset-6,
table.body th.small-offset-6 {
    margin-left: 50% !important;
    Margin-left: 50% !important;
  }

  table.body td.small-offset-7,
table.body th.small-offset-7 {
    margin-left: 58.333333% !important;
    Margin-left: 58.333333% !important;
  }

  table.body td.small-offset-8,
table.body th.small-offset-8 {
    margin-left: 66.666666% !important;
    Margin-left: 66.666666% !important;
  }

  table.body td.small-offset-9,
table.body th.small-offset-9 {
    margin-left: 75% !important;
    Margin-left: 75% !important;
  }

  table.body td.small-offset-10,
table.body th.small-offset-10 {
    margin-left: 83.333333% !important;
    Margin-left: 83.333333% !important;
  }

  table.body td.small-offset-11,
table.body th.small-offset-11 {
    margin-left: 91.666666% !important;
    Margin-left: 91.666666% !important;
  }

  table.body table.columns td.expander,
table.body table.columns th.expander {
    display: none !important;
  }

  table.body .right-text-pad,
table.body .text-pad-right {
    padding-left: 10px !important;
  }

  table.body .left-text-pad,
table.body .text-pad-left {
    padding-right: 10px !important;
  }

  table.menu {
    width: 100% !important;
  }
  table.menu td,
table.menu th {
    width: auto !important;
    display: inline-block !important;
  }
  table.menu.vertical td,
table.menu.vertical th, table.menu.small-vertical td,
table.menu.small-vertical th {
    display: block !important;
  }

  table.menu[align=center] {
    width: auto !important;
  }

  table.button.small-expand,
table.button.small-expanded {
    width: 100% !important;
  }
  table.button.small-expand table,
table.button.small-expanded table {
    width: 100%;
  }
  table.button.small-expand table a,
table.button.small-expanded table a {
    text-align: center !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  table.button.small-expand center,
table.button.small-expanded center {
    min-width: 0;
  }
}

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