@charset "UTF-8";
/**
 * Foundation Settings.
 */
/**
 * Foundation for Sites by ZURB
 * Version 6.4.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto; } }

.text-light {
  color: #fff; }
  .text-light-opacity-deep {
    color: rgba(255, 255, 255, 0.2); }
  .text-light-opacity-medium {
    color: rgba(255, 255, 255, 0.5); }
  .text-light-opacity-soft {
    color: rgba(255, 255, 255, 0.87); }

a.text-light, a.text-light:hover, a.text-light:focus {
  color: #fff; }

.border-light {
  border-color: #fff; }

.stroke-light {
  stroke: #fff; }

.bg-light {
  background-color: #fff; }
  .bg-light-opacity-deep {
    background-color: rgba(255, 255, 255, 0.2); }
  .bg-light-opacity-medium {
    background-color: rgba(255, 255, 255, 0.5); }
  .bg-light-opacity-soft {
    background-color: rgba(255, 255, 255, 0.87); }

.text-dark {
  color: #000; }
  .text-dark-opacity-deep {
    color: rgba(0, 0, 0, 0.2); }
  .text-dark-opacity-medium {
    color: rgba(0, 0, 0, 0.5); }
  .text-dark-opacity-soft {
    color: rgba(0, 0, 0, 0.87); }

a.text-dark, a.text-dark:hover, a.text-dark:focus {
  color: #000; }

.border-dark {
  border-color: #000; }

.stroke-dark {
  stroke: #000; }

.bg-dark {
  background-color: #000; }
  .bg-dark-opacity-deep {
    background-color: rgba(0, 0, 0, 0.2); }
  .bg-dark-opacity-medium {
    background-color: rgba(0, 0, 0, 0.5); }
  .bg-dark-opacity-soft {
    background-color: rgba(0, 0, 0, 0.87); }

.text-warning {
  color: #ffc800; }
  .text-warning-dark-deep {
    color: #cca000; }
  .text-warning-light-deep {
    color: #ffd333; }
  .text-warning-dark-medium {
    color: #806400; }
  .text-warning-light-medium {
    color: #ffe480; }
  .text-warning-dark-soft {
    color: #211a00; }
  .text-warning-light-soft {
    color: #fff8de; }

a.text-warning, a.text-warning:hover, a.text-warning:focus {
  color: #ffc800; }

.border-warning {
  border-color: #ffc800; }

.stroke-warning {
  stroke: #ffc800; }

.bg-warning {
  background-color: #ffc800; }
  .bg-warning-dark-deep {
    background-color: #cca000; }
  .bg-warning-light-deep {
    background-color: #ffd333; }
  .bg-warning-dark-medium {
    background-color: #806400; }
  .bg-warning-light-medium {
    background-color: #ffe480; }
  .bg-warning-dark-soft {
    background-color: #211a00; }
  .bg-warning-light-soft {
    background-color: #fff8de; }

.text-alert {
  color: #ff4650; }
  .text-alert-dark-deep {
    color: #cc3840; }
  .text-alert-light-deep {
    color: #ff6b73; }
  .text-alert-dark-medium {
    color: #802328; }
  .text-alert-light-medium {
    color: #ffa3a8; }
  .text-alert-dark-soft {
    color: #21090a; }
  .text-alert-light-soft {
    color: #ffe7e8; }

a.text-alert, a.text-alert:hover, a.text-alert:focus {
  color: #ff4650; }

.border-alert {
  border-color: #ff4650; }

.stroke-alert {
  stroke: #ff4650; }

.bg-alert {
  background-color: #ff4650; }
  .bg-alert-dark-deep {
    background-color: #cc3840; }
  .bg-alert-light-deep {
    background-color: #ff6b73; }
  .bg-alert-dark-medium {
    background-color: #802328; }
  .bg-alert-light-medium {
    background-color: #ffa3a8; }
  .bg-alert-dark-soft {
    background-color: #21090a; }
  .bg-alert-light-soft {
    background-color: #ffe7e8; }

.text-primary, .button.hollow:hover, .button.hollow:focus, .button.hollow.primary, .button.light, .button.light:hover, .button.light:focus, .avatar-info__figure {
  color: #0073cd; }
  .text-primary-dark-deep {
    color: #005ca4; }
  .text-primary-light-deep {
    color: #338fd7; }
  .text-primary-dark-medium {
    color: #003a67; }
  .text-primary-light-medium {
    color: #80b9e6; }
  .text-primary-dark-soft {
    color: #000f1b; }
  .text-primary-light-soft {
    color: #deedf9; }

a.text-primary, a.button.hollow:hover, a.button.hollow:focus, a.button.hollow.primary, a.button.light, a.button.light:hover, a.button.light:focus, a.avatar-info__figure, a.text-primary:hover, a.button.hollow:hover, a.button.light:hover, a.avatar-info__figure:hover, a.text-primary:focus, a.button.hollow:focus, a.button.light:focus, a.avatar-info__figure:focus {
  color: #0073cd; }

.border-primary, .button.hollow.primary {
  border-color: #0073cd; }

.stroke-primary, .dashed-squad path:last-child, .list-details .button-dashed-squad.is-active .dashed-squad path:last-child {
  stroke: #0073cd; }

.bg-primary, .tabs.vertical .tabs-title.is-active > a,
.tabs.vertical .tabs-title.is-active > button,
.tabs.vertical .tabs-title.is-active > span, .receipt-bankslip .avatar-info__figure, .card-th.is-masked::before, .page-cards__activation .card-th::before {
  background-color: #0073cd; }
  .bg-primary-dark-deep {
    background-color: #005ca4; }
  .bg-primary-light-deep {
    background-color: #338fd7; }
  .bg-primary-dark-medium {
    background-color: #003a67; }
  .bg-primary-light-medium {
    background-color: #80b9e6; }
  .bg-primary-dark-soft {
    background-color: #000f1b; }
  .bg-primary-light-soft {
    background-color: #deedf9; }

.text-highlight, .tabs.highlight .tabs-title.is-active > a,
.tabs.highlight .tabs-title.is-active > button,
.tabs.highlight .tabs-title.is-active > span, .search-suggestion__item:hover, .search-suggestion__item:focus, .checkbox-slider [type=checkbox]:checked + .checkbox-slider__icon, .page-cards__status-info-title {
  color: #0ff; }
  .text-highlight-dark-deep {
    color: #00cccc; }
  .text-highlight-light-deep {
    color: #33ffff; }
  .text-highlight-dark-medium {
    color: teal; }
  .text-highlight-light-medium {
    color: #80ffff; }
  .text-highlight-dark-soft {
    color: #002121; }
  .text-highlight-light-soft {
    color: #deffff; }

a.text-highlight, .tabs.highlight .tabs-title.is-active > a, a.search-suggestion__item:hover, a.search-suggestion__item:focus, .checkbox-slider [type=checkbox]:checked + a.checkbox-slider__icon, a.page-cards__status-info-title, a.text-highlight:hover, .tabs.highlight .tabs-title.is-active > a:hover, a.search-suggestion__item:hover, .checkbox-slider [type=checkbox]:checked + a.checkbox-slider__icon:hover, a.page-cards__status-info-title:hover, a.text-highlight:focus, .tabs.highlight .tabs-title.is-active > a:focus, a.search-suggestion__item:focus, .checkbox-slider [type=checkbox]:checked + a.checkbox-slider__icon:focus, a.page-cards__status-info-title:focus {
  color: #0ff; }

.border-highlight, [type=radio] + label::before,
[type=checkbox] + label::before, .label {
  border-color: #0ff; }

.stroke-highlight, .checkbox-slider [type=checkbox]:checked + .checkbox-slider__icon svg[class*=square] path {
  stroke: #0ff; }

.bg-highlight, [type=radio]:checked + label::before,
[type=checkbox]:checked + label::before, .label .icon, .tabs.highlight .tabs-title::after, .meter-bar__bar {
  background-color: #0ff; }
  .bg-highlight-dark-deep {
    background-color: #00cccc; }
  .bg-highlight-light-deep {
    background-color: #33ffff; }
  .bg-highlight-dark-medium {
    background-color: teal; }
  .bg-highlight-light-medium {
    background-color: #80ffff; }
  .bg-highlight-dark-soft {
    background-color: #002121; }
  .bg-highlight-light-soft {
    background-color: #deffff; }

.text-success {
  color: #a8ff4a; }
  .text-success-dark-deep {
    color: #86cc3b; }
  .text-success-light-deep {
    color: #b9ff6e; }
  .text-success-dark-medium {
    color: #548025; }
  .text-success-light-medium {
    color: #d4ffa5; }
  .text-success-dark-soft {
    color: #16210a; }
  .text-success-light-soft {
    color: #f4ffe7; }

a.text-success, a.text-success:hover, a.text-success:focus {
  color: #a8ff4a; }

.border-success {
  border-color: #a8ff4a; }

.stroke-success {
  stroke: #a8ff4a; }

.bg-success {
  background-color: #a8ff4a; }
  .bg-success-dark-deep {
    background-color: #86cc3b; }
  .bg-success-light-deep {
    background-color: #b9ff6e; }
  .bg-success-dark-medium {
    background-color: #548025; }
  .bg-success-light-medium {
    background-color: #d4ffa5; }
  .bg-success-dark-soft {
    background-color: #16210a; }
  .bg-success-light-soft {
    background-color: #f4ffe7; }

.text-card {
  color: #00d7d7; }
  .text-card-dark-deep {
    color: #00acac; }
  .text-card-light-deep {
    color: #33dfdf; }
  .text-card-dark-medium {
    color: #006c6c; }
  .text-card-light-medium {
    color: #80ebeb; }
  .text-card-dark-soft {
    color: #001c1c; }
  .text-card-light-soft {
    color: #defafa; }

a.text-card, a.text-card:hover, a.text-card:focus {
  color: #00d7d7; }

.border-card {
  border-color: #00d7d7; }

.stroke-card {
  stroke: #00d7d7; }

.bg-card, .confirm-card {
  background-color: #00d7d7; }
  .bg-card-dark-deep {
    background-color: #00acac; }
  .bg-card-light-deep {
    background-color: #33dfdf; }
  .bg-card-dark-medium {
    background-color: #006c6c; }
  .bg-card-light-medium {
    background-color: #80ebeb; }
  .bg-card-dark-soft {
    background-color: #001c1c; }
  .bg-card-light-soft {
    background-color: #defafa; }

/* Overwrite Th colors */
/* Overwrite Mixin */
/* Overwrite Sections */
.page-my-account,
.balance,
.payments,
.employees {
  background: #006064; }
  .page-my-account.bg-primary, .tabs.vertical .tabs-title.is-active > a.page-my-account,
  .tabs.vertical .tabs-title.is-active > button.page-my-account,
  .tabs.vertical .tabs-title.is-active > span.page-my-account, .receipt-bankslip .page-my-account.avatar-info__figure, .page-my-account.card-th.is-masked::before, .page-cards__activation .page-my-account.card-th::before, .page-my-account.bg-primary-dark-deep, .page-my-account.bg-primary-dark-medium, .page-my-account.modal, .page-my-account.reveal,
  .balance.bg-primary,
  .tabs.vertical .tabs-title.is-active > a.balance,
  .tabs.vertical .tabs-title.is-active > button.balance,
  .tabs.vertical .tabs-title.is-active > span.balance,
  .receipt-bankslip .balance.avatar-info__figure,
  .balance.card-th.is-masked::before,
  .page-cards__activation .balance.card-th::before,
  .balance.bg-primary-dark-deep,
  .balance.bg-primary-dark-medium,
  .balance.modal,
  .balance.reveal,
  .payments.bg-primary,
  .tabs.vertical .tabs-title.is-active > a.payments,
  .tabs.vertical .tabs-title.is-active > button.payments,
  .tabs.vertical .tabs-title.is-active > span.payments,
  .receipt-bankslip .payments.avatar-info__figure,
  .payments.card-th.is-masked::before,
  .page-cards__activation .payments.card-th::before,
  .payments.bg-primary-dark-deep,
  .payments.bg-primary-dark-medium,
  .payments.modal,
  .payments.reveal,
  .employees.bg-primary,
  .tabs.vertical .tabs-title.is-active > a.employees,
  .tabs.vertical .tabs-title.is-active > button.employees,
  .tabs.vertical .tabs-title.is-active > span.employees,
  .receipt-bankslip .employees.avatar-info__figure,
  .employees.card-th.is-masked::before,
  .page-cards__activation .employees.card-th::before,
  .employees.bg-primary-dark-deep,
  .employees.bg-primary-dark-medium,
  .employees.modal,
  .employees.reveal {
    background: #006064; }
  .page-my-account.modal, .page-my-account.reveal,
  .balance.modal,
  .balance.reveal,
  .payments.modal,
  .payments.reveal,
  .employees.modal,
  .employees.reveal {
    background: #006064 !important; }
    .page-my-account.modal::before, .page-my-account.reveal::before,
    .balance.modal::before,
    .balance.reveal::before,
    .payments.modal::before,
    .payments.reveal::before,
    .employees.modal::before,
    .employees.reveal::before {
      background: rgba(0, 0, 0, 0.2);
      content: '';
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
  .page-my-account .button,
  .page-my-account .button:hover,
  .balance .button,
  .balance .button:hover,
  .payments .button,
  .payments .button:hover,
  .employees .button,
  .employees .button:hover {
    color: #006064 !important; }
    .page-my-account .button.ball,
    .page-my-account .button:hover.ball,
    .balance .button.ball,
    .balance .button:hover.ball,
    .payments .button.ball,
    .payments .button:hover.ball,
    .employees .button.ball,
    .employees .button:hover.ball {
      color: #6e7882 !important; }
      .page-my-account .button.ball:hover,
      .page-my-account .button:hover.ball:hover,
      .balance .button.ball:hover,
      .balance .button:hover.ball:hover,
      .payments .button.ball:hover,
      .payments .button:hover.ball:hover,
      .employees .button.ball:hover,
      .employees .button:hover.ball:hover {
        color: #2d3c46 !important; }
  .page-my-account .button.hollow,
  .page-my-account .button.hollow:hover,
  .page-my-account .button.hollow:focus,
  .balance .button.hollow,
  .balance .button.hollow:hover,
  .balance .button.hollow:focus,
  .payments .button.hollow,
  .payments .button.hollow:hover,
  .payments .button.hollow:focus,
  .employees .button.hollow,
  .employees .button.hollow:hover,
  .employees .button.hollow:focus {
    background: transparent;
    color: #fff !important; }
  .page-my-account .confirm-card,
  .balance .confirm-card,
  .payments .confirm-card,
  .employees .confirm-card {
    background: #00d7d7; }
  .page-my-account .avatar-info__figure,
  .balance .avatar-info__figure,
  .payments .avatar-info__figure,
  .employees .avatar-info__figure {
    color: #006064 !important; }
  .page-my-account .list-table-new__row-wrapper:hover,
  .balance .list-table-new__row-wrapper:hover,
  .payments .list-table-new__row-wrapper:hover,
  .employees .list-table-new__row-wrapper:hover {
    border-color: #0ff; }

.bankslip {
  background: #0073cd; }
  .bankslip.bg-primary, .tabs.vertical .tabs-title.is-active > a.bankslip,
  .tabs.vertical .tabs-title.is-active > button.bankslip,
  .tabs.vertical .tabs-title.is-active > span.bankslip, .receipt-bankslip .bankslip.avatar-info__figure, .bankslip.card-th.is-masked::before, .page-cards__activation .bankslip.card-th::before, .bankslip.bg-primary-dark-deep, .bankslip.bg-primary-dark-medium, .bankslip.modal, .bankslip.reveal {
    background: #0073cd; }
  .bankslip.modal, .bankslip.reveal {
    background: #0073cd !important; }
    .bankslip.modal::before, .bankslip.reveal::before {
      background: rgba(0, 0, 0, 0.2);
      content: '';
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
  .bankslip .button,
  .bankslip .button:hover {
    color: #0073cd !important; }
    .bankslip .button.ball,
    .bankslip .button:hover.ball {
      color: #6e7882 !important; }
      .bankslip .button.ball:hover,
      .bankslip .button:hover.ball:hover {
        color: #2d3c46 !important; }
  .bankslip .button.hollow,
  .bankslip .button.hollow:hover,
  .bankslip .button.hollow:focus {
    background: transparent;
    color: #fff !important; }
  .bankslip .confirm-card {
    background: #00d7d7; }
  .bankslip .avatar-info__figure {
    color: #0073cd !important; }
  .bankslip .list-table-new__row-wrapper:hover {
    border-color: #0ff; }

.dashboard,
.transfers,
.page-cards__status {
  background: #00b8d4; }
  .dashboard.bg-primary, .tabs.vertical .tabs-title.is-active > a.dashboard,
  .tabs.vertical .tabs-title.is-active > button.dashboard,
  .tabs.vertical .tabs-title.is-active > span.dashboard, .receipt-bankslip .dashboard.avatar-info__figure, .dashboard.card-th.is-masked::before, .page-cards__activation .dashboard.card-th::before, .dashboard.bg-primary-dark-deep, .dashboard.bg-primary-dark-medium, .dashboard.modal, .dashboard.reveal,
  .transfers.bg-primary,
  .tabs.vertical .tabs-title.is-active > a.transfers,
  .tabs.vertical .tabs-title.is-active > button.transfers,
  .tabs.vertical .tabs-title.is-active > span.transfers,
  .receipt-bankslip .transfers.avatar-info__figure,
  .transfers.card-th.is-masked::before,
  .page-cards__activation .transfers.card-th::before,
  .transfers.bg-primary-dark-deep,
  .transfers.bg-primary-dark-medium,
  .transfers.modal,
  .transfers.reveal,
  .page-cards__status.bg-primary,
  .tabs.vertical .tabs-title.is-active > a.page-cards__status,
  .tabs.vertical .tabs-title.is-active > button.page-cards__status,
  .tabs.vertical .tabs-title.is-active > span.page-cards__status,
  .receipt-bankslip .page-cards__status.avatar-info__figure,
  .page-cards__status.card-th.is-masked::before,
  .page-cards__activation .page-cards__status.card-th::before,
  .page-cards__status.bg-primary-dark-deep,
  .page-cards__status.bg-primary-dark-medium,
  .page-cards__status.modal,
  .page-cards__status.reveal {
    background: #00b8d4; }
  .dashboard.modal, .dashboard.reveal,
  .transfers.modal,
  .transfers.reveal,
  .page-cards__status.modal,
  .page-cards__status.reveal {
    background: #00b8d4 !important; }
    .dashboard.modal::before, .dashboard.reveal::before,
    .transfers.modal::before,
    .transfers.reveal::before,
    .page-cards__status.modal::before,
    .page-cards__status.reveal::before {
      background: rgba(0, 0, 0, 0.2);
      content: '';
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
  .dashboard .button,
  .dashboard .button:hover,
  .transfers .button,
  .transfers .button:hover,
  .page-cards__status .button,
  .page-cards__status .button:hover {
    color: #00b8d4 !important; }
    .dashboard .button.ball,
    .dashboard .button:hover.ball,
    .transfers .button.ball,
    .transfers .button:hover.ball,
    .page-cards__status .button.ball,
    .page-cards__status .button:hover.ball {
      color: #6e7882 !important; }
      .dashboard .button.ball:hover,
      .dashboard .button:hover.ball:hover,
      .transfers .button.ball:hover,
      .transfers .button:hover.ball:hover,
      .page-cards__status .button.ball:hover,
      .page-cards__status .button:hover.ball:hover {
        color: #2d3c46 !important; }
  .dashboard .button.hollow,
  .dashboard .button.hollow:hover,
  .dashboard .button.hollow:focus,
  .transfers .button.hollow,
  .transfers .button.hollow:hover,
  .transfers .button.hollow:focus,
  .page-cards__status .button.hollow,
  .page-cards__status .button.hollow:hover,
  .page-cards__status .button.hollow:focus {
    background: transparent;
    color: #fff !important; }
  .dashboard .confirm-card,
  .transfers .confirm-card,
  .page-cards__status .confirm-card {
    background: #00d7d7; }
  .dashboard .avatar-info__figure,
  .transfers .avatar-info__figure,
  .page-cards__status .avatar-info__figure {
    color: #00b8d4 !important; }
  .dashboard .list-table-new__row-wrapper:hover,
  .transfers .list-table-new__row-wrapper:hover,
  .page-cards__status .list-table-new__row-wrapper:hover {
    border-color: #0ff; }

.modal-confirmacao__button.button.primary {
  color: #fff !important;
  background: #0073cd;
  border-color: #0073cd; }
  .modal-confirmacao__button.button.primary:hover {
    background: #0073cd; }

.modal-confirmacao__button.button.hollow.primary {
  color: #0073cd !important;
  background: transparent; }
  .modal-confirmacao__button.button.hollow.primary:hover {
    border-color: #0073cd;
    background: transparent; }

/**
 * Setups.
 */
/**
 * Heading font sizes.
 * TODO: Chamar o line-height onde esta sendo chamada a função
 */
/**
 * Body font sizes.
 */
/**
 * Functions.
 */
/**
 * Mixins.
 */
/**
 * Outputs.
 */
@font-face {
  font-family: "latoregular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/lato-regular-webfont.woff") format("woff"), url("../fonts/lato-regular-webfont.woff2") format("woff2"); }

@font-face {
  font-family: "latolight";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lato-light-webfont.woff") format("woff"), url("../fonts/lato-light-webfont.woff2") format("woff2"); }

@font-face {
  font-family: "latobold";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/lato-bold-webfont.woff") format("woff"), url("../fonts/lato-bold-webfont.woff2") format("woff2"); }

.text-family-default {
  font-family: "latoregular"; }

@font-face {
  font-family: "latoregular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/lato-regular-webfont.woff") format("woff"), url("../fonts/lato-regular-webfont.woff2") format("woff2"); }

@font-face {
  font-family: "latolight";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lato-light-webfont.woff") format("woff"), url("../fonts/lato-light-webfont.woff2") format("woff2"); }

@font-face {
  font-family: "latobold";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/lato-bold-webfont.woff") format("woff"), url("../fonts/lato-bold-webfont.woff2") format("woff2"); }

.text-family-brand {
  font-family: "latoregular"; }

.heading-ultra {
  font-size: 3.125rem;
  line-height: 6.25rem; }

.heading-extra {
  font-size: 2.5rem;
  line-height: 5rem; }

.heading-large {
  font-size: 1.875rem;
  line-height: 3.75rem; }

.heading-regular, .modal.alert .alert__content .title {
  font-size: 1.25rem;
  line-height: 2.5rem; }

.heading-small, .card-table__title, .card-table__footer p {
  font-size: 1.125rem;
  line-height: 2.25rem; }

.heading-tiny, .card-rounded__title {
  font-size: 1rem;
  line-height: 2rem; }

.text-extra {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5; }

.text-large {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5; }

.text-regular {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5; }

.text-small {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5; }

.text-tiny, .th-card p {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5; }

.text-nano {
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.5; }

time {
  white-space: nowrap; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.capitalize {
  text-transform: capitalize; }

.text-weight-regular {
  font-weight: 400; }

.text-bold {
  font-weight: 600; }

[id^=icon-] path {
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0; }

.square-rounded path {
  fill: transparent;
  stroke: #fff;
  stroke-width: 5; }

/**
 * Global values for repeatable transition
 * properties.
 */
/**
 * Repeatable timing functions through project
 * TODO: need refactor.
 */
/**
 * Sonar animation
 */
.sonar {
  border-radius: 50%;
  position: relative; }

@keyframes sonar {
  0% {
    opacity: 0;
    transform: scale(0) translate(-50%, -50%); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: scale(2) translate(-50%, -50%); } }
  .sonar::before, .sonar::after {
    animation: sonar 1.5s linear infinite;
    background-color: #ffc801;
    border-radius: 50%;
    content: '';
    display: block;
    height: 40px;
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    -ms-transform-origin: left top;
        transform-origin: left top;
    width: 40px;
    z-index: -1; }
  .sonar::after {
    animation-delay: .25s; }

/**
 * Squad dashed animation.
 *
 * ```html
 * <svg class="dashed-squad" width="50" height="50" viewBox="70 100 250 230">
 *  <path d="M100,100 h190 a20,20 0 0 1 20,20 v190 a20,20 0 0 1 -20,20 h-190 a20,20 0 0 1 -20,-20 v-190 a20,20 0 0 1 20,-20 z" />
 *  <path d="M100,100 h190 a20,20 0 0 1 20,20 v190 a20,20 0 0 1 -20,20 h-190 a20,20 0 0 1 -20,-20 v-190 a20,20 0 0 1 20,-20 z" />
 * </svg>
 * ```
 */
@keyframes dashed-squad {
  from {
    stroke-dashoffset: 1000; }
  to {
    stroke-dashoffset: 0; } }

.dashed-squad path {
  fill: transparent;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }
  .dashed-squad path:first-child {
    animation: dashed-squad 2s linear forwards;
    stroke: #fff;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    stroke-width: 5; }
  .dashed-squad path:last-child {
    stroke: #0073cd !important;
    stroke-dasharray: 12;
    stroke-width: 7; }

/**
 * .animation is added through [data-animation].
 */
.animation {
  position: relative; }

.metaball {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative; }
  .metaball > [class*=animation]:not(.animation-metaball) {
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  .metaball .animation-metaball {
    width: 100%; }

.grid-cell-gutter {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  .grid-cell-gutter-left {
    padding-left: 0.5rem; }
  .grid-cell-gutter-right {
    padding-right: 0.5rem; }

.grid-cell-gutter-collapse {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .grid-cell-gutter-collapse-left {
    padding-left: 0 !important; }
  .grid-cell-gutter-collapse-right {
    padding-right: 0 !important; }

.grid-container.fluid {
  max-width: 100%; }

.grid-cell-justify {
  -ms-flex-pack: justify;
      justify-content: space-between; }

.grid-cell-spaced {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.grid-cell-start {
  -ms-flex-pack: start;
      justify-content: flex-start; }

.grid-cell-center {
  -ms-flex-pack: center;
      justify-content: center; }

.grid-cell-end {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.grid-cell-middle {
  -ms-flex-align: center;
      align-items: center; }

.grid-cell-top {
  -ms-flex-align: start;
      align-items: flex-start; }

.grid-cell-stretch {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%; }

.grid-cell-shrink {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }

.position-relative {
  position: relative; }

/**
 * z-index mapping.
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.reset-display {
  display: initial !important; }

/**
 * Global values for repeatable transition
 * properties.
 */
/**
 * Repeatable timing functions through project
 * TODO: need refactor.
 */
/**
 * Sonar animation
 */
.sonar {
  border-radius: 50%;
  position: relative; }

@keyframes sonar {
  0% {
    opacity: 0;
    transform: scale(0) translate(-50%, -50%); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: scale(2) translate(-50%, -50%); } }
  .sonar::before, .sonar::after {
    animation: sonar 1.5s linear infinite;
    background-color: #ffc801;
    border-radius: 50%;
    content: '';
    display: block;
    height: 40px;
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    -ms-transform-origin: left top;
        transform-origin: left top;
    width: 40px;
    z-index: -1; }
  .sonar::after {
    animation-delay: .25s; }

/**
 * Squad dashed animation.
 *
 * ```html
 * <svg class="dashed-squad" width="50" height="50" viewBox="70 100 250 230">
 *  <path d="M100,100 h190 a20,20 0 0 1 20,20 v190 a20,20 0 0 1 -20,20 h-190 a20,20 0 0 1 -20,-20 v-190 a20,20 0 0 1 20,-20 z" />
 *  <path d="M100,100 h190 a20,20 0 0 1 20,20 v190 a20,20 0 0 1 -20,20 h-190 a20,20 0 0 1 -20,-20 v-190 a20,20 0 0 1 20,-20 z" />
 * </svg>
 * ```
 */
@keyframes dashed-squad {
  from {
    stroke-dashoffset: 1000; }
  to {
    stroke-dashoffset: 0; } }

.dashed-squad path {
  fill: transparent;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }
  .dashed-squad path:first-child {
    animation: dashed-squad 2s linear forwards;
    stroke: #fff;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    stroke-width: 5; }
  .dashed-squad path:last-child {
    stroke: #0073cd !important;
    stroke-dasharray: 12;
    stroke-width: 7; }

/**
 * .animation is added through [data-animation].
 */
.animation {
  position: relative; }

.metaball {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative; }
  .metaball > [class*=animation]:not(.animation-metaball) {
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  .metaball .animation-metaball {
    width: 100%; }

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Correct the line height in all browsers.
     * 3. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
       ========================================================================== */
/**
     * Remove the margin in all browsers (opinionated).
     */
body {
  margin: 0; }

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
  display: block; }

/**
     * Add the correct margin in IE 8.
     */
figure {
  margin: 1em 40px; }

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
     * Add the correct display in IE.
     */
main {
  display: block; }

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in Firefox 39-.
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
  font-weight: inherit; }

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
  font-weight: bolder; }

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
     * Add the correct font style in Android 4.3-.
     */
dfn {
  font-style: italic; }

/**
     * Add the correct background and color in IE 9-.
     */
mark {
  background-color: #ff0;
  color: #000; }

/**
     * Add the correct font size in all browsers.
     */
small {
  font-size: 80%; }

/**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
audio,
video {
  display: inline-block; }

/**
     * Add the correct display in iOS 4-7.
     */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
     * Remove the border on images inside links in IE 10-.
     */
img {
  border-style: none; }

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
  overflow: hidden; }

/* Forms
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
     * Show the overflow in IE.
     */
button {
  overflow: visible; }

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
button,
select {
  /* 1 */
  text-transform: none; }

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */ }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible; }

/**
     * 1. Add the correct box sizing in IE 10-.
     * 2. Remove the padding in IE 10-.
     */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
       */ }
  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */
legend {
  box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */ }

/**
     * 1. Add the correct display in IE 9-.
     * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
     * Remove the default vertical scrollbar in IE.
     */
textarea {
  overflow: auto; }

/* Interactive
       ========================================================================== */
/*
     * Add the correct display in Edge, IE, and Firefox.
     */
details {
  display: block; }

/*
     * Add the correct display in all browsers.
     */
summary {
  display: list-item; }

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block; }

/* Scripting
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
canvas {
  display: inline-block; }

/**
     * Add the correct display in IE.
     */
template {
  display: none; }

/* Hidden
       ========================================================================== */
/**
     * Add the correct display in IE 10-.
     */
[hidden] {
  display: none; }

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
  box-sizing: border-box;
  font-size: 100%; }

*,
*::before,
*::after {
  box-sizing: inherit; }

body {
  margin: 0;
  padding: 0;
  background: transparent;
  font-family: "latoregular";
  font-weight: normal;
  line-height: 1.25rem;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0; }

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto; }
  [data-whatinput='mouse'] button {
    outline: 0; }

pre {
  overflow: auto; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

.grid-container {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 75rem;
  margin: 0 auto; }
  @media print, screen and (min-width: 40em) {
    .grid-container {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .grid-container.fluid {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 100%;
    margin: 0 auto; }
    @media print, screen and (min-width: 40em) {
      .grid-container.fluid {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; } }
  .grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto; }

.grid-x {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }

.cell {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%; }
  .cell.auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px; }
  .cell.shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }

.grid-x > .auto {
  width: auto; }

.grid-x > .shrink {
  width: auto; }

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

.grid-x > .small-1 {
  width: 8.33333%; }

.grid-x > .small-2 {
  width: 16.66667%; }

.grid-x > .small-3 {
  width: 25%; }

.grid-x > .small-4 {
  width: 33.33333%; }

.grid-x > .small-5 {
  width: 41.66667%; }

.grid-x > .small-6 {
  width: 50%; }

.grid-x > .small-7 {
  width: 58.33333%; }

.grid-x > .small-8 {
  width: 66.66667%; }

.grid-x > .small-9 {
  width: 75%; }

.grid-x > .small-10 {
  width: 83.33333%; }

.grid-x > .small-11 {
  width: 91.66667%; }

.grid-x > .small-12 {
  width: 100%; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    width: auto; }
  .grid-x > .medium-shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto; }
  .grid-x > .medium-1 {
    width: 8.33333%; }
  .grid-x > .medium-2 {
    width: 16.66667%; }
  .grid-x > .medium-3 {
    width: 25%; }
  .grid-x > .medium-4 {
    width: 33.33333%; }
  .grid-x > .medium-5 {
    width: 41.66667%; }
  .grid-x > .medium-6 {
    width: 50%; }
  .grid-x > .medium-7 {
    width: 58.33333%; }
  .grid-x > .medium-8 {
    width: 66.66667%; }
  .grid-x > .medium-9 {
    width: 75%; }
  .grid-x > .medium-10 {
    width: 83.33333%; }
  .grid-x > .medium-11 {
    width: 91.66667%; }
  .grid-x > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    width: auto; }
  .grid-x > .large-shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto; }
  .grid-x > .large-1 {
    width: 8.33333%; }
  .grid-x > .large-2 {
    width: 16.66667%; }
  .grid-x > .large-3 {
    width: 25%; }
  .grid-x > .large-4 {
    width: 33.33333%; }
  .grid-x > .large-5 {
    width: 41.66667%; }
  .grid-x > .large-6 {
    width: 50%; }
  .grid-x > .large-7 {
    width: 58.33333%; }
  .grid-x > .large-8 {
    width: 66.66667%; }
  .grid-x > .large-9 {
    width: 75%; }
  .grid-x > .large-10 {
    width: 83.33333%; }
  .grid-x > .large-11 {
    width: 91.66667%; }
  .grid-x > .large-12 {
    width: 100%; } }

.grid-margin-x:not(.grid-x) > .cell {
  width: auto; }

.grid-margin-y:not(.grid-y) > .cell {
  height: auto; }

.grid-margin-x {
  margin-left: -0.3125rem;
  margin-right: -0.3125rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x {
      margin-left: -0.625rem;
      margin-right: -0.625rem; } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x {
      margin-left: -0.625rem;
      margin-right: -0.625rem; } }
  .grid-margin-x > .cell {
    width: calc(100% - 0.625rem);
    margin-left: 0.3125rem;
    margin-right: 0.3125rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .cell {
      width: calc(100% - 1.25rem);
      margin-left: 0.625rem;
      margin-right: 0.625rem; } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x > .cell {
      width: calc(100% - 1.25rem);
      margin-left: 0.625rem;
      margin-right: 0.625rem; } }
  .grid-margin-x > .auto {
    width: auto; }
  .grid-margin-x > .shrink {
    width: auto; }
  .grid-margin-x > .small-1 {
    width: calc(8.33333% - 0.625rem); }
  .grid-margin-x > .small-2 {
    width: calc(16.66667% - 0.625rem); }
  .grid-margin-x > .small-3 {
    width: calc(25% - 0.625rem); }
  .grid-margin-x > .small-4 {
    width: calc(33.33333% - 0.625rem); }
  .grid-margin-x > .small-5 {
    width: calc(41.66667% - 0.625rem); }
  .grid-margin-x > .small-6 {
    width: calc(50% - 0.625rem); }
  .grid-margin-x > .small-7 {
    width: calc(58.33333% - 0.625rem); }
  .grid-margin-x > .small-8 {
    width: calc(66.66667% - 0.625rem); }
  .grid-margin-x > .small-9 {
    width: calc(75% - 0.625rem); }
  .grid-margin-x > .small-10 {
    width: calc(83.33333% - 0.625rem); }
  .grid-margin-x > .small-11 {
    width: calc(91.66667% - 0.625rem); }
  .grid-margin-x > .small-12 {
    width: calc(100% - 0.625rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .auto {
      width: auto; }
    .grid-margin-x > .shrink {
      width: auto; }
    .grid-margin-x > .small-1 {
      width: calc(8.33333% - 1.25rem); }
    .grid-margin-x > .small-2 {
      width: calc(16.66667% - 1.25rem); }
    .grid-margin-x > .small-3 {
      width: calc(25% - 1.25rem); }
    .grid-margin-x > .small-4 {
      width: calc(33.33333% - 1.25rem); }
    .grid-margin-x > .small-5 {
      width: calc(41.66667% - 1.25rem); }
    .grid-margin-x > .small-6 {
      width: calc(50% - 1.25rem); }
    .grid-margin-x > .small-7 {
      width: calc(58.33333% - 1.25rem); }
    .grid-margin-x > .small-8 {
      width: calc(66.66667% - 1.25rem); }
    .grid-margin-x > .small-9 {
      width: calc(75% - 1.25rem); }
    .grid-margin-x > .small-10 {
      width: calc(83.33333% - 1.25rem); }
    .grid-margin-x > .small-11 {
      width: calc(91.66667% - 1.25rem); }
    .grid-margin-x > .small-12 {
      width: calc(100% - 1.25rem); }
    .grid-margin-x > .medium-auto {
      width: auto; }
    .grid-margin-x > .medium-shrink {
      width: auto; }
    .grid-margin-x > .medium-1 {
      width: calc(8.33333% - 1.25rem); }
    .grid-margin-x > .medium-2 {
      width: calc(16.66667% - 1.25rem); }
    .grid-margin-x > .medium-3 {
      width: calc(25% - 1.25rem); }
    .grid-margin-x > .medium-4 {
      width: calc(33.33333% - 1.25rem); }
    .grid-margin-x > .medium-5 {
      width: calc(41.66667% - 1.25rem); }
    .grid-margin-x > .medium-6 {
      width: calc(50% - 1.25rem); }
    .grid-margin-x > .medium-7 {
      width: calc(58.33333% - 1.25rem); }
    .grid-margin-x > .medium-8 {
      width: calc(66.66667% - 1.25rem); }
    .grid-margin-x > .medium-9 {
      width: calc(75% - 1.25rem); }
    .grid-margin-x > .medium-10 {
      width: calc(83.33333% - 1.25rem); }
    .grid-margin-x > .medium-11 {
      width: calc(91.66667% - 1.25rem); }
    .grid-margin-x > .medium-12 {
      width: calc(100% - 1.25rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x > .auto {
      width: auto; }
    .grid-margin-x > .shrink {
      width: auto; }
    .grid-margin-x > .small-1 {
      width: calc(8.33333% - 1.25rem); }
    .grid-margin-x > .small-2 {
      width: calc(16.66667% - 1.25rem); }
    .grid-margin-x > .small-3 {
      width: calc(25% - 1.25rem); }
    .grid-margin-x > .small-4 {
      width: calc(33.33333% - 1.25rem); }
    .grid-margin-x > .small-5 {
      width: calc(41.66667% - 1.25rem); }
    .grid-margin-x > .small-6 {
      width: calc(50% - 1.25rem); }
    .grid-margin-x > .small-7 {
      width: calc(58.33333% - 1.25rem); }
    .grid-margin-x > .small-8 {
      width: calc(66.66667% - 1.25rem); }
    .grid-margin-x > .small-9 {
      width: calc(75% - 1.25rem); }
    .grid-margin-x > .small-10 {
      width: calc(83.33333% - 1.25rem); }
    .grid-margin-x > .small-11 {
      width: calc(91.66667% - 1.25rem); }
    .grid-margin-x > .small-12 {
      width: calc(100% - 1.25rem); }
    .grid-margin-x > .medium-auto {
      width: auto; }
    .grid-margin-x > .medium-shrink {
      width: auto; }
    .grid-margin-x > .medium-1 {
      width: calc(8.33333% - 1.25rem); }
    .grid-margin-x > .medium-2 {
      width: calc(16.66667% - 1.25rem); }
    .grid-margin-x > .medium-3 {
      width: calc(25% - 1.25rem); }
    .grid-margin-x > .medium-4 {
      width: calc(33.33333% - 1.25rem); }
    .grid-margin-x > .medium-5 {
      width: calc(41.66667% - 1.25rem); }
    .grid-margin-x > .medium-6 {
      width: calc(50% - 1.25rem); }
    .grid-margin-x > .medium-7 {
      width: calc(58.33333% - 1.25rem); }
    .grid-margin-x > .medium-8 {
      width: calc(66.66667% - 1.25rem); }
    .grid-margin-x > .medium-9 {
      width: calc(75% - 1.25rem); }
    .grid-margin-x > .medium-10 {
      width: calc(83.33333% - 1.25rem); }
    .grid-margin-x > .medium-11 {
      width: calc(91.66667% - 1.25rem); }
    .grid-margin-x > .medium-12 {
      width: calc(100% - 1.25rem); }
    .grid-margin-x > .large-auto {
      width: auto; }
    .grid-margin-x > .large-shrink {
      width: auto; }
    .grid-margin-x > .large-1 {
      width: calc(8.33333% - 1.25rem); }
    .grid-margin-x > .large-2 {
      width: calc(16.66667% - 1.25rem); }
    .grid-margin-x > .large-3 {
      width: calc(25% - 1.25rem); }
    .grid-margin-x > .large-4 {
      width: calc(33.33333% - 1.25rem); }
    .grid-margin-x > .large-5 {
      width: calc(41.66667% - 1.25rem); }
    .grid-margin-x > .large-6 {
      width: calc(50% - 1.25rem); }
    .grid-margin-x > .large-7 {
      width: calc(58.33333% - 1.25rem); }
    .grid-margin-x > .large-8 {
      width: calc(66.66667% - 1.25rem); }
    .grid-margin-x > .large-9 {
      width: calc(75% - 1.25rem); }
    .grid-margin-x > .large-10 {
      width: calc(83.33333% - 1.25rem); }
    .grid-margin-x > .large-11 {
      width: calc(91.66667% - 1.25rem); }
    .grid-margin-x > .large-12 {
      width: calc(100% - 1.25rem); } }

.grid-padding-x .grid-padding-x {
  margin-right: -0.3125rem;
  margin-left: -0.3125rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-x .grid-padding-x {
      margin-right: -0.625rem;
      margin-left: -0.625rem; } }
  @media print, screen and (min-width: 64em) {
    .grid-padding-x .grid-padding-x {
      margin-right: -0.625rem;
      margin-left: -0.625rem; } }

.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.3125rem;
  margin-left: -0.3125rem; }
  @media print, screen and (min-width: 40em) {
    .grid-container:not(.full) > .grid-padding-x {
      margin-right: -0.625rem;
      margin-left: -0.625rem; } }
  @media print, screen and (min-width: 64em) {
    .grid-container:not(.full) > .grid-padding-x {
      margin-right: -0.625rem;
      margin-left: -0.625rem; } }

.grid-padding-x > .cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-x > .cell {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }

.small-up-1 > .cell {
  width: 100%; }

.small-up-2 > .cell {
  width: 50%; }

.small-up-3 > .cell {
  width: 33.33333%; }

.small-up-4 > .cell {
  width: 25%; }

.small-up-5 > .cell {
  width: 20%; }

.small-up-6 > .cell {
  width: 16.66667%; }

.small-up-7 > .cell {
  width: 14.28571%; }

.small-up-8 > .cell {
  width: 12.5%; }

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%; }
  .medium-up-2 > .cell {
    width: 50%; }
  .medium-up-3 > .cell {
    width: 33.33333%; }
  .medium-up-4 > .cell {
    width: 25%; }
  .medium-up-5 > .cell {
    width: 20%; }
  .medium-up-6 > .cell {
    width: 16.66667%; }
  .medium-up-7 > .cell {
    width: 14.28571%; }
  .medium-up-8 > .cell {
    width: 12.5%; } }

@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%; }
  .large-up-2 > .cell {
    width: 50%; }
  .large-up-3 > .cell {
    width: 33.33333%; }
  .large-up-4 > .cell {
    width: 25%; }
  .large-up-5 > .cell {
    width: 20%; }
  .large-up-6 > .cell {
    width: 16.66667%; }
  .large-up-7 > .cell {
    width: 14.28571%; }
  .large-up-8 > .cell {
    width: 12.5%; } }

.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 0.625rem); }

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 0.625rem); }

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 0.625rem); }

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 0.625rem); }

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 0.625rem); }

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 0.625rem); }

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 0.625rem); }

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 0.625rem); }

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 0.625rem); }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 0.625rem); }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 0.625rem); }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 0.625rem); }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 0.625rem); }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 0.625rem); }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 0.625rem); }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 0.625rem); }
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.25rem); }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.25rem); }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.25rem); }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.25rem); }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.25rem); }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.25rem); }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.25rem); }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.25rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 0.625rem); }
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.25rem); }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 0.625rem); }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.25rem); }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 0.625rem); }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.25rem); }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 0.625rem); }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.25rem); }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 0.625rem); }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.25rem); }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 0.625rem); }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.25rem); }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 0.625rem); }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.25rem); }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 0.625rem); }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.25rem); }
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.25rem); }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.25rem); }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 1.25rem); }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.25rem); }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.25rem); }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 1.25rem); }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 1.25rem); }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.25rem); } }

.small-margin-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0; }
  .small-margin-collapse > .small-1 {
    width: 8.33333%; }
  .small-margin-collapse > .small-2 {
    width: 16.66667%; }
  .small-margin-collapse > .small-3 {
    width: 25%; }
  .small-margin-collapse > .small-4 {
    width: 33.33333%; }
  .small-margin-collapse > .small-5 {
    width: 41.66667%; }
  .small-margin-collapse > .small-6 {
    width: 50%; }
  .small-margin-collapse > .small-7 {
    width: 58.33333%; }
  .small-margin-collapse > .small-8 {
    width: 66.66667%; }
  .small-margin-collapse > .small-9 {
    width: 75%; }
  .small-margin-collapse > .small-10 {
    width: 83.33333%; }
  .small-margin-collapse > .small-11 {
    width: 91.66667%; }
  .small-margin-collapse > .small-12 {
    width: 100%; }
  @media print, screen and (min-width: 40em) {
    .small-margin-collapse > .medium-1 {
      width: 8.33333%; }
    .small-margin-collapse > .medium-2 {
      width: 16.66667%; }
    .small-margin-collapse > .medium-3 {
      width: 25%; }
    .small-margin-collapse > .medium-4 {
      width: 33.33333%; }
    .small-margin-collapse > .medium-5 {
      width: 41.66667%; }
    .small-margin-collapse > .medium-6 {
      width: 50%; }
    .small-margin-collapse > .medium-7 {
      width: 58.33333%; }
    .small-margin-collapse > .medium-8 {
      width: 66.66667%; }
    .small-margin-collapse > .medium-9 {
      width: 75%; }
    .small-margin-collapse > .medium-10 {
      width: 83.33333%; }
    .small-margin-collapse > .medium-11 {
      width: 91.66667%; }
    .small-margin-collapse > .medium-12 {
      width: 100%; } }
  @media print, screen and (min-width: 64em) {
    .small-margin-collapse > .large-1 {
      width: 8.33333%; }
    .small-margin-collapse > .large-2 {
      width: 16.66667%; }
    .small-margin-collapse > .large-3 {
      width: 25%; }
    .small-margin-collapse > .large-4 {
      width: 33.33333%; }
    .small-margin-collapse > .large-5 {
      width: 41.66667%; }
    .small-margin-collapse > .large-6 {
      width: 50%; }
    .small-margin-collapse > .large-7 {
      width: 58.33333%; }
    .small-margin-collapse > .large-8 {
      width: 66.66667%; }
    .small-margin-collapse > .large-9 {
      width: 75%; }
    .small-margin-collapse > .large-10 {
      width: 83.33333%; }
    .small-margin-collapse > .large-11 {
      width: 91.66667%; }
    .small-margin-collapse > .large-12 {
      width: 100%; } }

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0; }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .small-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .small-3 {
    width: 25%; }
  .medium-margin-collapse > .small-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .small-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .small-6 {
    width: 50%; }
  .medium-margin-collapse > .small-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .small-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .small-9 {
    width: 75%; }
  .medium-margin-collapse > .small-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .small-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .medium-3 {
    width: 25%; }
  .medium-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .medium-6 {
    width: 50%; }
  .medium-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .medium-9 {
    width: 75%; }
  .medium-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .large-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .large-3 {
    width: 25%; }
  .medium-margin-collapse > .large-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .large-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .large-6 {
    width: 50%; }
  .medium-margin-collapse > .large-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .large-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .large-9 {
    width: 75%; }
  .medium-margin-collapse > .large-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .large-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.33333%; }
  .large-margin-collapse > .small-2 {
    width: 16.66667%; }
  .large-margin-collapse > .small-3 {
    width: 25%; }
  .large-margin-collapse > .small-4 {
    width: 33.33333%; }
  .large-margin-collapse > .small-5 {
    width: 41.66667%; }
  .large-margin-collapse > .small-6 {
    width: 50%; }
  .large-margin-collapse > .small-7 {
    width: 58.33333%; }
  .large-margin-collapse > .small-8 {
    width: 66.66667%; }
  .large-margin-collapse > .small-9 {
    width: 75%; }
  .large-margin-collapse > .small-10 {
    width: 83.33333%; }
  .large-margin-collapse > .small-11 {
    width: 91.66667%; }
  .large-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .large-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .large-margin-collapse > .medium-3 {
    width: 25%; }
  .large-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .large-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .large-margin-collapse > .medium-6 {
    width: 50%; }
  .large-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .large-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .large-margin-collapse > .medium-9 {
    width: 75%; }
  .large-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .large-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .large-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.33333%; }
  .large-margin-collapse > .large-2 {
    width: 16.66667%; }
  .large-margin-collapse > .large-3 {
    width: 25%; }
  .large-margin-collapse > .large-4 {
    width: 33.33333%; }
  .large-margin-collapse > .large-5 {
    width: 41.66667%; }
  .large-margin-collapse > .large-6 {
    width: 50%; }
  .large-margin-collapse > .large-7 {
    width: 58.33333%; }
  .large-margin-collapse > .large-8 {
    width: 66.66667%; }
  .large-margin-collapse > .large-9 {
    width: 75%; }
  .large-margin-collapse > .large-10 {
    width: 83.33333%; }
  .large-margin-collapse > .large-11 {
    width: 91.66667%; }
  .large-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

.small-offset-0 {
  margin-left: 0%; }

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 0.3125rem); }

.small-offset-1 {
  margin-left: 8.33333%; }

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.33333% + 0.3125rem); }

.small-offset-2 {
  margin-left: 16.66667%; }

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.66667% + 0.3125rem); }

.small-offset-3 {
  margin-left: 25%; }

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 0.3125rem); }

.small-offset-4 {
  margin-left: 33.33333%; }

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.33333% + 0.3125rem); }

.small-offset-5 {
  margin-left: 41.66667%; }

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.66667% + 0.3125rem); }

.small-offset-6 {
  margin-left: 50%; }

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 0.3125rem); }

.small-offset-7 {
  margin-left: 58.33333%; }

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.33333% + 0.3125rem); }

.small-offset-8 {
  margin-left: 66.66667%; }

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.66667% + 0.3125rem); }

.small-offset-9 {
  margin-left: 75%; }

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 0.3125rem); }

.small-offset-10 {
  margin-left: 83.33333%; }

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.33333% + 0.3125rem); }

.small-offset-11 {
  margin-left: 91.66667%; }

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.66667% + 0.3125rem); }

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.625rem); }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.33333% + 0.625rem); }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.66667% + 0.625rem); }
  .medium-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 0.625rem); }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.33333% + 0.625rem); }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.66667% + 0.625rem); }
  .medium-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 0.625rem); }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.33333% + 0.625rem); }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.66667% + 0.625rem); }
  .medium-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 0.625rem); }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.33333% + 0.625rem); }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.66667% + 0.625rem); } }

@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 0.625rem); }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.33333% + 0.625rem); }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.66667% + 0.625rem); }
  .large-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 0.625rem); }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.33333% + 0.625rem); }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.66667% + 0.625rem); }
  .large-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 0.625rem); }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.33333% + 0.625rem); }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.66667% + 0.625rem); }
  .large-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 0.625rem); }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.33333% + 0.625rem); }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.66667% + 0.625rem); } }

.grid-y {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap; }
  .grid-y > .cell {
    width: auto; }
  .grid-y > .auto {
    height: auto; }
  .grid-y > .shrink {
    height: auto; }
  .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }
  .grid-y > .small-1 {
    height: 8.33333%; }
  .grid-y > .small-2 {
    height: 16.66667%; }
  .grid-y > .small-3 {
    height: 25%; }
  .grid-y > .small-4 {
    height: 33.33333%; }
  .grid-y > .small-5 {
    height: 41.66667%; }
  .grid-y > .small-6 {
    height: 50%; }
  .grid-y > .small-7 {
    height: 58.33333%; }
  .grid-y > .small-8 {
    height: 66.66667%; }
  .grid-y > .small-9 {
    height: 75%; }
  .grid-y > .small-10 {
    height: 83.33333%; }
  .grid-y > .small-11 {
    height: 91.66667%; }
  .grid-y > .small-12 {
    height: 100%; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-auto {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
      height: auto; }
    .grid-y > .medium-shrink {
      height: auto; }
    .grid-y > .medium-1 {
      height: 8.33333%; }
    .grid-y > .medium-2 {
      height: 16.66667%; }
    .grid-y > .medium-3 {
      height: 25%; }
    .grid-y > .medium-4 {
      height: 33.33333%; }
    .grid-y > .medium-5 {
      height: 41.66667%; }
    .grid-y > .medium-6 {
      height: 50%; }
    .grid-y > .medium-7 {
      height: 58.33333%; }
    .grid-y > .medium-8 {
      height: 66.66667%; }
    .grid-y > .medium-9 {
      height: 75%; }
    .grid-y > .medium-10 {
      height: 83.33333%; }
    .grid-y > .medium-11 {
      height: 91.66667%; }
    .grid-y > .medium-12 {
      height: 100%; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-auto {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
      height: auto; }
    .grid-y > .large-shrink {
      height: auto; }
    .grid-y > .large-1 {
      height: 8.33333%; }
    .grid-y > .large-2 {
      height: 16.66667%; }
    .grid-y > .large-3 {
      height: 25%; }
    .grid-y > .large-4 {
      height: 33.33333%; }
    .grid-y > .large-5 {
      height: 41.66667%; }
    .grid-y > .large-6 {
      height: 50%; }
    .grid-y > .large-7 {
      height: 58.33333%; }
    .grid-y > .large-8 {
      height: 66.66667%; }
    .grid-y > .large-9 {
      height: 75%; }
    .grid-y > .large-10 {
      height: 83.33333%; }
    .grid-y > .large-11 {
      height: 91.66667%; }
    .grid-y > .large-12 {
      height: 100%; } }

.grid-padding-y .grid-padding-y {
  margin-top: -0.3125rem;
  margin-bottom: -0.3125rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-y .grid-padding-y {
      margin-top: -0.625rem;
      margin-bottom: -0.625rem; } }
  @media print, screen and (min-width: 64em) {
    .grid-padding-y .grid-padding-y {
      margin-top: -0.625rem;
      margin-bottom: -0.625rem; } }

.grid-padding-y > .cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-y > .cell {
      padding-top: 0.9375rem;
      padding-bottom: 0.9375rem; } }

.grid-margin-y {
  margin-top: -0.3125rem;
  margin-bottom: -0.3125rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y {
      margin-top: -0.625rem;
      margin-bottom: -0.625rem; } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y {
      margin-top: -0.625rem;
      margin-bottom: -0.625rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 0.625rem);
    margin-top: 0.3125rem;
    margin-bottom: 0.3125rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .cell {
      height: calc(100% - 1.25rem);
      margin-top: 0.625rem;
      margin-bottom: 0.625rem; } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .cell {
      height: calc(100% - 1.25rem);
      margin-top: 0.625rem;
      margin-bottom: 0.625rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 0.625rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 0.625rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 0.625rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 0.625rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 0.625rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 0.625rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 0.625rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 0.625rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 0.625rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 0.625rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 0.625rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 0.625rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.33333% - 1.25rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.66667% - 1.25rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 1.25rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.33333% - 1.25rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.66667% - 1.25rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 1.25rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.33333% - 1.25rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.66667% - 1.25rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 1.25rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.33333% - 1.25rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.66667% - 1.25rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 1.25rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 1.25rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 1.25rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.25rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 1.25rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 1.25rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.25rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 1.25rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 1.25rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.25rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 1.25rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 1.25rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.25rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.33333% - 1.25rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.66667% - 1.25rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 1.25rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.33333% - 1.25rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.66667% - 1.25rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 1.25rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.33333% - 1.25rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.66667% - 1.25rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 1.25rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.33333% - 1.25rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.66667% - 1.25rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 1.25rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 1.25rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 1.25rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.25rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 1.25rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 1.25rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.25rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 1.25rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 1.25rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.25rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 1.25rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 1.25rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.25rem); }
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.33333% - 1.25rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.66667% - 1.25rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 1.25rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.33333% - 1.25rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.66667% - 1.25rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 1.25rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.33333% - 1.25rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.66667% - 1.25rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 1.25rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.33333% - 1.25rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.66667% - 1.25rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 1.25rem); } }

.grid-frame {
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  width: 100vw; }

.cell .grid-frame {
  width: 100%; }

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-stype: -ms-autohiding-scrollbar; }

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-stype: -ms-autohiding-scrollbar; }

.cell-block-container {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-height: 100%; }
  .cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    width: 100vw; }
  .cell .medium-grid-frame {
    width: 100%; }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; }
  .medium-cell-block-container {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-height: 100%; }
    .medium-cell-block-container > .grid-x {
      max-height: 100%;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; } }

@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    width: 100vw; }
  .cell .large-grid-frame {
    width: 100%; }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; }
  .large-cell-block-container {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-height: 100%; }
    .large-cell-block-container > .grid-x {
      max-height: 100%;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar; } }

.grid-y.grid-frame {
  width: auto;
  overflow: auto;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  height: 100vh; }

@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    height: 100vh; } }

@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    height: 100vh; } }

.cell .grid-y.grid-frame {
  height: 100%; }

@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%; } }

@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%; } }

.grid-margin-y {
  margin-top: -0.3125rem;
  margin-bottom: -0.3125rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y {
      margin-top: -0.625rem;
      margin-bottom: -0.625rem; } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y {
      margin-top: -0.625rem;
      margin-bottom: -0.625rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 0.625rem);
    margin-top: 0.3125rem;
    margin-bottom: 0.3125rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .cell {
      height: calc(100% - 1.25rem);
      margin-top: 0.625rem;
      margin-bottom: 0.625rem; } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .cell {
      height: calc(100% - 1.25rem);
      margin-top: 0.625rem;
      margin-bottom: 0.625rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 0.625rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 0.625rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 0.625rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 0.625rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 0.625rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 0.625rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 0.625rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 0.625rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 0.625rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 0.625rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 0.625rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 0.625rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.33333% - 1.25rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.66667% - 1.25rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 1.25rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.33333% - 1.25rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.66667% - 1.25rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 1.25rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.33333% - 1.25rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.66667% - 1.25rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 1.25rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.33333% - 1.25rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.66667% - 1.25rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 1.25rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 1.25rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 1.25rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.25rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 1.25rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 1.25rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.25rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 1.25rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 1.25rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.25rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 1.25rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 1.25rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.25rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.33333% - 1.25rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.66667% - 1.25rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 1.25rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.33333% - 1.25rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.66667% - 1.25rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 1.25rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.33333% - 1.25rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.66667% - 1.25rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 1.25rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.33333% - 1.25rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.66667% - 1.25rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 1.25rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 1.25rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 1.25rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.25rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 1.25rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 1.25rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.25rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 1.25rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 1.25rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.25rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 1.25rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 1.25rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.25rem); }
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.33333% - 1.25rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.66667% - 1.25rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 1.25rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.33333% - 1.25rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.66667% - 1.25rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 1.25rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.33333% - 1.25rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.66667% - 1.25rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 1.25rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.33333% - 1.25rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.66667% - 1.25rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 1.25rem); } }

.grid-frame.grid-margin-y {
  height: calc(100vh + 0.625rem); }
  @media print, screen and (min-width: 40em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.25rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.25rem); } }

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.25rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.25rem); } }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 10px;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: 600;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "latobold";
  font-style: normal;
  font-weight: 600;
  color: inherit;
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small,
  h2 small, .h2 small,
  h3 small, .h3 small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small {
    line-height: 0;
    color: #fff; }

h1, .h1 {
  font-size: 3.125rem;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h2, .h2 {
  font-size: 2.5rem;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h3, .h3 {
  font-size: 1.875rem;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h4, .h4 {
  font-size: 1.25rem;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h5, .h5 {
  font-size: 1.125rem;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h6, .h6 {
  font-size: 1rem;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0.5rem; }

a {
  line-height: inherit;
  color: #1779ba;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #1468a0; }
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0; }

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6; }

li {
  font-size: inherit; }

ul {
  margin-left: 1.25rem;
  list-style-type: disc; }

ol {
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 40px; }
  dl dt {
    margin-bottom: 0;
    font-weight: 400; }

blockquote {
  margin: 0 0 10px;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 2px solid #fff; }
  blockquote, blockquote p {
    line-height: 1.6;
    color: #fff; }

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a; }
  cite::before {
    content: "— "; }

abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none; }

figure {
  margin: 0; }

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a; }

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a; }

.lead {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

ul.no-bullet, ul.tabs-steps, .question-group ul.radio-group, .question-group ul.radio-group--inline, ol.no-bullet, ol.tabs-steps, .question-group ol.radio-group, .question-group ol.radio-group--inline {
  margin-left: 0;
  list-style: none; }

.text-left {
  text-align: left; }

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

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  /*a[href]:after {
    content: " (" attr(href) ")"; }*/
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.75cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .print-break-inside {
    page-break-inside: auto; } }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 1.4375rem;
  margin: 0 0 1rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #fff;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    outline: none;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input::placeholder,
textarea::placeholder {
  color: #cacaca; }

select:disabled, select[readonly],
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: transparent !important;
  color: lightgray !important;
  cursor: not-allowed !important; }

[type='submit'],
[type='button'] {
  appearance: none;
  border-radius: 0; }

input[type='search'] {
  box-sizing: border-box; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0; }
  [type='checkbox'] + label[for],
  [type='radio'] + label[for] {
    cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.5rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a; }
  label.middle {
    margin: 0 0 1rem;
    padding: 0.5rem 0; }

.help-text {
  margin-top: -0.5rem;
  font-size: "";
  font-style: "";
  color: #fff; }

.input-group {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  -ms-flex-align: stretch;
      align-items: stretch; }
  .input-group > :first-child {
    border-radius: 0 0 0 0; }
  .input-group > :last-child > * {
    border-radius: 0 0 0 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap; }

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-align: center;
      align-items: center; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  -ms-flex: 1 1 0px;
      flex: 1 1 0px;
  height: auto;
  min-width: 0; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button,
  .input-group-button label {
    height: auto;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  max-width: 100%;
  margin-bottom: 0.5rem; }

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #cacaca; }
  .fieldset legend {
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem; }

select {
  height: 1.4375rem;
  margin: 0 0 1rem;
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  /*font-size: 1rem;*/
  font-weight: normal;
  line-height: 1.5;
  /*color: #fff;*/
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:focus {
    outline: none;
    border: 0;
    /*background-color: transparent;*/
    box-shadow: none;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  select:disabled {
    background-color: transparent;
    cursor: not-allowed; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #f9ecea; }
  .is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37; }

.is-invalid-label {
  color: #cc4b37; }

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #cc4b37; }
  .form-error.is-visible {
    display: block; }

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: "latobold";
  padding: 10px 40px;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 999px;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #1779ba;
  color: #fff; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    background-color: #14679e;
    color: #fff; }
  .button.tiny {
    font-size: 0.6rem; }
  .button.small {
    font-size: 0.75rem; }
  .button.large {
    font-size: 1.25rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  .button.primary {
    background-color: #1779ba;
    color: #fff; }
    .button.primary:hover, .button.primary:focus {
      background-color: #126195;
      color: #fff; }
  .button.secondary {
    background-color: #767676;
    color: rgba(0, 0, 0, 0.5); }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #5e5e5e;
      color: rgba(0, 0, 0, 0.5); }
  .button.success {
    background-color: #3adb76;
    color: rgba(0, 0, 0, 0.5); }
    .button.success:hover, .button.success:focus {
      background-color: #22bb5b;
      color: rgba(0, 0, 0, 0.5); }
  .button.warning {
    background-color: #ffae00;
    color: rgba(0, 0, 0, 0.5); }
    .button.warning:hover, .button.warning:focus {
      background-color: #cc8b00;
      color: rgba(0, 0, 0, 0.5); }
  .button.alert {
    background-color: #cc4b37;
    color: rgba(0, 0, 0, 0.5); }
    .button.alert:hover, .button.alert:focus {
      background-color: #a53b2a;
      color: rgba(0, 0, 0, 0.5); }
  .button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed; }
    .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
      background-color: #1779ba;
      color: #fff; }
    .button.disabled.primary, .button[disabled].primary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
        background-color: #1779ba;
        color: #fff; }
    .button.disabled.secondary, .button[disabled].secondary {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #767676;
        color: rgba(0, 0, 0, 0.5); }
    .button.disabled.success, .button[disabled].success {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #3adb76;
        color: rgba(0, 0, 0, 0.5); }
    .button.disabled.warning, .button[disabled].warning {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #ffae00;
        color: rgba(0, 0, 0, 0.5); }
    .button.disabled.alert, .button[disabled].alert {
      opacity: 0.25;
      cursor: not-allowed; }
      .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #cc4b37;
        color: rgba(0, 0, 0, 0.5); }
  .button.hollow {
    border: 2px solid #1779ba;
    color: #1779ba; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background-color: transparent; }
    .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
      background-color: transparent; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #0c3d5d;
      color: #0c3d5d; }
      .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
        border: 2px solid #1779ba;
        color: #1779ba; }
    .button.hollow.primary {
      border: 2px solid #1779ba;
      color: #1779ba; }
      .button.hollow.primary:hover, .button.hollow.primary:focus {
        border-color: #0c3d5d;
        color: #0c3d5d; }
        .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
          border: 2px solid #1779ba;
          color: #1779ba; }
    .button.hollow.secondary {
      border: 2px solid #767676;
      color: #767676; }
      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
        border-color: #3b3b3b;
        color: #3b3b3b; }
        .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
          border: 2px solid #767676;
          color: #767676; }
    .button.hollow.success {
      border: 2px solid #3adb76;
      color: #3adb76; }
      .button.hollow.success:hover, .button.hollow.success:focus {
        border-color: #157539;
        color: #157539; }
        .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
          border: 2px solid #3adb76;
          color: #3adb76; }
    .button.hollow.warning {
      border: 2px solid #ffae00;
      color: #ffae00; }
      .button.hollow.warning:hover, .button.hollow.warning:focus {
        border-color: #805700;
        color: #805700; }
        .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
          border: 2px solid #ffae00;
          color: #ffae00; }
    .button.hollow.alert {
      border: 2px solid #cc4b37;
      color: #cc4b37; }
      .button.hollow.alert:hover, .button.hollow.alert:focus {
        border-color: #67251a;
        color: #67251a; }
        .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
          border: 2px solid #cc4b37;
          color: #cc4b37; }
  .button.clear {
    border: 2px solid #1779ba;
    color: #1779ba; }
    .button.clear, .button.clear:hover, .button.clear:focus {
      background-color: transparent; }
    .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
      background-color: transparent; }
    .button.clear:hover, .button.clear:focus {
      border-color: #0c3d5d;
      color: #0c3d5d; }
      .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
        border: 2px solid #1779ba;
        color: #1779ba; }
    .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {
      border-color: transparent; }
    .button.clear.primary {
      border: 2px solid #1779ba;
      color: #1779ba; }
      .button.clear.primary:hover, .button.clear.primary:focus {
        border-color: #0c3d5d;
        color: #0c3d5d; }
        .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
          border: 2px solid #1779ba;
          color: #1779ba; }
      .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
        border-color: transparent; }
    .button.clear.secondary {
      border: 2px solid #767676;
      color: #767676; }
      .button.clear.secondary:hover, .button.clear.secondary:focus {
        border-color: #3b3b3b;
        color: #3b3b3b; }
        .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
          border: 2px solid #767676;
          color: #767676; }
      .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
        border-color: transparent; }
    .button.clear.success {
      border: 2px solid #3adb76;
      color: #3adb76; }
      .button.clear.success:hover, .button.clear.success:focus {
        border-color: #157539;
        color: #157539; }
        .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
          border: 2px solid #3adb76;
          color: #3adb76; }
      .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
        border-color: transparent; }
    .button.clear.warning {
      border: 2px solid #ffae00;
      color: #ffae00; }
      .button.clear.warning:hover, .button.clear.warning:focus {
        border-color: #805700;
        color: #805700; }
        .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
          border: 2px solid #ffae00;
          color: #ffae00; }
      .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
        border-color: transparent; }
    .button.clear.alert {
      border: 2px solid #cc4b37;
      color: #cc4b37; }
      .button.clear.alert:hover, .button.clear.alert:focus {
        border-color: #67251a;
        color: #67251a; }
        .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
          border: 2px solid #cc4b37;
          color: #cc4b37; }
      .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
        border-color: transparent; }
  .button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 40px; }
  .button.dropdown.hollow::after {
    border-top-color: #1779ba; }
  .button.dropdown.hollow.primary::after {
    border-top-color: #1779ba; }
  .button.dropdown.hollow.secondary::after {
    border-top-color: #767676; }
  .button.dropdown.hollow.success::after {
    border-top-color: #3adb76; }
  .button.dropdown.hollow.warning::after {
    border-top-color: #ffae00; }
  .button.dropdown.hollow.alert::after {
    border-top-color: #cc4b37; }
  .button.arrow-only::after {
    top: -0.1em;
    float: none;
    margin-left: 0; }

a.button:hover, a.button:focus {
  text-decoration: none; }

.accordion {
  margin-left: 0;
  background: #fff;
  list-style-type: none; }
  .accordion[disabled] .accordion-title {
    cursor: not-allowed; }

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0; }

.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0; }

.accordion-title {
  position: relative;
  display: block;
  padding: 20px;
  border: 0;
  border-bottom: 0;
  font-size: 1.25rem;
  line-height: 1;
  color: #0073cd; }
  :last-child:not(.is-active) > .accordion-title {
    border-bottom: 0;
    border-radius: 0 0 0 0; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: transparent; }
  .accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: '+'; }
  .is-active > .accordion-title::before {
    content: '\2013'; }

.accordion-content {
  display: none;
  padding: 10px 20px;
  border: 0;
  border-bottom: 0;
  background-color: #0073cd;
  color: #fff; }
  :last-child > .accordion-content:last-child {
    border-bottom: 0; }

.accordion-menu li {
  width: 100%; }

.accordion-menu a {
  padding: 0.7rem 1rem; }

.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem; }

.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem; }

.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0; }

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative; }
  .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem; }

.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  left: auto;
  right: 1rem; }

.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem; }

.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%; }

.is-accordion-submenu-parent {
  position: relative; }

.has-submenu-toggle > a {
  margin-right: 40px; }

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 40px;
  height: 40px; }
  .submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto; }

.submenu-toggle[aria-expanded='true']::after {
  -ms-transform: scaleY(-1);
      transform: scaleY(-1);
  -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%; }

.submenu-toggle-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0; }

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #1779ba;
  color: #fefefe; }
  .badge.primary {
    background: #1779ba;
    color: #fefefe; }
  .badge.secondary {
    background: #767676;
    color: #fefefe; }
  .badge.success {
    background: #3adb76;
    color: #0a0a0a; }
  .badge.warning {
    background: #ffae00;
    color: #0a0a0a; }
  .badge.alert {
    background: #cc4b37;
    color: #fefefe; }

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none; }
  .breadcrumbs::before, .breadcrumbs::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-order: 1;
        order: 1; }
  .breadcrumbs::after {
    clear: both; }
  .breadcrumbs li {
    float: left;
    font-size: 0.6875rem;
    color: #0a0a0a;
    cursor: default;
    text-transform: uppercase; }
    .breadcrumbs li:not(:last-child)::after {
      position: relative;
      margin: 0 0.75rem;
      opacity: 1;
      content: "/";
      color: #cacaca; }
  .breadcrumbs a {
    color: #1779ba; }
    .breadcrumbs a:hover {
      text-decoration: underline; }
  .breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed; }

.button-group {
  margin-bottom: 1rem;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: stretch;
      align-items: stretch; }
  .button-group::before, .button-group::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-order: 1;
        order: 1; }
  .button-group::after {
    clear: both; }
  .button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: 0.9rem;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
    .button-group .button:last-child {
      margin-right: 0; }
  .button-group.tiny .button {
    font-size: 0.6rem; }
  .button-group.small .button {
    font-size: 0.75rem; }
  .button-group.large .button {
    font-size: 1.25rem; }
  .button-group.expanded .button {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px; }
  .button-group.primary .button {
    background-color: #1779ba;
    color: #fff; }
    .button-group.primary .button:hover, .button-group.primary .button:focus {
      background-color: #126195;
      color: #fff; }
  .button-group.secondary .button {
    background-color: #767676;
    color: rgba(0, 0, 0, 0.5); }
    .button-group.secondary .button:hover, .button-group.secondary .button:focus {
      background-color: #5e5e5e;
      color: rgba(0, 0, 0, 0.5); }
  .button-group.success .button {
    background-color: #3adb76;
    color: rgba(0, 0, 0, 0.5); }
    .button-group.success .button:hover, .button-group.success .button:focus {
      background-color: #22bb5b;
      color: rgba(0, 0, 0, 0.5); }
  .button-group.warning .button {
    background-color: #ffae00;
    color: rgba(0, 0, 0, 0.5); }
    .button-group.warning .button:hover, .button-group.warning .button:focus {
      background-color: #cc8b00;
      color: rgba(0, 0, 0, 0.5); }
  .button-group.alert .button {
    background-color: #cc4b37;
    color: rgba(0, 0, 0, 0.5); }
    .button-group.alert .button:hover, .button-group.alert .button:focus {
      background-color: #a53b2a;
      color: rgba(0, 0, 0, 0.5); }
  .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
      .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
        margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
      margin-bottom: 0; } }
  @media print, screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
      margin-bottom: 0; } }
  @media screen and (max-width: 39.9375em) {
    .button-group.stacked-for-small.expanded {
      display: block; }
      .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0; } }

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  background-color: white;
  color: #0a0a0a; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #d7ecfa;
    color: #0a0a0a; }
  .callout.secondary {
    background-color: #eaeaea;
    color: #0a0a0a; }
  .callout.success {
    background-color: #e1faea;
    color: #0a0a0a; }
  .callout.warning {
    background-color: #fff3d9;
    color: #0a0a0a; }
  .callout.alert {
    background-color: #f7e4e1;
    color: #0a0a0a; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

.card {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-bottom: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a; }
  .card > :last-child {
    margin-bottom: 0; }

.card-divider {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  padding: 1rem;
  background: #e6e6e6; }
  .card-divider > :last-child {
    margin-bottom: 0; }

.card-section {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  padding: 1rem; }
  .card-section > :last-child {
    margin-bottom: 0; }

.card-image {
  min-height: 1px; }

.close-button {
  position: absolute;
  color: #8a8a8a;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #0a0a0a; }
  .close-button.small {
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1; }
  .close-button, .close-button.medium {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1; }

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  [data-whatinput='mouse'] .menu li {
    outline: 0; }
  .menu a,
  .menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.7rem 1rem; }
  .menu input,
  .menu select,
  .menu a,
  .menu button {
    margin-bottom: 0; }
  .menu input {
    display: inline-block; }
  .menu, .menu.horizontal {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row; }
  .menu.vertical {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-direction: column;
        flex-direction: column; }
  .menu.expanded li {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px; }
  .menu.simple {
    -ms-flex-align: center;
        align-items: center; }
    .menu.simple li + li {
      margin-left: 1rem; }
    .menu.simple a {
      padding: 0; }
  @media print, screen and (min-width: 40em) {
    .menu.medium-horizontal {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-direction: row;
          flex-direction: row; }
    .menu.medium-vertical {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -ms-flex-direction: column;
          flex-direction: column; }
    .menu.medium-expanded li {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px; }
    .menu.medium-simple li {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px; } }
  @media print, screen and (min-width: 64em) {
    .menu.large-horizontal {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-direction: row;
          flex-direction: row; }
    .menu.large-vertical {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -ms-flex-direction: column;
          flex-direction: column; }
    .menu.large-expanded li {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px; }
    .menu.large-simple li {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px; } }
  .menu.nested {
    margin-right: 0;
    margin-left: 1rem; }
  .menu.icons a {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex; }
  .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex; }
  .menu.icon-left li a {
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap; }
    .menu.icon-left li a img,
    .menu.icon-left li a i,
    .menu.icon-left li a svg {
      margin-right: 0.25rem; }
  .menu.icon-right li a {
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap; }
    .menu.icon-right li a img,
    .menu.icon-right li a i,
    .menu.icon-right li a svg {
      margin-left: 0.25rem; }
  .menu.icon-top li a {
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap; }
    .menu.icon-top li a img,
    .menu.icon-top li a i,
    .menu.icon-top li a svg {
      -ms-flex-item-align: stretch;
          align-self: stretch;
      margin-bottom: 0.25rem;
      text-align: center; }
  .menu.icon-bottom li a {
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap; }
    .menu.icon-bottom li a img,
    .menu.icon-bottom li a i,
    .menu.icon-bottom li a svg {
      -ms-flex-item-align: stretch;
          align-self: stretch;
      margin-bottom: 0.25rem;
      text-align: center; }
  .menu .is-active > a {
    background: #1779ba;
    color: #fefefe; }
  .menu .active > a {
    background: #1779ba;
    color: #fefefe; }
  .menu.align-left {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .menu.align-right li {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end; }
    .menu.align-right li .submenu li {
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .menu.align-right.vertical li {
    display: block;
    text-align: right; }
    .menu.align-right.vertical li .submenu li {
      text-align: right; }
  .menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0; }
  .menu.align-center li {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    .menu.align-center li .submenu li {
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .menu .menu-text {
    padding: 0.7rem 1rem;
    font-weight: bold;
    line-height: 1;
    color: inherit; }

.menu-centered > .menu {
  -ms-flex-pack: center;
      justify-content: center; }
  .menu-centered > .menu li {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    .menu-centered > .menu li .submenu li {
      -ms-flex-pack: start;
          justify-content: flex-start; }

.no-js [data-responsive-menu] ul {
  display: none; }

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer; }
  .menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    content: ''; }
  .menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer; }
  .menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    content: ''; }
  .menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.is-drilldown {
  position: relative;
  overflow: hidden; }
  .is-drilldown li {
    display: block; }
  .is-drilldown.animate-height {
    transition: height 0.5s; }

.drilldown a {
  padding: 0.7rem 1rem;
  background: #fefefe; }

.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear; }
  .drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -ms-transform: translateX(-100%);
        transform: translateX(-100%); }
  .drilldown .is-drilldown-submenu.is-closing {
    -ms-transform: translateX(100%);
        transform: translateX(100%); }
  .drilldown .is-drilldown-submenu a {
    padding: 0.7rem 1rem; }

.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0; }

.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%; }

.drilldown .is-drilldown-submenu-parent > a {
  position: relative; }
  .drilldown .is-drilldown-submenu-parent > a::after {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba; }

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  left: auto;
  right: 1rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba; }

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  right: auto;
  left: 1rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent; }

.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  border-left-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
  border-left-width: 0; }

.dropdown-pane {
  position: absolute;
  z-index: 10;
  width: 365px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  font-size: 1rem;
  opacity: 0;
  visibility: hidden;
  top: 100px !important;
  -ms-transform-origin: top;
      transform-origin: top;
  transition: visibility 0.2s ease-out,
 opacity 0.2s ease-out,
 top 0.2s ease-out; }
  .dropdown-pane.is-opening {
    display: block;
    top: 25px !important; }
  .dropdown-pane.is-open {
    visibility: visible;
    display: block;
    top: 75px !important;
    opacity: 1;
    transition: visibility 0.2s ease-out,
 opacity 0.2s ease-out,
 top 0.2s ease-out; }

.dropdown-pane.tiny {
  width: 100px; }

.dropdown-pane.small {
  width: 200px; }

.dropdown-pane.large {
  width: 400px; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0; }

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1779ba transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px; }

.dropdown.menu a {
  padding: 0.7rem 1rem; }
  [data-whatinput='mouse'] .dropdown.menu a {
    outline: 0; }

.dropdown.menu .is-active > a {
  background: transparent;
  color: #1779ba; }

.no-js .dropdown.menu ul {
  display: none; }

.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0; }

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0; }

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
  top: 0; }

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%; }

.dropdown.menu.vertical > li > a::after {
  right: 14px; }

.dropdown.menu.vertical > li.opens-left > a::after {
  right: auto;
  left: 5px;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent; }

.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba; }

@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px; }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0; }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px; }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent; }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba; } }

@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px; }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
    top: 0; }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px; }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent; }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba; } }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto; }

.is-dropdown-menu.vertical {
  width: 100px; }
  .is-dropdown-menu.vertical.align-right {
    float: right; }

.is-dropdown-submenu-parent {
  position: relative; }
  .is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px; }
  .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #cacaca;
  background: #fefefe; }
  .dropdown .is-dropdown-submenu a {
    padding: 0.7rem 1rem; }
  .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    right: auto;
    left: 5px;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba; }
  .is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px; }
  .is-dropdown-submenu > li {
    width: 100%; }
  .is-dropdown-submenu.js-dropdown-active {
    display: block; }

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden; }
  .responsive-embed iframe,
  .responsive-embed object,
  .responsive-embed embed,
  .responsive-embed video,
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .responsive-embed.widescreen,
  .flex-video.widescreen {
    padding-bottom: 56.25%; }

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 999px;
  font-size: 0.75rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: transparent;
  color: #fff; }
  .label.primary {
    background: #1779ba;
    color: #fff; }
  .label.secondary {
    background: #767676;
    color: #000; }
  .label.success {
    background: #3adb76;
    color: #000; }
  .label.warning {
    background: #ffae00;
    color: #000; }
  .label.alert {
    background: #cc4b37;
    color: #000; }

.media-object {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  margin-bottom: 1rem;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  .media-object img {
    max-width: none; }
  @media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small .media-object-section {
      padding: 0;
      padding-bottom: 1rem;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      max-width: 100%; }
      .media-object.stack-for-small .media-object-section img {
        width: 100%; } }

.media-object-section {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto; }
  .media-object-section:first-child {
    padding-right: 1rem; }
  .media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem; }
  .media-object-section > :last-child {
    margin-bottom: 0; }
  .media-object-section.main-section {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px; }

.is-off-canvas-open {
  overflow: hidden; }

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  overflow: hidden; }
  .js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible; }
  .js-off-canvas-overlay.is-closable {
    cursor: pointer; }
  .js-off-canvas-overlay.is-overlay-absolute {
    position: absolute; }
  .js-off-canvas-overlay.is-overlay-fixed {
    position: fixed; }

.off-canvas-wrapper {
  position: relative;
  overflow: hidden; }

.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #0f6596; }
  [data-whatinput='mouse'] .off-canvas {
    outline: 0; }
  .off-canvas.is-transition-push {
    z-index: 12; }
  .off-canvas.is-closed {
    visibility: hidden; }
  .off-canvas.is-transition-overlap {
    z-index: 13; }
    .off-canvas.is-transition-overlap.is-open {
      box-shadow: 0; }
  .off-canvas.is-open {
    -ms-transform: translate(0, 0);
        transform: translate(0, 0); }

.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #0f6596; }
  [data-whatinput='mouse'] .off-canvas-absolute {
    outline: 0; }
  .off-canvas-absolute.is-transition-push {
    z-index: 12; }
  .off-canvas-absolute.is-closed {
    visibility: hidden; }
  .off-canvas-absolute.is-transition-overlap {
    z-index: 13; }
    .off-canvas-absolute.is-transition-overlap.is-open {
      box-shadow: 0; }
  .off-canvas-absolute.is-open {
    -ms-transform: translate(0, 0);
        transform: translate(0, 0); }

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  -ms-transform: translateX(-250px);
      transform: translateX(-250px); }
  .off-canvas-content .off-canvas.position-left {
    -ms-transform: translateX(-250px);
        transform: translateX(-250px); }
    .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
  .off-canvas-content.is-open-left.has-transition-push {
    -ms-transform: translateX(250px);
        transform: translateX(250px); }
  .position-left.is-transition-push {
    box-shadow: inset 0 0 0 0 rgba(10, 10, 10, 0.25); }

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  -ms-transform: translateX(250px);
      transform: translateX(250px); }
  .off-canvas-content .off-canvas.position-right {
    -ms-transform: translateX(250px);
        transform: translateX(250px); }
    .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
  .off-canvas-content.is-open-right.has-transition-push {
    -ms-transform: translateX(-250px);
        transform: translateX(-250px); }
  .position-right.is-transition-push {
    box-shadow: inset 0 0 0 0 rgba(10, 10, 10, 0.25); }

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 100%;
  -ms-transform: translateY(-100%);
      transform: translateY(-100%); }
  .off-canvas-content .off-canvas.position-top {
    -ms-transform: translateY(-100%);
        transform: translateY(-100%); }
    .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
  .off-canvas-content.is-open-top.has-transition-push {
    -ms-transform: translateY(100%);
        transform: translateY(100%); }
  .position-top.is-transition-push {
    box-shadow: inset 0 0 0 0 rgba(10, 10, 10, 0.25); }

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 100%;
  -ms-transform: translateY(100%);
      transform: translateY(100%); }
  .off-canvas-content .off-canvas.position-bottom {
    -ms-transform: translateY(100%);
        transform: translateY(100%); }
    .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
  .off-canvas-content.is-open-bottom.has-transition-push {
    -ms-transform: translateY(-100%);
        transform: translateY(-100%); }
  .position-bottom.is-transition-push {
    box-shadow: inset 0 0 0 0 rgba(10, 10, 10, 0.25); }

.off-canvas-content {
  -ms-transform: none;
      transform: none;
  transition: transform 0.5s ease;
  backface-visibility: hidden; }
  .off-canvas-content.has-transition-push {
    -ms-transform: translate(0, 0);
        transform: translate(0, 0); }
  .off-canvas-content .off-canvas.is-open {
    -ms-transform: translate(0, 0);
        transform: translate(0, 0); }

@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-medium {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-left {
      margin-left: 250px; }
    .position-left.reveal-for-medium ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-medium {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-medium {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-right {
      margin-right: 250px; }
    .position-right.reveal-for-medium ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-medium {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-medium {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-top {
      margin-top: 250px; }
    .position-top.reveal-for-medium ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-medium {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-medium {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px; }
    .position-bottom.reveal-for-medium ~ .off-canvas-content {
      margin-bottom: 250px; } }

@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-large {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-left {
      margin-left: 250px; }
    .position-left.reveal-for-large ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-large {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-large {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-right {
      margin-right: 250px; }
    .position-right.reveal-for-large ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-large {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-large {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-top {
      margin-top: 250px; }
    .position-top.reveal-for-large ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-large {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-large {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px; }
    .position-bottom.reveal-for-large ~ .off-canvas-content {
      margin-bottom: 250px; } }

@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: inherit;
    width: inherit;
    overflow: inherit;
    transition: inherit; }
    .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
      box-shadow: none;
      -ms-transform: none;
          transform: none; }
    .off-canvas.in-canvas-for-medium .close-button {
      display: none; } }

@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: inherit;
    width: inherit;
    overflow: inherit;
    transition: inherit; }
    .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
      box-shadow: none;
      -ms-transform: none;
          transform: none; }
    .off-canvas.in-canvas-for-large .close-button {
      display: none; } }

.orbit {
  position: relative; }

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden; }

.orbit-slide {
  width: 100%; }
  .orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0; }

.orbit-figure {
  margin: 0; }

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0; }

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(10, 10, 10, 0.5);
  color: #fefefe; }

.orbit-previous, .orbit-next {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe; }
  [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0; }
  .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(10, 10, 10, 0.5); }

.orbit-previous {
  left: 0; }

.orbit-next {
  left: auto;
  right: 0; }

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center; }
  [data-whatinput='mouse'] .orbit-bullets {
    outline: 0; }
  .orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    border-radius: 50%;
    background-color: #cacaca; }
    .orbit-bullets button:hover {
      background-color: #8a8a8a; }
    .orbit-bullets button.is-active {
      background-color: #8a8a8a; }

.pagination {
  margin-left: 0;
  margin-bottom: 1rem; }
  .pagination::before, .pagination::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-order: 1;
        order: 1; }
  .pagination::after {
    clear: both; }
  .pagination li {
    margin-right: 0.0625rem;
    border-radius: 0;
    font-size: 0.875rem;
    display: none; }
    .pagination li:last-child, .pagination li:first-child {
      display: inline-block; }
    @media print, screen and (min-width: 40em) {
      .pagination li {
        display: inline-block; } }
  .pagination a,
  .pagination button {
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0;
    color: #0a0a0a; }
    .pagination a:hover,
    .pagination button:hover {
      background: #e6e6e6; }
  .pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #1779ba;
    color: #fefefe;
    cursor: default; }
  .pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #cacaca;
    cursor: not-allowed; }
    .pagination .disabled:hover {
      background: transparent; }
  .pagination .ellipsis::after {
    padding: 0.1875rem 0.625rem;
    content: '\2026';
    color: #0a0a0a; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: '\00ab'; }

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: '\00bb'; }

.progress {
  height: 10px;
  margin-bottom: 5px;
  border-radius: 999px;
  background-color: rgba(0, 0, 0, 0.2); }
  .progress.primary .progress-meter {
    background-color: #1779ba; }
  .progress.secondary .progress-meter {
    background-color: #767676; }
  .progress.success .progress-meter {
    background-color: #3adb76; }
  .progress.warning .progress-meter {
    background-color: #ffae00; }
  .progress.alert .progress-meter {
    background-color: #cc4b37; }

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #0ff;
  border-radius: 0; }

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  position: absolute;
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap;
  border-radius: 999px; }

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  -ms-user-select: none;
      user-select: none;
  -ms-touch-action: none;
      touch-action: none; }

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out; }
  .slider-fill.is-dragging {
    transition: all 0s linear; }

.slider-handle {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0;
  background-color: #1779ba;
  transition: all 0.2s ease-in-out;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }
  [data-whatinput='mouse'] .slider-handle {
    outline: 0; }
  .slider-handle:hover {
    background-color: #14679e; }
  .slider-handle.is-dragging {
    transition: all 0s linear; }

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed; }

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  -ms-transform: scale(1, -1);
      transform: scale(1, -1); }
  .slider.vertical .slider-fill {
    top: 0;
    width: 0.5rem;
    max-height: 100%; }
  .slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%); }

.sticky-container {
  position: relative; }

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0); }

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%; }
  .sticky.is-stuck.is-at-top {
    top: 0; }
  .sticky.is-stuck.is-at-bottom {
    bottom: 0; }

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto; }
  .sticky.is-anchored.is-at-bottom {
    bottom: 0; }

body.is-reveal-open {
  overflow: hidden; }

html.is-reveal-open,
html.is-reveal-open body {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  position: fixed;
  -ms-user-select: none;
      user-select: none; }

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: scroll; }

.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      min-height: 0; } }
  .reveal .column {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      width: 600px;
      max-width: 75rem; } }
  .reveal.collapse {
    padding: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal.tiny {
      width: 30%;
      max-width: 75rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.small {
      width: 50%;
      max-width: 75rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.large {
      width: 90%;
      max-width: 75rem; } }
  .reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media screen and (max-width: 39.9375em) {
    .reveal {
      top: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      height: 100vh;
      min-height: 100vh;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .reveal.without-overlay {
    position: fixed; }

.switch {
  height: 2rem;
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fefefe;
  -ms-user-select: none;
      user-select: none; }

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0; }

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 0;
  background: #cacaca;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer; }
  input + .switch-paddle {
    margin: 0; }
  .switch-paddle::after {
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    transform: translate3d(0, 0, 0);
    border-radius: 0;
    background: #fefefe;
    transition: all 0.25s ease-out;
    content: ''; }
  input:checked ~ .switch-paddle {
    background: #1779ba; }
    input:checked ~ .switch-paddle::after {
      left: 2.25rem; }
  [data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0; }

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

.switch-active {
  left: 8%;
  display: none; }
  input:checked + label > .switch-active {
    display: block; }

.switch-inactive {
  right: 15%; }
  input:checked + label > .switch-inactive {
    display: none; }

.switch.tiny {
  height: 1.5rem; }
  .switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: 0.625rem; }
  .switch.tiny .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1rem;
    height: 1rem; }
  .switch.tiny input:checked ~ .switch-paddle::after {
    left: 1.75rem; }

.switch.small {
  height: 1.75rem; }
  .switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: 0.75rem; }
  .switch.small .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 1.25rem;
    height: 1.25rem; }
  .switch.small input:checked ~ .switch-paddle::after {
    left: 2rem; }

.switch.large {
  height: 2.5rem; }
  .switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem; }
  .switch.large .switch-paddle::after {
    top: 0.25rem;
    left: 0.25rem;
    width: 2rem;
    height: 2rem; }
  .switch.large input:checked ~ .switch-paddle::after {
    left: 2.75rem; }

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 0; }
  thead,
  tbody,
  tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe; }
  caption {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: 600; }
  thead {
    background: #f8f8f8;
    color: #0a0a0a; }
  tfoot {
    background: #f1f1f1;
    color: #0a0a0a; }
  thead tr,
  tfoot tr {
    background: transparent; }
  thead th,
  thead td,
  tfoot th,
  tfoot td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: 600;
    text-align: left; }
  tbody th,
  tbody td {
    padding: 0.5rem 0.625rem 0.625rem; }
  tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1; }
  table.unstriped tbody {
    background-color: #fefefe; }
    table.unstriped tbody tr {
      border-bottom: 0;
      border-bottom: 1px solid #f1f1f1;
      background-color: #fefefe; }

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover thead tr:hover {
  background-color: #f3f3f3; }

table.hover tfoot tr:hover {
  background-color: #ececec; }

table.hover tbody tr:hover {
  background-color: #f9f9f9; }

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec; }

.table-scroll {
  overflow-x: auto; }
  .table-scroll table {
    width: auto; }

.tabs {
  margin: 0 0 40px;
  border: 1px solid 0;
  background: transparent;
  list-style-type: none; }
  .tabs::before, .tabs::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-order: 1;
        order: 1; }
  .tabs::after {
    clear: both; }

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto; }

.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
  background: #1779ba; }
  .tabs.primary > li > a {
    color: #fefefe; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #1673b1; }

.tabs-title {
  float: left; }
  .tabs-title > a {
    display: block;
    padding: 10px 0;
    font-size: 1.25rem;
    line-height: 1;
    color: #fff; }
    .tabs-title > a:hover {
      background: transparent;
      color: #dbdbdb; }
    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      background: transparent;
      color: #fff; }

.tabs-content {
  border: 1px solid 0;
  border-top: 0;
  background: transparent;
  color: inherit;
  transition: all 0.5s ease; }

.tabs-content.vertical {
  border: 1px solid 0;
  border-left: 0; }

.tabs-panel {
  display: none;
  padding: 0; }
  .tabs-panel.is-active {
    display: block; }

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: solid 4px #fefefe;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0; }

a.thumbnail {
  transition: box-shadow 200ms ease-out; }
  a.thumbnail:hover, a.thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); }
  a.thumbnail image {
    box-shadow: none; }

.title-bar {
  padding: 0.5rem;
  background: #0a0a0a;
  color: #fefefe;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center; }
  .title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }

.title-bar-left,
.title-bar-right {
  -ms-flex: 1 1 0px;
      flex: 1 1 0px; }

.title-bar-right {
  text-align: right; }

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold; }

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: 0;
  font-weight: bold;
  cursor: pointer; }

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 160px;
  padding: 5px 20px;
  border-radius: 20px;
  background-color: #fff;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.87); }
  .tooltip::before {
    position: absolute; }
  .tooltip.bottom::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 8px;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #fff;
    bottom: 100%; }
  .tooltip.bottom.align-center::before {
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
  .tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 8px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fff transparent transparent;
    top: 100%;
    bottom: auto; }
  .tooltip.top.align-center::before {
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
  .tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 8px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #fff;
    left: 100%; }
  .tooltip.left.align-center::before {
    bottom: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
  .tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 8px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #fff transparent transparent;
    right: 100%;
    left: auto; }
  .tooltip.right.align-center::before {
    bottom: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
  .tooltip.align-top::before {
    bottom: auto;
    top: 10%; }
  .tooltip.align-bottom::before {
    bottom: 10%;
    top: auto; }
  .tooltip.align-left::before {
    left: 10%;
    right: auto; }
  .tooltip.align-right::before {
    left: auto;
    right: 10%; }

.top-bar {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .top-bar,
  .top-bar ul {
    background-color: #e6e6e6; }
  .top-bar input {
    max-width: 200px;
    margin-right: 1rem; }
  .top-bar .input-group-field {
    width: 100%;
    margin-right: 0; }
  .top-bar input.button {
    width: auto; }
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%; }
  @media print, screen and (min-width: 40em) {
    .top-bar {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      .top-bar .top-bar-left {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        margin-right: auto; }
      .top-bar .top-bar-right {
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
        margin-left: auto; } }
  @media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-medium {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .top-bar.stacked-for-medium .top-bar-left,
      .top-bar.stacked-for-medium .top-bar-right {
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        max-width: 100%; } }
  @media screen and (max-width: 74.9375em) {
    .top-bar.stacked-for-large {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .top-bar.stacked-for-large .top-bar-left,
      .top-bar.stacked-for-large .top-bar-right {
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        max-width: 100%; } }

.top-bar-title {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0; }

.top-bar-left,
.top-bar-right {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0; }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-order: 1;
      order: 1; }

.clearfix::after {
  clear: both; }

a, a:hover, a:focus {
  color: inherit; }

p a:hover {
  text-decoration: underline; }

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

.template-default {
  /**
   * Hack for Firefox.
   * Avoid the cell to overflow the grid container.
   */ }
  @media print, screen and (min-width: 40em) {
    .template-default {
      min-height: 100vh; } }
  .template-default .grid-y.grid-frame {
    padding-top: 25px;
    /**
     * Resets grid-frame inside grid-frame to initial
     * Foundation definitions.
     */ }
    @media print, screen and (min-width: 40em) {
      .template-default .grid-y.grid-frame {
        min-height: 100vh; } }
    .template-default .grid-y.grid-frame .grid-y.grid-frame {
      min-height: initial;
      padding-bottom: initial;
      padding-top: initial; }
  .template-default__header > :last-child {
    margin-bottom: 0; }
  .template-default__content {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: calc(100% - 40px);
    -ms-flex-pack: center;
        justify-content: center;
    margin: 20px 0; }
    .template-default__content > .grid-x,
    .template-default__content > .grid-y {
      max-height: 100%; }
      .template-default__content > .grid-x.grid-cell-stretch .swiper-slide-active,
      .template-default__content > .grid-y.grid-cell-stretch .swiper-slide-active {
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        max-height: 100%; }
  .template-default .grid-x > .cell,
  .template-default .grid-y > .cell {
    max-height: 100%; }
  .template-default .swiper-container {
    height: 100%;
    width: 100%; }
  .template-default .swiper-slide {
    box-sizing: border-box;
    height: auto; }

/**
 * Logged template.
 * @see {@file _DefaultLogged.cshtml}
 */
.template-default-logged {
  /**
   * Hack for Firefox.
   * Avoid the cell to overflow the grid container.
   */ }
  @media print, screen and (min-width: 40em) {
    .template-default-logged {
      max-height: 100vh; } }
  .template-default-logged .grid-y.grid-frame {
    padding-top: 25px;
    /**
     * Resets grid-frame inside grid-frame to initial
     * Foundation definitions.
     */ }
    @media print, screen and (min-width: 40em) {
      .template-default-logged .grid-y.grid-frame {
        min-height: 100vh; } }
    .template-default-logged .grid-y.grid-frame .grid-y.grid-frame {
      min-height: initial;
      padding-bottom: initial;
      padding-top: initial; }
  .template-default-logged__header > :last-child {
    margin-bottom: 0; }
  .template-default-logged__content {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: calc(100% - 40px);
    -ms-flex-pack: center;
        justify-content: center;
    margin: 20px 0; }
    .template-default-logged__content > .grid-x,
    .template-default-logged__content > .grid-y {
      max-height: 100%; }
      .template-default-logged__content > .grid-x.grid-cell-stretch .swiper-slide-active,
      .template-default-logged__content > .grid-y.grid-cell-stretch .swiper-slide-active {
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column; }
    .template-default-logged__content .grid-container {
      width: 100%; }
  .template-default-logged__flex {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    /**
     * Integrate Tabs styles for proper
     * scrolling experience.
     */ }
    .template-default-logged__flex .tabs-content {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      height: 100%;
      max-height: 100%; }
      .template-default-logged__flex .tabs-content .tabs-panel.is-active {
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        height: 100%; }
  .template-default-logged .grid-x > .cell,
  .template-default-logged .grid-y > .cell {
    max-height: 100%; }
  .template-default-logged .swiper-container {
    height: 100%;
    width: 100%; }
  .template-default-logged .swiper-slide {
    box-sizing: border-box;
    height: auto; }
    .template-default-logged .swiper-slide > .grid-container,
    .template-default-logged .swiper-slide > .grid-container > .grid-x {
      max-height: 100%; }
    .template-default-logged .swiper-slide > .grid-container {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-positive: 1;
          flex-grow: 1; }
      .template-default-logged .swiper-slide > .grid-container > .grid-x {
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .template-default-logged hgroup,
  .template-default-logged hgroup > * {
    line-height: initial; }

.template-modal .grid-y.grid-frame {
  padding-top: 40px; }

.template-modal .list-table-new__row-wrapper {
  cursor: initial; }

.template-steppy {
  /**
   * Hack for Firefox.
   * Avoid the cell to overflow the grid container.
   */ }
  @media print, screen and (min-width: 40em) {
    .template-steppy {
      min-height: 100vh; } }
  .template-steppy .grid-y.grid-frame {
    padding-top: 25px;
    /**
     * Resets grid-frame inside grid-frame to initial
     * Foundation definitions.
     */ }
    @media print, screen and (min-width: 40em) {
      .template-steppy .grid-y.grid-frame {
        min-height: 100vh; } }
    .template-steppy .grid-y.grid-frame .grid-y.grid-frame {
      min-height: initial;
      padding-bottom: initial;
      padding-top: initial; }
  .template-steppy .grid-x > .cell,
  .template-steppy .grid-y > .cell {
    max-height: 100%; }
  .template-steppy .swiper-container {
    height: 100%;
    width: 100%; }
  .template-steppy .swiper-slide {
    box-sizing: border-box;
    height: auto; }
    .template-steppy .swiper-slide > .grid-container {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-positive: 1;
          flex-grow: 1; }
      .template-steppy .swiper-slide > .grid-container > .grid-x {
        -ms-flex-positive: 1;
            flex-grow: 1; }

.template-steppy-logged {
  /**
   * Hack for Firefox.
   * Avoid the cell to overflow the grid container.
   */ }
  @media print, screen and (min-width: 40em) {
    .template-steppy-logged {
      min-height: 100vh; } }
  .template-steppy-logged .grid-y.grid-frame {
    padding-top: 25px;
    /**
     * Resets grid-frame inside grid-frame to initial
     * Foundation definitions.
     */ }
    @media print, screen and (min-width: 40em) {
      .template-steppy-logged .grid-y.grid-frame {
        min-height: 100vh; } }
    .template-steppy-logged .grid-y.grid-frame .grid-y.grid-frame {
      min-height: initial;
      padding-bottom: initial;
      padding-top: initial; }
  .template-steppy-logged .grid-x > .cell,
  .template-steppy-logged .grid-y > .cell {
    max-height: 100%; }
  .template-steppy-logged .swiper-container {
    height: 100%;
    width: 100%; }
  .template-steppy-logged .swiper-slide {
    box-sizing: border-box;
    height: auto; }
    .template-steppy-logged .swiper-slide > .grid-container,
    .template-steppy-logged .swiper-slide > .grid-container > .grid-x {
      max-height: 100%; }
  .template-steppy-logged .swiper-slide-active {
    height: 100%; }

.avatar, .avatar--large {
  -ms-flex-align: center;
      align-items: center;
  background: #fff;
  border-radius: 100%;
  display: -ms-inline-flexbox;
  -js-display: inline-flex;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative; }
  .avatar > img, .avatar--large > img {
    min-height: 100%;
    min-width: 100%;
    object-fit: cover; }
  .avatar--large {
    height: 100px;
    width: 100px; }
  .avatar.small, .small.avatar--large {
    height: 20px;
    width: 20px; }

/**
 * Works with Foundation button.
 * http://foundation.zurb.com/sites/docs/button.html
 */
.button.ball {
  -ms-flex-align: center;
      align-items: center;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  height: 40px;
  -ms-flex-pack: center;
      justify-content: center;
  min-width: 40px;
  padding: 0; }
  .button.ball:hover, .button.ball:focus {
    color: #000; }
  .button.ball.small {
    height: 20px;
    width: 20px; }

/**
 * Works with Foundation button.
 * http://foundation.zurb.com/sites/docs/button.html
 */
.button.clear, .button.clear:hover, .button.clear:focus {
  color: #000;
  text-transform: none; }

.button-dashed-squad {
  cursor: pointer;
  line-height: 0;
  position: relative; }
  .button-dashed-squad:hover, .button-dashed-squad:focus {
    outline: 0; }
  .button-dashed-squad.is-active .dashed-squad path:first-child {
    stroke-dashoffset: 0; }
  .button-dashed-squad .dashed-squad {
    pointer-events: none; }
    .button-dashed-squad .dashed-squad path:first-child {
      animation: none;
      transition: stroke-dashoffset .5s linear; }
  .button-dashed-squad svg:not(.dashed-squad) {
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .button-dashed-squad svg:not(.dashed-squad) path {
      fill: currentColor; }

/**
 * Works with Foundation button.
 * http://foundation.zurb.com/sites/docs/button.html
 */
.button.hollow {
  border-radius: 999px;
  color: #fff;
  font-family: "latobold";
  font-size: 1rem;
  font-weight: 600;
  min-width: 190px;
  padding: 10px 40px; }
  .button.hollow, .button.hollow:hover, .button.hollow:focus {
    border-color: #fff; }
  .button.hollow:hover, .button.hollow:focus {
    background: #fff;
    color: #0073cd; }
  .button.hollow[disabled], .button.hollow:focus[disabled] {
    background-color: transparent;
    border-color: #fff;
    color: #fff; }
  .button.hollow.large {
    min-width: 300px; }
  .button.hollow p,
  .button.hollow span {
    margin: 0 !important; }

.button-icon {
  height: 24px;
  width: 24px; }
  .button-icon, .button-icon:focus, .button-icon:hover, .button-icon:active {
    outline: 0; }
  .button-icon:focus {
    animation: button-bouncing .40s 1 linear both; }
  .button-icon > svg {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }

@keyframes button-bouncing {
  0% {
    transform: scale(0.9); }
  25% {
    transform: scale(1.1); }
  75% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }

button {
  color: inherit;
  cursor: pointer; }
  button * {
    pointer-events: none; }

/**
 * Works with Foundation button.
 * http://foundation.zurb.com/sites/docs/button.html
 */
.button {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 20px;
  min-width: 190px;
  text-transform: uppercase; }
  .button + .button {
    margin-left: 20px; }
  .button, .button:focus, .button:active, .button:hover {
    background-color: #fff;
    border: 2px solid;
    border-color: #fff;
    color: #0073cd;
    outline: 0; }
  .button:focus {
    animation: button-bouncing .40s 1 linear both; }
  .button[disabled], .button.disabled {
    pointer-events: none; }
  .button.warning {
    border-color: #ffc800;
    transition: background-color 0.25s ease-out, color 0.25s ease-out, border-color 0.25s ease-out; }
    .button.warning, .button.warning:hover, .button.warning:focus {
      color: #fff; }
    .button.warning:hover, .button.warning:focus {
      background: #d6a800;
      border-color: #d6a800; }
  .button.light, .button.light:hover, .button.light:focus {
    background: #fff; }
  .button svg {
    vertical-align: middle; }
  .button.icon {
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex; }
    .button.icon > svg {
      margin-right: 10px; }
    .button.icon > small {
      line-height: 1.25rem;
      text-align: left; }
      .button.icon > small span {
        display: block; }

.check {
  -ms-flex-align: center;
      align-items: center;
  animation: bounce-check .35s ease-in-out;
  background: #0ff;
  border: 2px solid;
  border-color: #0ff;
  border-radius: 50%;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  height: 30px;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  width: 30px; }

@keyframes bounce-check {
  0% {
    transform: scale(0); }
  70% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
  .check::after {
    -ms-transform: scale(0) rotate(45deg) translateY(-50%);
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    content: '';
    height: 15px;
    outline: 0;
    position: absolute;
    top: 4px;
    -ms-transform: rotate(42deg);
        transform: rotate(42deg);
    width: 8px; }

.text-finance {
  color: #a8ff4a; }

.bg-finance {
  background-color: #a8ff4a; }

.text-pdf {
  color: #fc0414; }

.bg-pdf {
  background-color: #fc0414; }
  .bg-pdf.button {
    border-color: #fc0414; }
    .bg-pdf.button:hover, .bg-pdf.button:focus {
      background-color: #cb020f; }

.text-receipt {
  color: #fff8d0; }

.bg-receipt {
  background-color: #fff8d0; }

.text-xls {
  color: #069e58; }

.bg-xls {
  background-color: #069e58; }
  .bg-xls.button {
    border-color: #069e58; }
    .bg-xls.button:hover, .bg-xls.button:focus {
      background-color: #046d3d; }

input[type] {
  margin-bottom: 5px; }

.input-group {
  margin-bottom: 50px;
  position: relative; }
  .input-group.light input {
    background-color: #fff; }
    .input-group.light input::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.5);
      transition: color 0.25s ease-in-out;
      will-change: color; }
    .input-group.light input::-moz-placeholder {
      color: rgba(0, 0, 0, 0.5);
      transition: color 0.25s ease-in-out;
      will-change: color; }
    .input-group.light input:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.5);
      transition: color 0.25s ease-in-out;
      will-change: color; }
    .input-group.light input:-moz-placeholder {
      color: rgba(0, 0, 0, 0.5);
      transition: color 0.25s ease-in-out;
      will-change: color; }
  .input-group.light input,
  .input-group.light .button-group .button {
    color: rgba(0, 0, 0, 0.87); }
  .input-group.light.state-idle .button-group .button {
    color: rgba(0, 0, 0, 0.5); }
  .input-group.light-opacity input {
    background-color: rgba(255, 255, 255, 0.2); }
    .input-group.light-opacity input::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.5);
      transition: color 0.25s ease-in-out;
      will-change: color; }
    .input-group.light-opacity input::-moz-placeholder {
      color: rgba(255, 255, 255, 0.5);
      transition: color 0.25s ease-in-out;
      will-change: color; }
    .input-group.light-opacity input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.5);
      transition: color 0.25s ease-in-out;
      will-change: color; }
    .input-group.light-opacity input:-moz-placeholder {
      color: rgba(255, 255, 255, 0.5);
      transition: color 0.25s ease-in-out;
      will-change: color; }
  .input-group.light-opacity .button-group .button {
    color: rgba(255, 255, 255, 0.87); }
  .input-group.rounded input {
    border-radius: 999px; }
  .input-group.large input {
    font-size: 1.875rem;
    height: 60px;
    padding: 0 30px; }
  .input-group.large .button {
    font-size: 1rem; }
  .input-group.large ~ .input-group__helper {
    font-size: 1.25rem; }
  .input-group.icon-end input {
    padding-right: 30px; }
  .input-group.icon-end.large input {
    padding-right: 60px; }
  .input-group .button-group {
    position: absolute;
    right: 20px;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    .input-group .button-group > * {
      cursor: pointer;
      font-weight: 600;
      margin-left: 10px; }
  .input-group .button {
    font-family: "latoregular"; }
  .input-group__helper {
    display: block;
    font-family: "latoregular"; }
  .input-group ~ .input-group__helper {
    margin-top: 10px;
    padding-left: 30px; }

.input-group-default {
  cursor: text;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  margin-bottom: 50px;
  position: relative;
  width: 100%; }
  .input-group-default .input-default,
  .input-group-default .label-default {
    cursor: text;
    font-family: "latoregular";
    font-weight: 600;
    margin: 0; }
  .input-group-default .input-default {
    border-bottom: 1px solid #fff;
    -ms-flex-order: 2;
        order: 2;
    transition: border-bottom .35s; }
    .input-group-default .input-default:focus {
      border-bottom: 2px solid #ffc801;
      transition: border-bottom .35s; }
      .input-group-default .input-default:focus + .label-default {
        font-size: 0.875rem;
        opacity: .6;
        -ms-transform: translateY(-27px);
            transform: translateY(-27px);
        transition: all .35s; }
  .input-group-default .label-default {
    color: #fff;
    font-size: 1rem;
    position: absolute;
    -ms-transform: translateY(-4px);
        transform: translateY(-4px);
    transition: all .35s;
    width: 100%; }
  .input-group-default .text-feedback {
    display: block;
    font-family: "latoregular";
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0;
    -ms-flex-order: 3;
        order: 3;
    position: absolute;
    top: 28px; }

/**
 * DEPRECATED.
 * Works with Foundation Forms.
 * http://foundation.zurb.com/sites/docs/forms.html#inline-labels-and-buttons
 */
.input-group-focus .input-group-field {
  background: 0;
  border: 1px dashed transparent;
  color: inherit;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .input-group-focus .input-group-field:hover,
  .input-group-focus .input-group-field:hover:hover + .input-group-label {
    border-bottom-color: rgba(255, 255, 255, 0.5);
    opacity: 1; }

.input-group-focus .input-group-label {
  background: transparent;
  border: 0;
  border-bottom: 1px dashed transparent;
  color: rgba(255, 255, 255, 0.5);
  margin-left: 1.5px;
  opacity: 0;
  padding: 0; }

.input-group-list button {
  pointer-events: none; }

/**
 * Works with Foundation forms.
 * https://foundation.zurb.com/sites/docs/forms.html
 */
.input-group-search {
  font-size: 1.875rem;
  position: relative;
  /**
   * Reset for Foundation.
   */ }
  .input-group-search .button-group {
    pointer-events: none; }
  .input-group-search > input:first-child {
    border-radius: 999px; }
  .input-group-search input,
  .input-group-search label {
    -ms-flex-align: center;
        align-items: center;
    cursor: text;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex;
    font-size: inherit;
    height: 60px;
    padding: 0 30px; }
  .input-group-search input {
    color: inherit;
    padding-bottom: 3.33333px;
    text-align: left; }
    .input-group-search input::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.5);
      transition: color 0.25s ease-in-out;
      will-change: color; }
    .input-group-search input::-moz-placeholder {
      color: rgba(255, 255, 255, 0.5);
      transition: color 0.25s ease-in-out;
      will-change: color; }
    .input-group-search input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.5);
      transition: color 0.25s ease-in-out;
      will-change: color; }
    .input-group-search input:-moz-placeholder {
      color: rgba(255, 255, 255, 0.5);
      transition: color 0.25s ease-in-out;
      will-change: color; }
    .input-group-search input, .input-group-search input:focus, .input-group-search input:valid {
      background-color: rgba(255, 255, 255, 0.2); }
    .input-group-search input:valid + label {
      opacity: 0;
      pointer-events: none; }
  .input-group-search label {
    color: rgba(255, 255, 255, 0.5);
    left: 0;
    position: absolute;
    -ms-transform: translateY(-3.33333px);
        transform: translateY(-3.33333px); }

.input-group-material {
  display: block;
  margin-bottom: 40px;
  position: relative; }
  .input-group-material label,
  .input-group-material input {
    color: inherit;
    cursor: text;
    font-size: 1rem;
    font-weight: 600;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: inherit; }
  .input-group-material label {
    height: 28px;
    /*-ms-transform: translateY(100%);*/
        /*transform: translateY(100%);*/
    /*transition: all 0.35s ease-in-out;*/ }
    .input-group-material label abbr {
      border: 0;
      cursor: inherit; }
  .input-group-material input {
    border-bottom: 1px solid #fff;
    /*color: transparent;*/
    height: inherit;
    overflow: hidden;
    padding: 0 0 5px;
    text-overflow: ellipsis;
    transition: border 0.35s ease-in-out, color 0.35s ease-in-out;
    white-space: nowrap;
    width: 100%;
    will-change: border, color; }
    .input-group-material input::-webkit-input-placeholder {
      /*color: transparent;*/
      transition: color 0.25s ease-in-out;
      will-change: color; }
    .input-group-material input::-moz-placeholder {
      /*color: transparent;*/
      transition: color 0.25s ease-in-out;
      will-change: color; }
    .input-group-material input:-ms-input-placeholder {
      /*color: transparent;*/
      transition: color 0.25s ease-in-out;
      will-change: color; }
    .input-group-material input:-moz-placeholder {
      /*color: transparent;*/
      transition: color 0.25s ease-in-out;
      will-change: color; }
    .input-group-material input:focus {
      border-bottom: 1px solid #fff;
      color: inherit; }
      .input-group-material input:focus::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.5);
        transition: color 0.25s ease-in-out;
        will-change: color; }
      .input-group-material input:focus::-moz-placeholder {
        color: rgba(255, 255, 255, 0.5);
        transition: color 0.25s ease-in-out;
        will-change: color; }
      .input-group-material input:focus:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.5);
        transition: color 0.25s ease-in-out;
        will-change: color; }
      .input-group-material input:focus:-moz-placeholder {
        color: rgba(255, 255, 255, 0.5);
        transition: color 0.25s ease-in-out;
        will-change: color; }
    .input-group-material input[readonly] {
      border-bottom: 0; }
    .input-group-material input[data-format=currency] {
      text-transform: uppercase; }
  .input-group-material__field {
    height: 30px;
    position: relative; }
    .input-group-material__field::after {
      border-bottom: 1px solid transparent;
      content: '';
      display: block;
      left: 0;
      position: absolute;
      top: 100%;
      transition: border-bottom 0.25s ease-in-out;
      width: 100%; }
    .input-group-material__field.is-loading * {
      opacity: initial; }
    .input-group-material__field.is-loading .loadr__spinner {
      left: initial;
      max-height: 20px;
      max-width: 20px;
      right: 0;
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
    .input-group-material__field.with-icon input, .input-group-material__field.with-counter input {
      padding-right: 30px; }
      .text-center .input-group-material__field.with-icon input input, .text-center .input-group-material__field.with-counter input input {
        padding-left: 30px; }
    .input-group-material__field.with-icon .input-group-material__field-clear, .input-group-material__field.with-counter .input-group-material__field-clear {
      display: none; }
    .input-group-material__field.with-counter input {
      padding-right: 40px; }
    .text-center .input-group-material__field.with-counter input {
      padding-left: 40px; }
    .input-group-material__field.with-counter .help-text {
      bottom: 10px;
      color: rgba(255, 255, 255, 0.5);
      font-size: 0.875rem;
      font-style: initial;
      position: absolute;
      right: 0;
      -ms-transform: translateY(3.33333px);
          transform: translateY(3.33333px); }
    .input-group-material__field.with-icon .icon {
      padding-bottom: 5px;
      position: absolute;
      right: 5px;
      top: 50%;
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
    .input-group-material__field.with-icon .button {
      background: none;
      cursor: pointer;
      margin: 0;
      pointer-events: auto; }
      .input-group-material__field.with-icon .button:disabled {
        cursor: default; }
      .input-group-material__field.with-icon .button:not(:disabled):hover {
        opacity: 1;
        transition: opacity .2s; }
      .input-group-material__field.with-icon .button:not(:disabled):focus {
        outline: 0; }
  .input-group-material__field-clear {
    border-radius: 50%;
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }

@keyframes field-clear-bouncing {
  0% {
    transform: translateY(-50%) scale(0.9); }
  25% {
    transform: translateY(-50%) scale(1.1); }
  75% {
    transform: translateY(-50%) scale(0.95); }
  100% {
    transform: translateY(-50%) scale(1); } }
    .input-group-material__field-clear:focus {
      animation: field-clear-bouncing .40s 1 linear both;
      outline: 0; }
  .input-group-material__hint {
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0;
    padding-top: 10px; }
  .input-group-material.is-active label, .input-group-material.is-filled label {
    font-size: 0.875rem;
    font-weight: 400;
    opacity: 0.5;
    -ms-transform: translateY(0);
        transform: translateY(0); }
  .input-group-material.is-active input:not([type=hidden]), .input-group-material.is-filled input:not([type=hidden]) {
    color: inherit; }
  .input-group-material.is-active input[readonly], .input-group-material.is-filled input[readonly] {
    border-bottom-color: transparent; }
    .input-group-material.is-active input[readonly] ~ .input-group-material__field-clear, .input-group-material.is-filled input[readonly] ~ .input-group-material__field-clear {
      display: none; }
  .input-group-material.is-active .input-group-material__field::after {
    border-bottom-color: #fff; }
  .input-group-material.is-filled .input-group-material__field input {
    padding-right: 20px; }
  .text-center .input-group-material.is-filled .input-group-material__field input,
  .input-group-material.is-filled.text-center .input-group-material__field input {
    padding: 0 20px; }
  .input-group-material.is-filled .input-group-material__field-clear {
    display: initial; }
  .input-group-material.is-invalid input:not([type=hidden]) {
    border-bottom: 1px solid #ffc800; }
  .input-group-material.is-invalid .input-group-material__field::after {
    border-bottom-color: #ffc800; }
  .input-group-material.is-invalid .input-group-material__hint {
    display: none; }
  .input-group-material.is-readonly, .input-group-material.is-disabled {
    margin-bottom: 20px; }
    .input-group-material.is-readonly .input-group-material__field-clear, .input-group-material.is-disabled .input-group-material__field-clear {
      display: none; }
  .input-group-material.is-readonly .input-group-material__field::after {
    display: none; }
  .input-group-material.is-disabled {
    cursor: default;
    opacity: 0.5;
    pointer-events: none; }
  .input-group-material ul {
    left: 0;
    position: absolute;
    text-align: left;
    width: 100%; }
    .input-group-material ul li {
      font-size: 0.875rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .input-group-material ul li:nth-child(n+2) {
        display: none; }

.input-group-material.large label {
  -ms-flex-align: end;
      align-items: flex-end;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  font-size: 1.875rem;
  height: 46px; }
  .text-center .input-group-material.large label {
    -ms-flex-pack: center;
        justify-content: center; }

.input-group-material.large input:not([type=hidden]) {
  height: initial;
  padding-left: 0;
  padding-right: 0; }

.input-group-material.large.is-active label, .input-group-material.large.is-filled label {
  font-size: 0.875rem; }

.input-group-material.large .input-group-material__field {
  height: initial; }
  .input-group-material.large .input-group-material__field.with-icon input, .input-group-material.large .input-group-material__field.with-counter input {
    padding-left: 40px;
    padding-right: 40px; }

.input-group-material.small.is-active .input-group-material__field input, .input-group-material.small.is-filled .input-group-material__field input {
  padding: 0 20px 5px; }

/**
 * @Example:
 * <input id="input-id" type="radio" />
 * <label for="input-id">Lorem ipsum</label>
 */
[type=radio],
[type=checkbox] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

@keyframes bounce {
  0% {
    transform: scale(0) rotate(45deg) translateY(-50%); }
  70% {
    transform: scale(1.2) rotate(45deg) translateY(-50%); }
  100% {
    transform: scale(1) rotate(45deg) translateY(-50%); } }
  [type=radio]:checked + label::after,
  [type=checkbox]:checked + label::after {
    animation: bounce .35s ease-in-out both; }
  [type=radio] + label::before, [type=radio] + label::after,
  [type=checkbox] + label::before,
  [type=checkbox] + label::after {
    content: '';
    display: inline-block;
    position: absolute; }
  [type=radio] + label::before,
  [type=checkbox] + label::before {
    border: 2px solid;
    border-color: #0ff;
    border-radius: 50%;
    box-sizing: border-box;
    height: 15px;
    left: 0;
    margin-right: 10px;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    transition: background 0.25s cubic-bezier(0.36, -0.29, 0.8, 1.9);
    width: 15px;
    will-change: background; }
  [type=radio] + label::after,
  [type=checkbox] + label::after {
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 9px;
    left: 2px;
    outline: 0;
    top: calc(50% - 3px);
    -ms-transform: scale(0) rotate(45deg) translateY(-50%);
        transform: scale(0) rotate(45deg) translateY(-50%);
    width: 6px; }

@keyframes select-button-bouncing {
  0% {
    transform: translateY(-50%) scale(0.9); }
  25% {
    transform: translateY(-50%) scale(1.1); }
  75% {
    transform: translateY(-50%) scale(0.95); }
  100% {
    transform: translateY(-50%) scale(1); } }

.select-container {
  position: relative; }
  .select-container > .no-bullet, .select-container > .tabs-steps, .question-group .select-container > .radio-group, .question-group .select-container > .radio-group--inline {
    text-align: left; }
    .select-container > .no-bullet li, .select-container > .tabs-steps li, .question-group .select-container > .radio-group li, .question-group .select-container > .radio-group--inline li {
      font-size: 0.875rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

select {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: -1px;
  opacity: 1;
  /*overflow: hidden;*/
  /*padding: 0 4% 0 0;*/
  position: relative;
  width: 100%; }

.selectr-container {
  color: rgba(0, 0, 0, 0.87);
  font-family: "latoregular";
  font-size: 1rem;
  padding-top: 20px;
  -ms-transform: translateY(3px);
      transform: translateY(3px);
  /**
  /// Large modifier for select.
  /// @example
  /// <select class="large">
  */ }
  .selectr-container.open {
    z-index: 1; }
  .is-invalid > .selectr-container .selectr-selected {
    border-bottom-color: #ffc800;
    margin-bottom: 2px; }
    .is-invalid > .selectr-container .selectr-selected::after {
      background-color: #ffc800;
      bottom: 0;
      content: '';
      display: block;
      height: 1px;
      left: 0;
      position: absolute;
      -ms-transform: translateY(2px);
          transform: translateY(2px);
      width: 100%; }
  .is-invalid > .selectr-container select + ul {
    color: #fff;
    font-family: "latoregular";
    left: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 100%; }
    .is-invalid > .selectr-container select + ul li {
      font-size: 0.875rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .is-invalid > .selectr-container select + ul li:nth-child(n+2) {
        display: none; }
  .selectr-selected {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 30px; }
    .text-center .selectr-selected {
      padding-left: 30px; }
    .selectr-container.open .selectr-selected {
      border-bottom: 1px solid #fff;
      border-radius: 0; }
      .selectr-container.open .selectr-selected::after {
        background-color: #fff;
        bottom: 0;
        content: '';
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        -ms-transform: translateY(2px);
            transform: translateY(2px);
        width: 100%; }
    .selectr-selected::before {
      border-top-color: rgba(255, 255, 255, 0.5);
      border-width: 6px 6px 0; }
      .selectr-container.open .selectr-selected::before {
        border-bottom-color: rgba(255, 255, 255, 0.5);
        border-width: 0 6px 6px; }
    .selectr-selected:focus {
      outline: 0; }
  .selectr-placeholder {
    background: transparent;
    color: inherit;
    display: initial;
    font-size: inherit;
    font-weight: inherit;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: inherit;
    top: 0;
    -ms-transform: translateY(0);
        transform: translateY(0);
    transition: all 0.35s ease-in-out;
    width: 100%; }
    .selectr-placeholder:focus {
      outline: 0; }
    .has-selected .selectr-placeholder {
      display: initial; }
    .is-filled .selectr-placeholder {
      display: initial;
      font-size: 0.875rem;
      font-weight: 400;
      opacity: 0.5;
      pointer-events: all;
      -ms-transform: translateY(-100%);
          transform: translateY(-100%); }
  .selectr-options-container {
    border: 0;
    border-radius: 10px;
    overflow: hidden;
    -ms-transform: translateY(10px);
        transform: translateY(10px); }
  .selectr-input-container {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    overflow: hidden;
    position: relative; }
    .selectr-input {
      color: inherit;
      margin: 0; }
    .selectr-input-clear {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      opacity: 0;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
      display: none; }
    .selectr-input-container button {
      color: rgba(0, 0, 0, 0.5);
      position: absolute;
      right: 10px;
      top: 50%;
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
      transition: color 0.25s ease-in-out;
      will-change: color; }
      .selectr-input-container button[disabled] {
        color: rgba(0, 0, 0, 0.2); }
      .selectr-input-container button:focus {
        animation: select-button-bouncing .40s 1 linear both;
        outline: 0; }
  .selectr-options {
    max-height: 160px;
    overflow-y: overlay; }
    .selectr-options::-webkit-scrollbar {
      background: none;
      display: none;
      width: 6px; }
    .selectr-options::-webkit-scrollbar-track {
      background: none;
      border-radius: 10px; }
    .selectr-options::-webkit-scrollbar-thumb {
      background: transparent;
      border-radius: 10px; }
    .selectr-options:hover::-webkit-scrollbar {
      display: initial; }
    .selectr-options:hover::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, 0.5); }
    .selectr-input,
    .selectr-option {
      height: 40px;
      line-height: 2.5rem;
      padding: 0 10px;
      text-align: left; }
    .selectr-option {
      max-width: 100%;
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis; }
      .selectr-option:hover .selectr-button, .selectr-option:focus .selectr-button {
        display: block; }
      .selectr-option.selected {
        background-color: unset;
        color: inherit;
        font-weight: 600; }
      .selectr-option.active {
        background-color: rgba(0, 0, 0, 0.2);
        color: inherit; }
      .selectr-option.disabled {
        display: none; }
      .selectr-match {
        font-weight: 600;
        text-decoration: none; }
      .selectr-option .selectr-text {
        outline: 0; }
      .selectr-option .selectr-button {
        color: rgba(0, 0, 0, 0.2);
        display: none;
        position: absolute;
        right: 10px;
        top: 50%;
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        transition: color 0.25s ease-in-out;
        will-change: color; }
        .selectr-option .selectr-button:hover, .selectr-option .selectr-button:focus {
          color: rgba(0, 0, 0, 0.5); }
  .selectr-notice {
    border-top: 0; }
  .selectr-container.large .selectr-selected {
    font-size: 1.875rem;
    height: 54px; }
    .selectr-container.large .selectr-selected::before {
      border-width: 8px 8px 0; }
  .selectr-container.large.open .selectr-selected::before {
    border-width: 0 8px 8px; }
  .selectr-container.large .selectr-label {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    height: 100%;
    -ms-flex-pack: center;
        justify-content: center; }

.label {
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid;
  cursor: pointer;
  display: -ms-inline-flexbox;
  -js-display: inline-flex;
  display: inline-flex;
  font-family: "latolight";
  font-weight: 600;
  text-transform: uppercase;
  transition: background 0.25s ease-in-out;
  will-change: background; }
  .label:hover, .label:focus {
    background-color: rgba(255, 255, 255, 0.2); }
  .label .icon {
    border-radius: 50%;
    color: #fff;
    height: 20px;
    margin-right: 5px;
    position: relative;
    -ms-transform: translateX(-3px);
        transform: translateX(-3px);
    width: 20px; }
    .label .icon svg {
      left: 50%;
      position: absolute;
      top: 50%;
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.loadr, .loadr-button {
  display: inline-block;
  position: relative; }
  .loadr__spinner {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex;
    height: 100%;
    -ms-flex-pack: center;
        justify-content: center;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    transition: opacity 0.2s ease-in-out 0.35s;
    visibility: hidden;
    width: 100%;
    will-change: opacity;
    z-index: 9999999; }
    .loadr-avoid-submit .loadr__spinner,
    .loadr-avoid-submit .loadr__spinner * {
      pointer-events: none !important; }
  .loadr *, .loadr-button * {
    transition: opacity 0.25s ease-in-out;
    will-change: opacity; }

/**
 * Loadr is-loading state.
 */
.loadr.is-loading *, .is-loading.loadr-button *,
.loadr.is-loading .button[disabled].warning,
.is-loading.loadr-button .button[disabled].warning,
.is-loading *,
.is-loading .button[disabled].warning {
  opacity: 0;
  pointer-events: none; }

.loadr.is-loading .loadr__spinner, .is-loading.loadr-button .loadr__spinner,
.loadr.is-loading .loadr__spinner *,
.is-loading.loadr-button .loadr__spinner *,
.is-loading .loadr__spinner,
.is-loading .loadr__spinner * {
  opacity: 1; }

.loadr.is-loading .loadr__spinner, .is-loading.loadr-button .loadr__spinner,
.is-loading .loadr__spinner {
  -ms-transform-origin: top left;
      transform-origin: top left;
  visibility: visible; }
  .loadr.is-loading .loadr__spinner [data-animation], .is-loading.loadr-button .loadr__spinner [data-animation],
  .is-loading .loadr__spinner [data-animation] {
    height: 100%;
    max-height: 100px;
    max-width: 100px;
    width: 100%; }

/**
 * Loadr for buttons.
 * @extends .loadr
 *
 * Example:
 * <div class="loadr loadr-button">
 *   <button class="button" type="submit" />
 *   <div class="loadr__spinner"></div>
 * </div>
 */
.button + .loadr-button,
.button + [class*=loadr]:not(.loadr__spinner),
[class*=loadr] + .loadr-button,
[class*=loadr] + .button {
  margin-left: 20px; }

.loadr-button .loadr__spinner {
  height: initial;
  -ms-transform: translate(-50%, calc(-50% - 10px));
      transform: translate(-50%, calc(-50% - 10px));
  width: initial; }

/**
 * Loadr is-loading state for buttons.
 */
.loadr-button.is-loading .loadr__spinner [data-animation] {
  height: 50px;
  width: 50px; }

/**
 * Abbreviation tag reset.
 */
abbr, abbr[title] {
  border-bottom: 0;
  cursor: inherit;
  text-decoration: none; }

dl {
  line-height: inherit; }
  dl > div {
    margin-bottom: 20px; }
    dl > div:last-child {
      margin-bottom: 0; }
  dl dt {
    font-size: 0.875rem; }
  dl dd {
    font-weight: 600; }
  dl.large:last-child {
    margin-bottom: 0; }
  dl.large dt {
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px; }
    dl.large dt:last-child {
      margin-bottom: 0; }

.title,
.heading {
  display: block;
  font-family: "latobold";
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0 auto 20px;
  text-align: center;
  text-transform: lowercase;
  width: 100%; }
  .title h2,
  .title h3,
  .title h4,
  .title h5,
  .title h6,
  .heading h2,
  .heading h3,
  .heading h4,
  .heading h5,
  .heading h6 {
    margin-top: 40px; }
  .title + .subtitle, .title .title + h2,
  .title .title + h3,
  .title .title + h4,
  .title .title + h5,
  .title .title + h6,
  .heading .title + h2,
  .heading .title + h3,
  .heading .title + h4,
  .heading .title + h5,
  .heading .title + h6,
  .title + .subheading,
  .heading + .subtitle,
  .title .heading + h2,
  .title .heading + h3,
  .title .heading + h4,
  .title .heading + h5,
  .title .heading + h6,
  .heading .heading + h2,
  .heading .heading + h3,
  .heading .heading + h4,
  .heading .heading + h5,
  .heading .heading + h6,
  .heading + .subheading {
    margin-top: 40px; }
  .title + [class*=grid],
  .heading + [class*=grid] {
    margin-top: 30px; }

.subtitle, .title h2,
.title h3,
.title h4,
.title h5,
.title h6,
.heading h2,
.heading h3,
.heading h4,
.heading h5,
.heading h6,
.subheading {
  display: block;
  font-family: "latoregular";
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.875rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  text-align: center; }

.title abbr,
.heading abbr,
.subtitle abbr,
.title h2 abbr,
.title h3 abbr,
.title h4 abbr,
.title h5 abbr,
.title h6 abbr,
.heading h2 abbr,
.heading h3 abbr,
.heading h4 abbr,
.heading h5 abbr,
.heading h6 abbr,
.subheading abbr {
  border: 0;
  cursor: inherit;
  text-transform: initial; }

.title.spaced,
.heading.spaced,
.subtitle.spaced,
.title h2.spaced,
.title h3.spaced,
.title h4.spaced,
.title h5.spaced,
.title h6.spaced,
.heading h2.spaced,
.heading h3.spaced,
.heading h4.spaced,
.heading h5.spaced,
.heading h6.spaced,
.subheading.spaced {
  margin-bottom: 40px; }

.item-description {
  position: relative; }
  .item-description:hover .item-description__field {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.5); }
  .item-description:hover .item-description__button {
    opacity: 1;
    pointer-events: all; }
  .item-description__field {
    border-bottom: 1px solid transparent;
    max-width: 350px;
    min-width: 350px;
    outline: 0;
    padding-right: 20px;
    width: 100%;
    word-break: break-all; }
    .item-description__field:hover, .item-description__field:focus {
      border-bottom: 1px dashed rgba(255, 255, 255, 0.5); }
      .item-description__field:hover + .item-description__button, .item-description__field:focus + .item-description__button {
        opacity: 1;
        pointer-events: all; }
  .item-description__button {
    bottom: 5px;
    opacity: 0;
    outline: 0;
    pointer-events: none;
    position: absolute;
    right: 0; }

.section-divider {
  font-size: 1.25rem;
  margin: 40px 0 20px; }

.tooltip {
  max-width: 240px; }

.visibility-toggle {
  color: inherit;
  cursor: pointer;
  position: relative;
  text-align: center; }
  .visibility-toggle + .grid-x {
    margin-top: 40px; }
  .visibility-toggle:hover .visibility-toggle__content {
    opacity: 0.2;
    pointer-events: none; }
  .visibility-toggle:hover .visibility-toggle__hover {
    opacity: 1; }
  .visibility-toggle [type=checkbox] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
    .visibility-toggle [type=checkbox]:checked ~ .visibility-toggle__content {
      opacity: 0; }
    .visibility-toggle [type=checkbox]:checked ~ .visibility-toggle__hover {
      opacity: 0; }
    .visibility-toggle [type=checkbox]:checked ~ .visibility-toggle__active {
      opacity: 1; }
  .visibility-toggle__content,
  .visibility-toggle__hover,
  .visibility-toggle__active {
    transition: opacity 0.25s ease-in-out;
    will-change: opacity; }
  .visibility-toggle__hover,
  .visibility-toggle__active {
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }

.onboarding {
  text-align: center; }
  .onboarding .metaball {
    height: 240px;
    margin: 0 auto 20px;
    width: 240px; }
  .onboarding > h1,
  .onboarding > h2,
  .onboarding > h3 {
    font-size: 1.25rem;
    line-height: 1.25rem;
    text-transform: lowercase; }
  .onboarding > h2 {
    line-height: 2.5rem; }
  .onboarding > *:last-child {
    line-height: 1.875rem;
    margin-bottom: 10px; }
  .onboarding p {
    font-size: 1.125rem;
    margin-bottom: 20px; }
    .onboarding p:last-child {
      margin-bottom: 40px; }
    .onboarding p a {
      font-weight: 600;
      position: relative; }
      .onboarding p a::after {
        background-color: #fff;
        bottom: 0;
        content: '';
        height: 1px;
        left: 0;
        position: absolute;
        transition: width 0.25s ease-in-out;
        width: 0;
        will-change: width; }
      .onboarding p a:hover {
        text-decoration: none; }
        .onboarding p a:hover::after {
          width: 100%; }

.avatar-info {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  margin-bottom: 40px;
  position: relative;
  text-align: left; }
  .avatar-info__figure {
    -ms-flex-align: center;
        align-items: center;
    background: #fff;
    border-radius: 50%;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    font-family: "latoregular";
    font-size: 1.125rem;
    font-weight: 600;
    height: 50px;
    -ms-flex-pack: center;
        justify-content: center;
    margin-right: 20px;
    min-width: 50px;
    text-transform: uppercase;
    width: 50px; }
    .list-table__row.is-selected .avatar-info__figure {
      height: 40px;
      margin-left: 5px;
      position: relative;
      width: 40px; }
      .list-table__row.is-selected .avatar-info__figure::before {
        border: 2px solid #fff;
        border-radius: 50%;
        content: '';
        height: 50px;
        left: 50%;
        pointer-events: none;
        position: absolute;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        width: 50px; }
  .avatar-info__icon {
    -ms-flex-align: center;
        align-items: center;
    background-color: #0073cd;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: 0;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    height: 20px;
    -ms-flex-pack: center;
        justify-content: center;
    left: 0;
    position: absolute;
    width: 20px; }
  .avatar-info__text {
    color: #fff;
    font-family: "latoregular";
    font-size: 1.125rem;
    font-weight: 600; }
    .avatar-info__text > .avatar-info__text-content {
      line-height: 1; }
      .avatar-info__text > .avatar-info__text-content span:not([hidden]) {
        display: block;
        max-width: 350px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .avatar-info.large .avatar-info__figure {
    height: 100px;
    width: 100px; }
  .avatar-info.vertical {
    -ms-flex-direction: column;
        flex-direction: column;
    text-align: center; }
    .avatar-info.vertical .avatar-info__figure {
      margin-bottom: 10px;
      margin-right: 0; }

.menu-dropdown {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  float: right;
  min-width: 300px;
  position: relative; }
  .menu-dropdown::after {
    background: rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    content: '';
    height: 10px;
    left: 50%;
    position: absolute;
    top: 100%;
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    width: 90%; }
  .menu-dropdown p {
    margin: 0; }
  .menu-dropdown__group {
    border-radius: 10px; }
    .menu-dropdown__group.blue {
      background: #0073cd;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
  .menu-dropdown__group__user-data p,
  .menu-dropdown__group__account-data p {
    font-family: "latobold";
    font-size: 0.875rem; }
  .menu-dropdown__group__user-data {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 20px; }
    .menu-dropdown__group__user-data:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    .menu-dropdown__group__user-data:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; }
    @media print, screen and (min-width: 40em) {
      .menu-dropdown__group__user-data:not(.grid-cell-gutter-collapse-left) {
        padding-left: 20px; }
      .menu-dropdown__group__user-data:not(.grid-cell-gutter-collapse-right) {
        padding-right: 20px; } }
    @media print, screen and (min-width: 64em) {
      .menu-dropdown__group__user-data:not(.grid-cell-gutter-collapse-left) {
        padding-left: 20px; }
      .menu-dropdown__group__user-data:not(.grid-cell-gutter-collapse-right) {
        padding-right: 20px; } }
    .menu-dropdown__group__user-data::after {
      background: #fff;
      bottom: 0;
      content: '';
      height: 1px;
      margin-top: 20px;
      opacity: 0.2;
      position: relative;
      width: 100%; }
    .menu-dropdown__group__user-data p {
      color: #fff; }
      .menu-dropdown__group__user-data p:first-child {
        font-weight: 600;
        margin-bottom: 5px; }
  .menu-dropdown__group__account-data {
    padding-bottom: 15px;
    padding-top: 15px; }
    .menu-dropdown__group__account-data:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    .menu-dropdown__group__account-data:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; }
    @media print, screen and (min-width: 40em) {
      .menu-dropdown__group__account-data:not(.grid-cell-gutter-collapse-left) {
        padding-left: 20px; }
      .menu-dropdown__group__account-data:not(.grid-cell-gutter-collapse-right) {
        padding-right: 20px; } }
    @media print, screen and (min-width: 64em) {
      .menu-dropdown__group__account-data:not(.grid-cell-gutter-collapse-left) {
        padding-left: 20px; }
      .menu-dropdown__group__account-data:not(.grid-cell-gutter-collapse-right) {
        padding-right: 20px; } }
    .menu-dropdown__group__account-data p {
      color: #fff;
      margin-bottom: 5px; }
    .menu-dropdown__group__account-data span {
      margin-right: 10px; }
  .menu-dropdown__group__user-thumb {
    background: #fff;
    border-radius: 50%;
    height: 50px;
    margin-right: 10px;
    object-fit: cover;
    width: 50px; }
  .menu-dropdown__group__user-text {
    max-width: 175px; }
  .menu-dropdown__navigation {
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    width: 100%;
    /**
    * reset foundation
    */ }
    .menu-dropdown__navigation:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    .menu-dropdown__navigation:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; }
    @media print, screen and (min-width: 40em) {
      .menu-dropdown__navigation:not(.grid-cell-gutter-collapse-left) {
        padding-left: 20px; }
      .menu-dropdown__navigation:not(.grid-cell-gutter-collapse-right) {
        padding-right: 20px; } }
    @media print, screen and (min-width: 64em) {
      .menu-dropdown__navigation:not(.grid-cell-gutter-collapse-left) {
        padding-left: 20px; }
      .menu-dropdown__navigation:not(.grid-cell-gutter-collapse-right) {
        padding-right: 20px; } }
    .menu-dropdown__navigation .no-bullet, .menu-dropdown__navigation .tabs-steps, .menu-dropdown__navigation .question-group .radio-group, .question-group .menu-dropdown__navigation .radio-group, .menu-dropdown__navigation .question-group .radio-group--inline, .question-group .menu-dropdown__navigation .radio-group--inline {
      margin-bottom: 0; }
      .menu-dropdown__navigation .no-bullet li, .menu-dropdown__navigation .tabs-steps li, .menu-dropdown__navigation .question-group .radio-group li, .question-group .menu-dropdown__navigation .radio-group li, .menu-dropdown__navigation .question-group .radio-group--inline li, .question-group .menu-dropdown__navigation .radio-group--inline li {
        margin-bottom: 5px; }
    .menu-dropdown__navigation__link {
      font-family: "latoregular";
      font-size: 0.875rem;
      font-weight: 600;
      margin-bottom: 10px;
      text-decoration: none;
      text-transform: uppercase; }
      .menu-dropdown__navigation__link, .menu-dropdown__navigation__link:hover, .menu-dropdown__navigation__link:not(.text-alert) {
        color: #000; }

/**
 * Works with Foundation Off-canvas.
 * @see {@link http://foundation.zurb.com/sites/docs/off-canvas.html}
 */
.menu-floating {
  font-family: "latoregular";
  font-weight: 400; }
  .menu-floating svg {
    pointer-events: none; }
  .menu-floating .off-canvas {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    overflow: hidden;
    padding-top: 60px; }
    .menu-floating .off-canvas.is-closed {
      -ms-transform: translateX(-190px);
          transform: translateX(-190px);
      visibility: visible; }
    .menu-floating .off-canvas.is-open .menu-floating__title {
      -ms-transform: translateX(15px);
          transform: translateX(15px); }
      .menu-floating .off-canvas.is-open .menu-floating__title svg .th-logo__letter-e,
      .menu-floating .off-canvas.is-open .menu-floating__title svg .th-logo__letter-o,
      .menu-floating .off-canvas.is-open .menu-floating__title svg .th-logo__letter-n {
        opacity: 1;
        transition-duration: 1s;
        transition-property: opacity;
        transition-timing-function: ease;
        will-change: opacity; }
      .menu-floating .off-canvas.is-open .menu-floating__title svg .th-logo__letter-e {
        transition-delay: .05s; }
      .menu-floating .off-canvas.is-open .menu-floating__title svg .th-logo__letter-o {
        transition-delay: .1s; }
      .menu-floating .off-canvas.is-open .menu-floating__title svg .th-logo__letter-n {
        transition-delay: .15s; }
      .is-firefox .menu-floating .off-canvas.is-open .menu-floating__title {
        left: 15px;
        -ms-transform: translateX(0);
            transform: translateX(0); }
  .menu-floating__navigation {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: calc(100% - 60px);
    -ms-flex-pack: center;
        justify-content: center; }
    .menu-floating__navigation button,
    .menu-floating__navigation a:not(.menu-floating__title) {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      font-size: font-size("extra");
      font-weight: 600;
      -ms-flex-pack: justify;
          justify-content: space-between;
      min-height: 70px;
      padding: 10px 15px;
      position: relative;
      text-align: left;
      text-transform: lowercase;
      width: 100%; }
      .menu-floating__navigation button::before,
      .menu-floating__navigation a:not(.menu-floating__title)::before {
        content: '';
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
        transition: .5s ease opacity, .5s ease transform;
        width: 100%; }
      .menu-floating__navigation button:hover::before, .menu-floating__navigation button:focus::before,
      .menu-floating__navigation a:not(.menu-floating__title):hover::before,
      .menu-floating__navigation a:not(.menu-floating__title):focus::before {
        opacity: 1;
        -ms-transform: translateX(0);
            transform: translateX(0);
        transition: .5s ease transform, .5s ease opacity;
        width: 100%; }
      .menu-floating__navigation button > *,
      .menu-floating__navigation a:not(.menu-floating__title) > * {
        z-index: 2; }
        .menu-floating__navigation button > * small,
        .menu-floating__navigation a:not(.menu-floating__title) > * small {
          display: block;
          font-size: 0.9375rem;
          font-weight: 400; }
      .menu-floating__navigation button svg,
      .menu-floating__navigation a:not(.menu-floating__title) svg {
        margin-left: 15px; }
      .menu-floating__navigation button #th-logo,
      .menu-floating__navigation a:not(.menu-floating__title) #th-logo {
        margin-left: 0;
        -ms-transform: translate(-4px, -20px);
            transform: translate(-4px, -20px);
        transition: opacity .1s linear; }
    .menu-floating__navigation button:disabled {
      cursor: default;
      opacity: 0.5; }
    .menu-floating__navigation li:nth-child(1) a::before,
    .menu-floating__navigation li:nth-child(1) button::before {
      background: #0073cd; }
    .menu-floating__navigation li:nth-child(2) a::before,
    .menu-floating__navigation li:nth-child(2) button::before {
      background: #0073cd; }
    .menu-floating__navigation li:nth-child(3) a::before,
    .menu-floating__navigation li:nth-child(3) button::before {
      background: #0073cd; }
    .menu-floating__navigation li:nth-child(4) a::before,
    .menu-floating__navigation li:nth-child(4) button::before {
      background: #0073cd; }
    .menu-floating__navigation li:nth-child(5) a::before,
    .menu-floating__navigation li:nth-child(5) button::before {
      background: #0073cd; }
    .menu-floating__navigation li:nth-child(6) a::before,
    .menu-floating__navigation li:nth-child(6) button::before {
      background: #0073cd; }
  .menu-floating__title {
    backface-visibility: hidden;
    position: fixed;
    top: 20px;
    -ms-transform: translateX(205px);
        transform: translateX(205px);
    transition: transform .5s ease;
    will-change: transform;
    z-index: 15; }
    .menu-floating__title svg .th-logo__letter-e,
    .menu-floating__title svg .th-logo__letter-o,
    .menu-floating__title svg .th-logo__letter-n {
      opacity: 0;
      transition: opacity .5s ease;
      will-change: opacity; }
    .menu-floating__title svg .th-logo__letter-e {
      transition-delay: .15s; }
    .menu-floating__title svg .th-logo__letter-o {
      transition-delay: .1s; }
    .menu-floating__title svg .th-logo__letter-n {
      transition-delay: .05s; }
    .is-firefox .menu-floating__title {
      left: 205px;
      -ms-transform: translateX(0);
          transform: translateX(0);
      transition: left .5s ease;
      will-change: left; }
      .is-firefox .menu-floating__title svg .th-logo__letter-e,
      .is-firefox .menu-floating__title svg .th-logo__letter-o,
      .is-firefox .menu-floating__title svg .th-logo__letter-n {
        transition-duration: .2s; }
  .menu-floating .tooltip {
    max-width: 280px; }

.menu-dialog {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  left: 50%;
  position: absolute;
  top: 0;
  -ms-transform: translate(-50%, 20px);
      transform: translate(-50%, 20px); }
  .menu-dialog ul,
  .menu-dialog ol {
    background-color: #fff;
    border-radius: 10px;
    color: #000;
    font-size: 0.875rem;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    -ms-transform: translateY(-5px);
        transform: translateY(-5px); }
    .menu-dialog ul::before,
    .menu-dialog ol::before {
      border-bottom: 7px solid #fff;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      content: '';
      display: block;
      height: 0;
      left: 50%;
      position: absolute;
      top: 0;
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
      width: 0; }
    .menu-dialog ul li,
    .menu-dialog ol li {
      margin: 0;
      padding: 5px 10px; }
      .menu-dialog ul li:first-of-type,
      .menu-dialog ol li:first-of-type {
        padding-top: 10px; }
      .menu-dialog ul li:last-of-type,
      .menu-dialog ol li:last-of-type {
        padding-bottom: 10px; }
    .menu-dialog ul a:hover, .menu-dialog ul a:focus,
    .menu-dialog ul button:hover,
    .menu-dialog ul button:focus,
    .menu-dialog ol a:hover,
    .menu-dialog ol a:focus,
    .menu-dialog ol button:hover,
    .menu-dialog ol button:focus {
      color: rgba(0, 0, 0, 0.87); }

.notifications-floating {
  /**
   * Works with Off-Canvas from Foundation.
   * http://foundation.zurb.com/sites/docs/off-canvas.html
   */
  /**
   * Works with badge from Foundation.
   * http://foundation.zurb.com/sites/docs/badge.html
   */ }
  .notifications-floating .align-middle {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex; }
  .notifications-floating .off-canvas {
    overflow: hidden; }
    .notifications-floating .off-canvas.position-right {
      -ms-transform: translateX(368px);
          transform: translateX(368px);
      width: 368px; }
      .notifications-floating .off-canvas.position-right.is-open {
        -ms-transform: translateX(0);
            transform: translateX(0); }
  .notifications-floating__user-name {
    margin: 0 10px 0 0;
    max-width: 150px; }
  .notifications-floating__user-image.sonar::before, .notifications-floating__user-image.sonar::after {
    height: 50px;
    width: 50px; }
  .notifications-floating button {
    cursor: pointer;
    outline: none; }
    .notifications-floating button[data-toggle=notifications] {
      position: relative; }
  .notifications-floating .badge {
    background: #ffc800;
    border: 2px solid #0073cd;
    height: 14px;
    min-width: 10px;
    position: absolute;
    right: -3px;
    top: 10px;
    width: 14px; }
  .notifications-floating__header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    height: 100px;
    -ms-flex-pack: center;
        justify-content: center;
    position: absolute;
    width: 100%; }
    .notifications-floating__header:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    .notifications-floating__header:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; }
    @media print, screen and (min-width: 40em) {
      .notifications-floating__header:not(.grid-cell-gutter-collapse-left) {
        padding-left: 20px; }
      .notifications-floating__header:not(.grid-cell-gutter-collapse-right) {
        padding-right: 20px; } }
    @media print, screen and (min-width: 64em) {
      .notifications-floating__header:not(.grid-cell-gutter-collapse-left) {
        padding-left: 20px; }
      .notifications-floating__header:not(.grid-cell-gutter-collapse-right) {
        padding-right: 20px; } }
    .notifications-floating__header .notifications-floating__icon {
      -ms-transform: translateX(-5px);
          transform: translateX(-5px); }
  .notifications-floating__icon {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
    .notifications-floating__icon:not(.grid-cell-gutter-collapse-left) {
      padding-left: 5px; }
    .notifications-floating__icon:not(.grid-cell-gutter-collapse-right) {
      padding-right: 5px; }
    @media print, screen and (min-width: 40em) {
      .notifications-floating__icon:not(.grid-cell-gutter-collapse-left) {
        padding-left: 10px; }
      .notifications-floating__icon:not(.grid-cell-gutter-collapse-right) {
        padding-right: 10px; } }
    @media print, screen and (min-width: 64em) {
      .notifications-floating__icon:not(.grid-cell-gutter-collapse-left) {
        padding-left: 10px; }
      .notifications-floating__icon:not(.grid-cell-gutter-collapse-right) {
        padding-right: 10px; } }
  .notifications-floating__text {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%; }
  .notifications-floating__messages {
    height: calc(100% - 100px);
    margin-top: 100px;
    overflow-y: auto; }
    .notifications-floating__messages h3 {
      -ms-flex-align: start;
          align-items: flex-start;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin-bottom: 10px;
      position: relative;
      width: 100%; }
    .notifications-floating__messages li {
      border-top: 1px solid rgba(255, 255, 255, 0.13);
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      padding-bottom: 30px;
      padding-top: 30px; }
      .notifications-floating__messages li:not(.grid-cell-gutter-collapse-left) {
        padding-left: 10px; }
      .notifications-floating__messages li:not(.grid-cell-gutter-collapse-right) {
        padding-right: 10px; }
      @media print, screen and (min-width: 40em) {
        .notifications-floating__messages li:not(.grid-cell-gutter-collapse-left) {
          padding-left: 20px; }
        .notifications-floating__messages li:not(.grid-cell-gutter-collapse-right) {
          padding-right: 20px; } }
      @media print, screen and (min-width: 64em) {
        .notifications-floating__messages li:not(.grid-cell-gutter-collapse-left) {
          padding-left: 20px; }
        .notifications-floating__messages li:not(.grid-cell-gutter-collapse-right) {
          padding-right: 20px; } }
      .notifications-floating__messages li:first-of-type {
        border: 0; }
      .notifications-floating__messages li:last-of-type {
        border-bottom: 1px solid rgba(255, 255, 255, 0.13); }
    .notifications-floating__messages .notifications-floating__icon {
      -ms-flex-pack: start;
          justify-content: flex-start; }
    .notifications-floating__messages .notifications-floating__text {
      -ms-flex-align: start;
          align-items: flex-start;
      -ms-flex-direction: column;
          flex-direction: column; }
    .notifications-floating__messages p:last-of-type {
      margin: 0; }
    .notifications-floating__messages .is-inactive {
      opacity: 0.5; }
      .notifications-floating__messages .is-inactive button,
      .notifications-floating__messages .is-inactive a {
        pointer-events: none; }
    .notifications-floating__messages__date {
      font-weight: 400;
      margin-left: 20px; }
    .notifications-floating__messages__action {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      margin-top: 10px; }
      .notifications-floating__messages__action a,
      .notifications-floating__messages__action button {
        color: #0ff;
        font-family: "latoregular";
        font-size: 0.875rem;
        font-weight: 600;
        margin-right: 20px;
        text-transform: uppercase; }
        .notifications-floating__messages__action a[disabled],
        .notifications-floating__messages__action button[disabled] {
          opacity: 0.5;
          pointer-events: none; }
          .notifications-floating__messages__action a[disabled] ~ *,
          .notifications-floating__messages__action button[disabled] ~ * {
            display: none; }
    .notifications-floating__messages::-webkit-scrollbar {
      background: none;
      width: 6px; }
    .notifications-floating__messages::-webkit-scrollbar-track {
      background: none;
      border-radius: 10px;
      transform: translateX(-10px); }
    .notifications-floating__messages::-webkit-scrollbar-thumb {
      background: rgba(255, 255, 255, 0.5);
      border-radius: 10px; }
  .notifications-floating__alert {
    -ms-flex-align: center;
        align-items: center;
    background: #fff;
    bottom: 0;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    min-height: 50px;
    position: absolute;
    width: 100%; }
    .notifications-floating__alert:not(.grid-cell-gutter-collapse-left) {
      padding-left: 5px; }
    .notifications-floating__alert:not(.grid-cell-gutter-collapse-right) {
      padding-right: 5px; }
    @media print, screen and (min-width: 40em) {
      .notifications-floating__alert:not(.grid-cell-gutter-collapse-left) {
        padding-left: 10px; }
      .notifications-floating__alert:not(.grid-cell-gutter-collapse-right) {
        padding-right: 10px; } }
    @media print, screen and (min-width: 64em) {
      .notifications-floating__alert:not(.grid-cell-gutter-collapse-left) {
        padding-left: 10px; }
      .notifications-floating__alert:not(.grid-cell-gutter-collapse-right) {
        padding-right: 10px; } }
    .notifications-floating__alert p {
      color: #0073cd;
      font-size: 0.875rem;
      margin: 0; }
  .notifications-floating__toggle,
  .notificacoes-floating__title {
    margin-bottom: 0; }
  .notificacoes-floating__title {
    text-transform: lowercase; }

.toasty {
  background-color: #0073cd;
  border-radius: 10px;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1;
  margin: 0 auto 30px;
  opacity: 1;
  padding: 10px 20px;
  position: relative;
  -ms-transform: translateY(0);
      transform: translateY(0);
  transition: opacity .25s ease, transform .5s ease;
  will-change: opacity, transform; }
  .toasty::after {
    background: rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    content: '';
    display: block;
    height: 5px;
    left: 50%;
    position: absolute;
    top: 100%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    width: calc(100% - 20px); }
  .toasty > :last-child {
    margin-bottom: 0; }
  .toasty.float {
    position: absolute;
    z-index: 999; }
    .toasty.float.top {
      top: 0; }
      .toasty.float.top.left {
        left: 0; }
        .toasty.float.top.left.invisible {
          -ms-transform: translateY(-40px);
              transform: translateY(-40px); }
      .toasty.float.top.center {
        left: 50%;
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
        .toasty.float.top.center.invisible {
          -ms-transform: translate(-50%, -40px);
              transform: translate(-50%, -40px); }
      .toasty.float.top.right {
        right: 0; }
        .toasty.float.top.right.invisible {
          -ms-transform: translateY(-40px);
              transform: translateY(-40px); }
    .toasty.float.bottom {
      bottom: 0; }
      .toasty.float.bottom.left {
        left: 0; }
        .toasty.float.bottom.left.invisible {
          -ms-transform: translateY(40px);
              transform: translateY(40px); }
      .toasty.float.bottom.center {
        left: 50%;
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
        .toasty.float.bottom.center.invisible {
          -ms-transform: translate(-50%, 40px);
              transform: translate(-50%, 40px); }
      .toasty.float.bottom.right {
        right: 0; }
        .toasty.float.bottom.right.invisible {
          -ms-transform: translateY(40px);
              transform: translateY(40px); }
    .toasty.float.middle {
      left: 50%;
      top: 50%;
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
      .toasty.float.middle.invisible {
        -ms-transform: translate(-50%, calc(-50% - 40px));
            transform: translate(-50%, calc(-50% - 40px)); }
  .toasty.invisible {
    opacity: 0;
    pointer-events: none;
    -ms-transform: translateY(40px);
        transform: translateY(40px);
    transition: opacity .15s ease, transform .1s .15s;
    visibility: unset; }
  .toasty a,
  .toasty button {
    font-weight: 600;
    position: relative; }
    .toasty a::after,
    .toasty button::after {
      background-color: #fff;
      bottom: 0;
      content: '';
      height: 1px;
      left: 0;
      position: absolute;
      -ms-transform: translateY(2px);
          transform: translateY(2px);
      transition: width 0.25s ease-in-out;
      width: 0;
      will-change: width; }
    .toasty a:hover::after,
    .toasty button:hover::after {
      width: 100%; }

.toasty.light {
  background-color: #fff;
  color: #0073cd; }

.notifications {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-height: 100vh; }
  .notifications__header {
    -ms-flex-align: center;
        align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 30px 20px; }
    .notifications__header-content {
      -ms-flex-align: center;
          align-items: center;
      color: #fff;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex; }
      .notifications__header-content-title {
        font-size: 1.25rem;
        margin-left: 20px;
        text-transform: lowercase; }
  .notifications__container {
    height: 100%;
    position: relative; }
    .notifications__container-scroll {
      height: 100%;
      left: 0;
      max-height: 100%;
      position: absolute;
      top: 0;
      width: 100%; }
      .notifications__container-scroll .simplebar-content {
        padding-bottom: 0 !important; }
  .notifications__trigger svg {
    overflow: initial; }

.notification {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  padding: 20px; }
  .notification > svg {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .notification__content {
    -ms-flex-positive: 1;
        flex-grow: 1;
    margin-left: 20px; }
    .notification__content-title {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      font-size: 1rem;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .notification__content-title > time {
        font-size: 85%;
        font-weight: normal; }
    .notification__content-description {
      font-size: 0.875rem;
      line-height: 1.5;
      margin-bottom: 0; }
    .notification__content-buttons {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .notification__button {
        font-size: 0.875rem;
        font-weight: 600;
        margin-right: 20px;
        margin-top: 10px;
        text-transform: uppercase;
        word-break: keep-all; }
        .notification__button, .notification__button:focus, .notification__button:hover {
          color: #0ff; }
        .notification__button:last-child {
          margin-right: 0; }
        .notification__button[readonly] {
          opacity: 0.5;
          pointer-events: none; }

.notification.is-read,
.notification.is-canceled {
  opacity: 0.5; }

.notification.is-canceled .notification__content-title > span,
.notification.is-canceled .notification__content-description {
  text-decoration: line-through; }

.bar-floating {
  position: fixed; }
  .bar-floating.bottom {
    bottom: 20px; }
  .bar-floating.top {
    top: 20px; }
  .bar-floating.left {
    left: 10px; }
    @media print, screen and (min-width: 40em) {
      .bar-floating.left {
        left: 20px; } }
  .bar-floating.right {
    right: 10px; }
    @media print, screen and (min-width: 40em) {
      .bar-floating.right {
        right: 20px; } }

.feedback-expansive {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  height: 40px;
  width: 100%; }
  .feedback-expansive__group {
    border-radius: 50px;
    cursor: pointer;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    margin-left: 20px;
    min-height: 40px;
    position: relative;
    transition: width .2s linear;
    width: 40px; }
    .feedback-expansive__group:hover .feedback-expansive__group__message p {
      opacity: 1;
      transition: opacity .1s linear;
      transition-delay: .2s; }
    .feedback-expansive__group.warning {
      background: #ffc801; }
      .feedback-expansive__group.warning:hover {
        width: 388px; }
        .feedback-expansive__group.warning:hover .button.warning::before, .feedback-expansive__group.warning:hover .button.warning::after {
          animation: none; }
      .feedback-expansive__group.warning p strong {
        color: rgba(0, 0, 0, 0.5); }
      .feedback-expansive__group.warning .button.warning {
        background: #ffc801; }
    .feedback-expansive__group.light {
      background: #fff; }
      .feedback-expansive__group.light:hover {
        width: 170px; }
      .feedback-expansive__group.light p {
        color: #0073cd;
        text-align: center; }
      .feedback-expansive__group.light .button.light {
        background: #fff;
        color: #0073cd; }
    .feedback-expansive__group__message {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      overflow: hidden;
      padding: 0 10px 0 14px;
      width: calc(100% - 10px); }
      .feedback-expansive__group__message p {
        margin: 0;
        opacity: 0;
        z-index: 2; }
        .feedback-expansive__group__message p strong {
          text-transform: uppercase; }
    .feedback-expansive__group .button {
      border-radius: 100px;
      height: 40px;
      position: absolute;
      right: 0;
      width: 40px; }
      .feedback-expansive__group .button:hover {
        z-index: 2; }

.swiper--centered {
  display: block;
  max-width: calc(100vw - 20px); }
  .swiper--centered .swiper-slide {
    opacity: 0.5;
    -ms-transform: scale(0.9);
        transform: scale(0.9);
    -ms-transform-origin: center;
        transform-origin: center;
    transition: transform 0.25s ease-in-out;
    width: auto;
    will-change: transform; }
  .swiper--centered .swiper-slide-active {
    opacity: 1; }

.carousel-columns .swiper-container {
  margin: 0 10px; }

.carousel-columns .swiper-wrapper {
  width: auto; }

.carousel-columns .swiper-slide {
  padding: 10px;
  width: auto; }

.carousel-columns .swiper-button-next,
.carousel-columns .swiper-button-prev {
  background: transparent;
  color: #fff;
  height: auto;
  line-height: 0;
  margin-top: 0;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  width: auto; }

.carousel-columns .swiper-button-next {
  right: 5px; }

.carousel-columns .swiper-button-prev {
  left: 5px; }

.list-details:not(.grid-cell-gutter-collapse-left) {
  padding-left: 5px; }

.list-details:not(.grid-cell-gutter-collapse-right) {
  padding-right: 5px; }

@media print, screen and (min-width: 40em) {
  .list-details:not(.grid-cell-gutter-collapse-left) {
    padding-left: 10px; }
  .list-details:not(.grid-cell-gutter-collapse-right) {
    padding-right: 10px; } }

@media print, screen and (min-width: 64em) {
  .list-details:not(.grid-cell-gutter-collapse-left) {
    padding-left: 10px; }
  .list-details:not(.grid-cell-gutter-collapse-right) {
    padding-right: 10px; } }

.list-details * {
  outline: 0; }

.list-details::-webkit-scrollbar {
  background: none;
  width: 6px; }

.list-details::-webkit-scrollbar-track {
  background: none;
  border-radius: 10px; }

.list-details::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 10px; }

.list-details__line {
  margin-left: -5px;
  margin-right: -5px;
  overflow: hidden;
  position: relative; }
  @media print, screen and (min-width: 40em) {
    .list-details__line {
      margin-left: -10px;
      margin-right: -10px; } }
  @media print, screen and (min-width: 64em) {
    .list-details__line {
      margin-left: -10px;
      margin-right: -10px; } }
  .list-details__line:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .list-details__line.is-active {
    background-color: rgba(255, 255, 255, 0.2); }
    .list-details__line.is-active .button-dashed-squad .dashed-squad path:last-child {
      stroke: #0073cd; }
  .list-details__line__container {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    overflow: hidden;
    position: relative;
    transition: background .5s ease;
    will-change: background; }
    .list-details__line__container__cell {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
      -ms-flex-positive: 1;
          flex-grow: 1;
      -ms-flex-pack: center;
          justify-content: center;
      padding-bottom: 10px;
      padding-top: 10px; }
      .list-details__line__container__cell > *:not(.grid-cell-gutter-collapse-left) {
        padding-left: 5px; }
      .list-details__line__container__cell > *:not(.grid-cell-gutter-collapse-right) {
        padding-right: 5px; }
      @media print, screen and (min-width: 40em) {
        .list-details__line__container__cell > *:not(.grid-cell-gutter-collapse-left) {
          padding-left: 10px; }
        .list-details__line__container__cell > *:not(.grid-cell-gutter-collapse-right) {
          padding-right: 10px; } }
      @media print, screen and (min-width: 64em) {
        .list-details__line__container__cell > *:not(.grid-cell-gutter-collapse-left) {
          padding-left: 10px; }
        .list-details__line__container__cell > *:not(.grid-cell-gutter-collapse-right) {
          padding-right: 10px; } }
      .list-details__line__container__cell:not(.grid-cell-top), .list-details__line__container__cell:not(.grid-cell-bottom) {
        -ms-flex-align: center;
            align-items: center; }
  .list-details__line__container__dropdown,
  .list-details__line__container__dropdown-message {
    background-color: rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    margin-top: -100%;
    padding: 20px;
    position: relative;
    transition: margin-top .5s ease;
    width: 100%;
    will-change: margin-top; }
    .list-details__line__container__dropdown::before,
    .list-details__line__container__dropdown-message::before {
      display: block;
      width: 0;
      height: 0;
      border: inset 8px;
      content: '';
      border-top-width: 0;
      border-bottom-style: solid;
      border-color: transparent transparent rgba(0, 0, 0, 0.2);
      left: 40px;
      position: absolute;
      top: 0;
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
      z-index: 3; }
    .list-details__line__container__dropdown.is-active,
    .list-details__line__container__dropdown-message.is-active {
      margin-top: 10px; }
    .list-details__line__container__dropdown .swiper-slide .button.light.clear,
    .list-details__line__container__dropdown-message .swiper-slide .button.light.clear {
      opacity: 0.5;
      transition: opacity 0.25s ease-in-out;
      will-change: opacity; }
      .list-details__line__container__dropdown .swiper-slide .button.light.clear:hover, .list-details__line__container__dropdown .swiper-slide .button.light.clear:focus,
      .list-details__line__container__dropdown-message .swiper-slide .button.light.clear:hover,
      .list-details__line__container__dropdown-message .swiper-slide .button.light.clear:focus {
        color: #fff;
        opacity: 1; }
  .list-details__line__container__dropdown-message.is-active {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex; }
  .list-details__line__container__dropdown-message::before {
    left: initial;
    right: 10px; }
  .list-details__line__container__dropdown-message p {
    font-size: 0.875rem;
    margin: 0;
    padding-left: 30px;
    padding-right: 30px; }

.list-details .button-dashed-squad.is-active .dashed-squad path:first-child {
  stroke-dashoffset: 0; }

.list-details .input-group {
  margin-bottom: 0; }

.list-details .tabs-content h4 {
  font-weight: 400;
  margin-bottom: 20px; }

.list-details .tabs-content .list-details__line {
  border-top: 1px solid rgba(255, 255, 255, 0.2); }

.list-banks__avatar {
  -ms-flex-align: center;
      align-items: center;
  border: 2px solid #fff;
  border-radius: 50%;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  height: 50px;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 20px;
  width: 50px; }

.list-banks p {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  font-size: 1.125rem;
  margin-bottom: 0;
  margin-left: 10px; }
  .list-banks p span + span::before {
    background: #fff;
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 5px;
    margin: 0 10px;
    position: relative;
    top: 0;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    width: 5px; }

.list-bankssss {
  margin-bottom: 40px; }
  .list-bankssss:not(.grid-cell-gutter-collapse-left) {
    padding-left: 10px; }
  .list-bankssss:not(.grid-cell-gutter-collapse-right) {
    padding-right: 10px; }
  @media print, screen and (min-width: 40em) {
    .list-bankssss:not(.grid-cell-gutter-collapse-left) {
      padding-left: 20px; }
    .list-bankssss:not(.grid-cell-gutter-collapse-right) {
      padding-right: 20px; } }
  @media print, screen and (min-width: 64em) {
    .list-bankssss:not(.grid-cell-gutter-collapse-left) {
      padding-left: 20px; }
    .list-bankssss:not(.grid-cell-gutter-collapse-right) {
      padding-right: 20px; } }
  .list-bankssss__bank {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex; }
    .list-bankssss__bank p {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      font-family: "latoregular";
      margin-bottom: 0;
      margin-left: 10px; }
    .list-bankssss__title {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      font-family: "latoregular";
      font-weight: normal;
      text-transform: uppercase; }
    .list-bankssss__bank__avatar {
      -ms-flex-align: center;
          align-items: center;
      background: rgba(0, 0, 0, 0.5);
      border: 2px solid #fff;
      border-radius: 50%;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      height: 50px;
      -ms-flex-pack: center;
          justify-content: center;
      outline: none;
      width: 50px; }
      .list-bankssss__bank__avatar svg {
        bottom: 1px;
        left: .5px;
        position: relative; }
    .list-bankssss__info p:first-of-type span + span::before {
      background: #fff;
      border-radius: 50%;
      content: '';
      display: inline-block;
      height: 5px;
      margin: 0 10px;
      position: relative;
      top: 0;
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
      width: 5px; }
    .list-bankssss__info p:last-of-type span + span {
      margin-left: 10px; }
    .list-bankssss__bank__name {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      font-weight: 600; }
      .list-bankssss__bank__name::before {
        background: #fff;
        border-radius: 50%;
        content: '';
        display: inline-block;
        height: 5px;
        margin: 0 10px;
        position: relative;
        top: 1.5px;
        width: 5px; }

.list-selectable .list-selectable__label:hover, .list-selectable input:checked + .list-selectable__label, .list-table__row-wrapper [type=radio]:checked + label + .list-table__row, .list-table__row-wrapper [type=radio]:hover + label + .list-table__row,
.list-table__row-wrapper [type=checkbox]:checked + label + .list-table__row,
.list-table__row-wrapper [type=checkbox]:hover + label + .list-table__row, .list-table__row-wrapper:hover [type=radio] + label + .list-table__row,
.list-table__row-wrapper:hover [type=checkbox] + label + .list-table__row, .list-table.selectable .list-table__row:hover, .list-table.selectable .list-table__row:focus, .list-table.selectable .list-table__row.onboard-select,
.list-table.selectable .list-table__content .list-table__row:hover,
.list-table.selectable .list-table__content .list-table__row:focus,
.list-table.selectable .list-table__content .list-table__row.onboard-select,
.list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row:hover,
.list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row:focus,
.list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row.onboard-select, .list-table.selectable .list-table__row.is-prompted,
.list-table.selectable .list-table__content .list-table__row.is-prompted,
.list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row.is-prompted, .list-table.selectable .list-table__row .list-table__content > .list-table__row-wrapper:hover > .list-table__row,
.list-table.selectable .list-table__content .list-table__row .list-table__content > .list-table__row-wrapper:hover > .list-table__row,
.list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row .list-table__content > .list-table__row-wrapper:hover > .list-table__row {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid #0ff;
  transition: all .35s; }

.list-selectable {
  position: relative; }
  .list-selectable .list-selectable__label {
    -ms-flex-align: center;
        align-items: center;
    background: transparent;
    border: 2px solid transparent;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    transition: background .35s, border .35s;
    width: 100%; }
    .list-selectable .list-selectable__label:not(.grid-cell-gutter-collapse-left) {
      padding-left: 5px; }
    .list-selectable .list-selectable__label:not(.grid-cell-gutter-collapse-right) {
      padding-right: 5px; }
    @media print, screen and (min-width: 40em) {
      .list-selectable .list-selectable__label:not(.grid-cell-gutter-collapse-left) {
        padding-left: 10px; }
      .list-selectable .list-selectable__label:not(.grid-cell-gutter-collapse-right) {
        padding-right: 10px; } }
    @media print, screen and (min-width: 64em) {
      .list-selectable .list-selectable__label:not(.grid-cell-gutter-collapse-left) {
        padding-left: 10px; }
      .list-selectable .list-selectable__label:not(.grid-cell-gutter-collapse-right) {
        padding-right: 10px; } }
    .list-selectable .list-selectable__label::before, .list-selectable .list-selectable__label::after {
      left: -22px;
      opacity: 0;
      top: calc(50% - (15px / 2));
      transition: opacity .35s; }
    .list-selectable .list-selectable__label::after {
      left: -18px;
      top: calc(50% - (10.61px / 2)); }
    .list-selectable .list-selectable__label:hover::before, .list-selectable .list-selectable__label:hover::after {
      opacity: 1;
      transition: opacity .35s; }
  .list-selectable input:checked + .list-selectable__label::after,
  .list-selectable input:checked + .list-selectable__label::before {
    opacity: 1 !important; }

.list-table {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  position: relative;
  width: 100%; }
  .list-table .list-selectable .list-selectable__label:hover, .list-selectable .list-table .list-selectable__label:hover, .list-table .list-selectable input:checked + .list-selectable__label, .list-selectable .list-table input:checked + .list-selectable__label, .list-table .list-table__row-wrapper [type=radio]:checked + label + .list-table__row, .list-table__row-wrapper .list-table [type=radio]:checked + label + .list-table__row, .list-table .list-table__row-wrapper [type=radio]:hover + label + .list-table__row, .list-table__row-wrapper .list-table [type=radio]:hover + label + .list-table__row,
  .list-table .list-table__row-wrapper [type=checkbox]:checked + label + .list-table__row, .list-table__row-wrapper .list-table [type=checkbox]:checked + label + .list-table__row,
  .list-table .list-table__row-wrapper [type=checkbox]:hover + label + .list-table__row, .list-table__row-wrapper .list-table [type=checkbox]:hover + label + .list-table__row, .list-table .list-table__row-wrapper:hover [type=radio] + label + .list-table__row, .list-table__row-wrapper:hover .list-table [type=radio] + label + .list-table__row,
  .list-table .list-table__row-wrapper:hover [type=checkbox] + label + .list-table__row, .list-table__row-wrapper:hover .list-table [type=checkbox] + label + .list-table__row, .list-table.selectable .list-table__row:hover, .list-table.selectable .list-table__row:focus, .list-table.selectable .list-table__row.onboard-select,
  .list-table.selectable .list-table__content .list-table__row:hover,
  .list-table.selectable .list-table__content .list-table__row:focus,
  .list-table.selectable .list-table__content .list-table__row.onboard-select,
  .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row:hover,
  .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row:focus,
  .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row.onboard-select, .list-table.selectable .list-table__row.is-prompted,
  .list-table.selectable .list-table__content .list-table__row.is-prompted,
  .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row.is-prompted, .list-table.selectable .list-table__row .list-table__content > .list-table__row-wrapper:hover > .list-table__row,
  .list-table.selectable .list-table__content .list-table__row .list-table__content > .list-table__row-wrapper:hover > .list-table__row,
  .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row .list-table__content > .list-table__row-wrapper:hover > .list-table__row {
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid #0ff;
    border-radius: 100px;
    transition: all .35s; }
  .list-table.shrink {
    -ms-flex-negative: 1;
        flex-shrink: 1;
    height: auto; }
  .list-table.stretch {
    height: 100%; }
  .list-table__context-menu {
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translate(calc(100% + 10px), -50%);
        transform: translate(calc(100% + 10px), -50%); }
    .list-table__context-menu .button {
      margin-left: 0;
      margin-right: 0; }
      .list-table__context-menu .button:last-child {
        margin-bottom: 0; }
  .list-table__content {
    -ms-flex-positive: 1;
        flex-grow: 1;
    overflow-x: initial;
    overflow-y: auto;
    position: relative; }
    .list-table__content::-webkit-scrollbar {
      background: transparent;
      width: 6px; }
    .list-table__content::-webkit-scrollbar-track {
      display: none; }
    .list-table__content::-webkit-scrollbar-thumb {
      background: transparent;
      border-radius: 10px; }
    .list-table__content:hover::-webkit-scrollbar-thumb {
      background-color: rgba(255, 255, 255, 0.5); }
  .list-table__placeholder {
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    width: 100%; }
  .list-table__card {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin-bottom: 20px;
    margin-left: 50px;
    margin-right: 5px;
    padding: 0 20px; }
    .list-table__card > .list-table__row:first-child::before {
      background-color: transparent; }
    .list-table__card > .list-table__row:not(:first-child) {
      position: relative; }
      .list-table__card > .list-table__row:not(:first-child) label {
        left: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translate(-70px, -50%);
            transform: translate(-70px, -50%); }
        .list-table__card > .list-table__row:not(:first-child) label::before {
          margin: 0; }
    .list-table__card > .list-table__row:last-child {
      border-bottom: 0; }
  .list-table__row,
  .list-table__row-header {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    transition: background-color 0.25s ease-in-out;
    width: 100%;
    will-change: background-color; }
    .list-table__row:not([class*=grid-cell]),
    .list-table__row-header:not([class*=grid-cell]) {
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .list-table > .list-table__row,
    .list-table__content > .list-table__row,
    .list-table__card > .list-table__row,
    .list-table__row-wrapper > .list-table__row,
    .list-table__group > .list-table__row, .list-table >
    .list-table__row-header,
    .list-table__content >
    .list-table__row-header,
    .list-table__card >
    .list-table__row-header,
    .list-table__row-wrapper >
    .list-table__row-header,
    .list-table__group >
    .list-table__row-header {
      padding: 10px 0; }
      .list-table > .list-table__row::before,
      .list-table__content > .list-table__row::before,
      .list-table__card > .list-table__row::before,
      .list-table__row-wrapper > .list-table__row::before,
      .list-table__group > .list-table__row::before, .list-table >
      .list-table__row-header::before,
      .list-table__content >
      .list-table__row-header::before,
      .list-table__card >
      .list-table__row-header::before,
      .list-table__row-wrapper >
      .list-table__row-header::before,
      .list-table__group >
      .list-table__row-header::before {
        background-color: rgba(255, 255, 255, 0.2);
        content: '';
        height: 1px;
        left: 0;
        position: absolute;
        top: 100%;
        width: 100%; }
  .list-table__row-wrapper {
    margin-left: -40px;
    padding-left: 40px; }
    .list-table__row-wrapper [type=radio] + label,
    .list-table__row-wrapper [type=checkbox] + label {
      left: 0;
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: 50%;
      -ms-transform: translate(2px, -50%);
          transform: translate(2px, -50%);
      transition: opacity 0.25s ease-in-out;
      will-change: opacity; }
    .list-table__row-wrapper [type=radio]:checked, .list-table__row-wrapper [type=radio]:hover,
    .list-table__row-wrapper [type=checkbox]:checked,
    .list-table__row-wrapper [type=checkbox]:hover {
      opacity: 1; }
      .list-table__row-wrapper [type=radio]:checked + label, .list-table__row-wrapper [type=radio]:hover + label,
      .list-table__row-wrapper [type=checkbox]:checked + label,
      .list-table__row-wrapper [type=checkbox]:hover + label {
        opacity: 1; }
    .list-table__row-wrapper:hover [type=radio] + label,
    .list-table__row-wrapper:hover [type=checkbox] + label {
      opacity: 1;
      pointer-events: all; }
  .list-table__row-header {
    font-weight: 600; }
  .list-table__row {
    position: relative; }
    .list-table__row .button-group {
      -ms-flex-pack: end;
          justify-content: flex-end; }
    .list-table > .list-table__row,
    .list-table__content > .list-table__row,
    .list-table__group > .list-table__row {
      position: relative; }
      .list-table > .list-table__row:hover, .list-table > .list-table__row:focus,
      .list-table__content > .list-table__row:hover,
      .list-table__content > .list-table__row:focus,
      .list-table__group > .list-table__row:hover,
      .list-table__group > .list-table__row:focus {
        background-color: rgba(255, 255, 255, 0.2); }
    .onboard .list-table__content {
      margin-left: -30px;
      padding-left: 30px; }
    .onboard-select + .list-table__row::before {
      display: none; }
    .onboard-select__icon {
      left: 0;
      position: absolute;
      top: 50%;
      -ms-transform: translate(-30px, -50%);
          transform: translate(-30px, -50%); }

@keyframes swipe-fade {
  0% {
    opacity: 0;
    transform: translateY(50%); }
  20%,
  40%,
  80% {
    opacity: 1; }
  70%,
  100% {
    transform: translateY(-7.5px); }
  100% {
    opacity: 0; } }
      .onboard-select__icon svg {
        animation: swipe-fade 2s linear infinite both;
        left: -10px;
        position: absolute; }
      .onboard-select__icon::before {
        border: 2px solid #0ff;
        border-radius: 50%;
        content: '';
        display: block;
        height: 15px;
        margin: 0 auto;
        width: 15px; }
    .list-table__row .prompt {
      display: none; }
    .list-table__row.is-prompted .list-table__col {
      opacity: 0.2; }
      .list-table__row.is-prompted .list-table__col .button-group {
        display: none; }
    .list-table__row.is-prompted:hover, .list-table__row.is-prompted:focus {
      background-color: transparent; }
    .list-table__row.is-prompted + .list-table__row::before {
      display: none; }
    .list-table__row.is-prompted::before {
      opacity: 0; }
    .list-table__row.is-prompted .prompt {
      -ms-flex-align: end;
          align-items: flex-end;
      background: rgba(255, 255, 255, 0.2);
      border-radius: 40px;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      height: 100%;
      -ms-flex-pack: center;
          justify-content: center;
      left: 0;
      padding-right: 20px;
      position: absolute;
      width: 100%;
      z-index: 2; }
      .list-table__row.is-prompted .prompt .prompt__text {
        font-size: 0.75rem;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -ms-flex-pack: end;
            justify-content: flex-end;
        margin: 0;
        text-transform: uppercase; }
      .list-table__row.is-prompted .prompt .prompt__actions {
        -ms-flex-align: center;
            align-items: center;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -ms-flex-pack: end;
            justify-content: flex-end; }
        .list-table__row.is-prompted .prompt .prompt__actions label {
          font-size: 0.875rem;
          color: #fff;
          cursor: pointer;
          line-height: 1;
          margin: 0 10px;
          text-transform: uppercase; }
          .list-table__row.is-prompted .prompt .prompt__actions label:last-of-type {
            margin: 0; }
  .list-table__col {
    -ms-flex-positive: 1;
        flex-grow: 1; }
    .list-table__col:not(.grid-cell-gutter-collapse-left) {
      padding-left: 5px; }
    .list-table__col:not(.grid-cell-gutter-collapse-right) {
      padding-right: 5px; }
    @media print, screen and (min-width: 40em) {
      .list-table__col:not(.grid-cell-gutter-collapse-left) {
        padding-left: 10px; }
      .list-table__col:not(.grid-cell-gutter-collapse-right) {
        padding-right: 10px; } }
    @media print, screen and (min-width: 64em) {
      .list-table__col:not(.grid-cell-gutter-collapse-left) {
        padding-left: 10px; }
      .list-table__col:not(.grid-cell-gutter-collapse-right) {
        padding-right: 10px; } }
    .list-table__col.shrink {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: 1;
          flex-shrink: 1; }
    .list-table__col.col-1 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 1%;
      width: 1%; }
    .list-table__col.col-2 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 2%;
      width: 2%; }
    .list-table__col.col-3 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 3%;
      width: 3%; }
    .list-table__col.col-4 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 4%;
      width: 4%; }
    .list-table__col.col-5 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 5%;
      width: 5%; }
    .list-table__col.col-6 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 6%;
      width: 6%; }
    .list-table__col.col-7 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 7%;
      width: 7%; }
    .list-table__col.col-8 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 8%;
      width: 8%; }
    .list-table__col.col-9 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 9%;
      width: 9%; }
    .list-table__col.col-10 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 10%;
      width: 10%; }
    .list-table__col.col-11 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 11%;
      width: 11%; }
    .list-table__col.col-12 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 12%;
      width: 12%; }
    .list-table__col.col-13 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 13%;
      width: 13%; }
    .list-table__col.col-14 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 14%;
      width: 14%; }
    .list-table__col.col-15 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 15%;
      width: 15%; }
    .list-table__col.col-16 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 16%;
      width: 16%; }
    .list-table__col.col-17 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 17%;
      width: 17%; }
    .list-table__col.col-18 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 18%;
      width: 18%; }
    .list-table__col.col-19 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 19%;
      width: 19%; }
    .list-table__col.col-20 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 20%;
      width: 20%; }
    .list-table__col.col-21 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 21%;
      width: 21%; }
    .list-table__col.col-22 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 22%;
      width: 22%; }
    .list-table__col.col-23 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 23%;
      width: 23%; }
    .list-table__col.col-24 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 24%;
      width: 24%; }
    .list-table__col.col-25 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 25%;
      width: 25%; }
    .list-table__col.col-26 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 26%;
      width: 26%; }
    .list-table__col.col-27 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 27%;
      width: 27%; }
    .list-table__col.col-28 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 28%;
      width: 28%; }
    .list-table__col.col-29 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 29%;
      width: 29%; }
    .list-table__col.col-30 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 30%;
      width: 30%; }
    .list-table__col.col-31 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 31%;
      width: 31%; }
    .list-table__col.col-32 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 32%;
      width: 32%; }
    .list-table__col.col-33 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 33%;
      width: 33%; }
    .list-table__col.col-34 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 34%;
      width: 34%; }
    .list-table__col.col-35 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 35%;
      width: 35%; }
    .list-table__col.col-36 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 36%;
      width: 36%; }
    .list-table__col.col-37 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 37%;
      width: 37%; }
    .list-table__col.col-38 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 38%;
      width: 38%; }
    .list-table__col.col-39 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 39%;
      width: 39%; }
    .list-table__col.col-40 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 40%;
      width: 40%; }
    .list-table__col.col-41 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 41%;
      width: 41%; }
    .list-table__col.col-42 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 42%;
      width: 42%; }
    .list-table__col.col-43 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 43%;
      width: 43%; }
    .list-table__col.col-44 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 44%;
      width: 44%; }
    .list-table__col.col-45 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 45%;
      width: 45%; }
    .list-table__col.col-46 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 46%;
      width: 46%; }
    .list-table__col.col-47 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 47%;
      width: 47%; }
    .list-table__col.col-48 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 48%;
      width: 48%; }
    .list-table__col.col-49 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 49%;
      width: 49%; }
    .list-table__col.col-50 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 50%;
      width: 50%; }
    .list-table__col.col-51 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 51%;
      width: 51%; }
    .list-table__col.col-52 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 52%;
      width: 52%; }
    .list-table__col.col-53 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 53%;
      width: 53%; }
    .list-table__col.col-54 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 54%;
      width: 54%; }
    .list-table__col.col-55 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 55%;
      width: 55%; }
    .list-table__col.col-56 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 56%;
      width: 56%; }
    .list-table__col.col-57 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 57%;
      width: 57%; }
    .list-table__col.col-58 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 58%;
      width: 58%; }
    .list-table__col.col-59 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 59%;
      width: 59%; }
    .list-table__col.col-60 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 60%;
      width: 60%; }
    .list-table__col.col-61 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 61%;
      width: 61%; }
    .list-table__col.col-62 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 62%;
      width: 62%; }
    .list-table__col.col-63 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 63%;
      width: 63%; }
    .list-table__col.col-64 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 64%;
      width: 64%; }
    .list-table__col.col-65 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 65%;
      width: 65%; }
    .list-table__col.col-66 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 66%;
      width: 66%; }
    .list-table__col.col-67 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 67%;
      width: 67%; }
    .list-table__col.col-68 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 68%;
      width: 68%; }
    .list-table__col.col-69 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 69%;
      width: 69%; }
    .list-table__col.col-70 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 70%;
      width: 70%; }
    .list-table__col.col-71 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 71%;
      width: 71%; }
    .list-table__col.col-72 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 72%;
      width: 72%; }
    .list-table__col.col-73 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 73%;
      width: 73%; }
    .list-table__col.col-74 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 74%;
      width: 74%; }
    .list-table__col.col-75 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 75%;
      width: 75%; }
    .list-table__col.col-76 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 76%;
      width: 76%; }
    .list-table__col.col-77 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 77%;
      width: 77%; }
    .list-table__col.col-78 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 78%;
      width: 78%; }
    .list-table__col.col-79 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 79%;
      width: 79%; }
    .list-table__col.col-80 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 80%;
      width: 80%; }
    .list-table__col.col-81 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 81%;
      width: 81%; }
    .list-table__col.col-82 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 82%;
      width: 82%; }
    .list-table__col.col-83 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 83%;
      width: 83%; }
    .list-table__col.col-84 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 84%;
      width: 84%; }
    .list-table__col.col-85 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 85%;
      width: 85%; }
    .list-table__col.col-86 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 86%;
      width: 86%; }
    .list-table__col.col-87 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 87%;
      width: 87%; }
    .list-table__col.col-88 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 88%;
      width: 88%; }
    .list-table__col.col-89 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 89%;
      width: 89%; }
    .list-table__col.col-90 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 90%;
      width: 90%; }
    .list-table__col.col-91 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 91%;
      width: 91%; }
    .list-table__col.col-92 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 92%;
      width: 92%; }
    .list-table__col.col-93 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 93%;
      width: 93%; }
    .list-table__col.col-94 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 94%;
      width: 94%; }
    .list-table__col.col-95 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 95%;
      width: 95%; }
    .list-table__col.col-96 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 96%;
      width: 96%; }
    .list-table__col.col-97 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 97%;
      width: 97%; }
    .list-table__col.col-98 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 98%;
      width: 98%; }
    .list-table__col.col-99 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 99%;
      width: 99%; }
    .list-table__col.col-100 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 100%;
      width: 100%; }
  .list-table__onboarding {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: 100%;
    -ms-flex-pack: center;
        justify-content: center; }
  .list-table .header-with-line {
    margin: 10px 0; }
    .list-table__row + .header-with-line {
      margin-top: 20px; }
    .list-table .header-with-line + .list-table__row::before,
    .list-table .header-with-line + .list-table__row-wrapper > .list-table__row::before {
      display: none; }
  .list-table.selectable {
    position: relative; }
    .list-table.selectable .list-table__row,
    .list-table.selectable .list-table__row-wrapper {
      position: relative; }
      .list-table.selectable .list-table__row:hover + .list-table__row::before,
      .list-table.selectable .list-table__row:hover + .list-table__row-wrapper > .list-table__row::before, .list-table.selectable .list-table__row:focus + .list-table__row::before,
      .list-table.selectable .list-table__row:focus + .list-table__row-wrapper > .list-table__row::before, .list-table.selectable .list-table__row.onboard-select + .list-table__row::before,
      .list-table.selectable .list-table__row.onboard-select + .list-table__row-wrapper > .list-table__row::before,
      .list-table.selectable .list-table__row-wrapper:hover + .list-table__row::before,
      .list-table.selectable .list-table__row-wrapper:hover + .list-table__row-wrapper > .list-table__row::before,
      .list-table.selectable .list-table__row-wrapper:focus + .list-table__row::before,
      .list-table.selectable .list-table__row-wrapper:focus + .list-table__row-wrapper > .list-table__row::before,
      .list-table.selectable .list-table__row-wrapper.onboard-select + .list-table__row::before,
      .list-table.selectable .list-table__row-wrapper.onboard-select + .list-table__row-wrapper > .list-table__row::before {
        background: transparent; }
    .list-table.selectable .list-table__row,
    .list-table.selectable .list-table__content .list-table__row,
    .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row {
      -ms-flex-align: center;
          align-items: center;
      background: transparent;
      border: 2px solid transparent;
      border-radius: 100px;
      color: #fff;
      cursor: pointer;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      margin: 20px 0;
      padding-bottom: 10px;
      padding-top: 10px;
      position: relative;
      transition: background .35s, border .35s;
      width: 100%; }
      .list-table.selectable .list-table__row:not(.grid-cell-gutter-collapse-left),
      .list-table.selectable .list-table__content .list-table__row:not(.grid-cell-gutter-collapse-left),
      .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row:not(.grid-cell-gutter-collapse-left) {
        padding-left: 5px; }
      .list-table.selectable .list-table__row:not(.grid-cell-gutter-collapse-right),
      .list-table.selectable .list-table__content .list-table__row:not(.grid-cell-gutter-collapse-right),
      .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row:not(.grid-cell-gutter-collapse-right) {
        padding-right: 5px; }
      @media print, screen and (min-width: 40em) {
        .list-table.selectable .list-table__row:not(.grid-cell-gutter-collapse-left),
        .list-table.selectable .list-table__content .list-table__row:not(.grid-cell-gutter-collapse-left),
        .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row:not(.grid-cell-gutter-collapse-left) {
          padding-left: 10px; }
        .list-table.selectable .list-table__row:not(.grid-cell-gutter-collapse-right),
        .list-table.selectable .list-table__content .list-table__row:not(.grid-cell-gutter-collapse-right),
        .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row:not(.grid-cell-gutter-collapse-right) {
          padding-right: 10px; } }
      @media print, screen and (min-width: 64em) {
        .list-table.selectable .list-table__row:not(.grid-cell-gutter-collapse-left),
        .list-table.selectable .list-table__content .list-table__row:not(.grid-cell-gutter-collapse-left),
        .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row:not(.grid-cell-gutter-collapse-left) {
          padding-left: 10px; }
        .list-table.selectable .list-table__row:not(.grid-cell-gutter-collapse-right),
        .list-table.selectable .list-table__content .list-table__row:not(.grid-cell-gutter-collapse-right),
        .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row:not(.grid-cell-gutter-collapse-right) {
          padding-right: 10px; } }
      .list-table.selectable .list-table__row::before,
      .list-table.selectable .list-table__content .list-table__row::before,
      .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row::before {
        background: rgba(255, 255, 255, 0.2);
        content: '';
        height: 1px;
        position: absolute;
        right: 0;
        top: -13px;
        width: 100%; }
      .list-table.selectable .list-table__row:hover::before, .list-table.selectable .list-table__row:focus::before, .list-table.selectable .list-table__row.onboard-select::before,
      .list-table.selectable .list-table__content .list-table__row:hover::before,
      .list-table.selectable .list-table__content .list-table__row:focus::before,
      .list-table.selectable .list-table__content .list-table__row.onboard-select::before,
      .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row:hover::before,
      .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row:focus::before,
      .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row.onboard-select::before {
        background: transparent; }
      .list-table.selectable .list-table__row.is-prompted,
      .list-table.selectable .list-table__content .list-table__row.is-prompted,
      .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row.is-prompted {
        margin-bottom: 20px;
        margin-top: 20px;
        padding-bottom: 10px;
        padding-top: 10px; }
        .list-table.selectable .list-table__row.is-prompted .prompt,
        .list-table.selectable .list-table__content .list-table__row.is-prompted .prompt,
        .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row.is-prompted .prompt {
          background: rgba(0, 0, 0, 0.2); }
      .list-table.selectable .list-table__row .list-table__content > .list-table__row-wrapper:hover > .list-table__row::before,
      .list-table.selectable .list-table__content .list-table__row .list-table__content > .list-table__row-wrapper:hover > .list-table__row::before,
      .list-table.selectable .list-table__content .list-table__row-wrapper .list-table__row .list-table__content > .list-table__row-wrapper:hover > .list-table__row::before {
        background: transparent; }

.list-table-new {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-positive: 1;
      flex-grow: 1;
  height: 100%;
  -ms-flex-pack: start;
      justify-content: flex-start;
  position: relative;
  width: 100%; }
  .list-table-new__menu {
    left: 100%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(10px, -50%);
        transform: translate(10px, -50%); }
    .list-table-new__menu .button {
      color: rgba(0, 0, 0, 0.5);
      margin: 0 0 10px; }
      .list-table-new__menu .button:last-child {
        margin-bottom: 0; }
  .list-table-new__content {
    -ms-flex-positive: 1;
        flex-grow: 1;
    overflow-x: initial;
    overflow-y: auto;
    position: relative; }
    .list-table-new__content::-webkit-scrollbar {
      background: transparent;
      width: 6px; }
    .list-table-new__content::-webkit-scrollbar-track {
      display: none; }
    .list-table-new__content::-webkit-scrollbar-thumb {
      background: transparent;
      border-radius: 10px; }
    .list-table-new__content:hover::-webkit-scrollbar-thumb {
      background-color: rgba(255, 255, 255, 0.5); }
    .list-table-new__content .list-table-new__content-group {
      margin-bottom: 20px; }
      .list-table-new__content .list-table-new__content-group:last-child {
        margin-bottom: 0; }
  .list-table-new__placeholder,
  .list-table-new__placeholder-static {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .list-table-new__placeholder__text {
      display: block;
      font-size: 1.125rem;
      margin-bottom: 10px;
      text-align: center; }
  .list-table-new__placeholder {
    left: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    width: 100%; }
  .list-table-new__row-header,
  .list-table-new__row {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    width: 100%; }
    .list-table-new__row-header:not([class*=grid-cell]),
    .list-table-new__row:not([class*=grid-cell]) {
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .list-table-new > .list-table-new__row-header,
  .list-table-new > .list-table-new__row,
  .list-table-new__content > .list-table-new__row-header,
  .list-table-new__content > .list-table-new__row,
  .list-table-new__group > .list-table-new__row-header,
  .list-table-new__group > .list-table-new__row {
    padding: 10px 0;
    position: relative; }
    .list-table-new > .list-table-new__row-header.padding,
    .list-table-new > .list-table-new__row.padding,
    .list-table-new__content > .list-table-new__row-header.padding,
    .list-table-new__content > .list-table-new__row.padding,
    .list-table-new__group > .list-table-new__row-header.padding,
    .list-table-new__group > .list-table-new__row.padding {
      padding: 20px 0; }
  .list-table-new > .list-table-new__row::before,
  .list-table-new__content > .list-table-new__row::before,
  .list-table-new__group > .list-table-new__row::before {
    background-color: rgba(255, 255, 255, 0.2);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    top: 0;
    -ms-transform: translateY(-1px);
        transform: translateY(-1px);
    transition: opacity 0.25s ease-in-out;
    will-change: opacity; }
  .list-table-new > .list-table-new__row:hover, .list-table-new > .list-table-new__row:focus,
  .list-table-new__content > .list-table-new__row:hover,
  .list-table-new__content > .list-table-new__row:focus,
  .list-table-new__group > .list-table-new__row:hover,
  .list-table-new__group > .list-table-new__row:focus {
    background-color: rgba(255, 255, 255, 0.2); }
    .list-table-new > .list-table-new__row:hover::before,
    .list-table-new > .list-table-new__row:hover + .list-table-new__row::before, .list-table-new > .list-table-new__row:focus::before,
    .list-table-new > .list-table-new__row:focus + .list-table-new__row::before,
    .list-table-new__content > .list-table-new__row:hover::before,
    .list-table-new__content > .list-table-new__row:hover + .list-table-new__row::before,
    .list-table-new__content > .list-table-new__row:focus::before,
    .list-table-new__content > .list-table-new__row:focus + .list-table-new__row::before,
    .list-table-new__group > .list-table-new__row:hover::before,
    .list-table-new__group > .list-table-new__row:hover + .list-table-new__row::before,
    .list-table-new__group > .list-table-new__row:focus::before,
    .list-table-new__group > .list-table-new__row:focus + .list-table-new__row::before {
      opacity: 0; }
  .list-table-new > .list-table-new__row:last-of-type::after,
  .list-table-new__content > .list-table-new__row:last-of-type::after,
  .list-table-new__group > .list-table-new__row:last-of-type::after {
    background-color: rgba(255, 255, 255, 0.2);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    bottom: 0; }
  .list-table-new__row-header {
    cursor: default;
    font-weight: 600; }
    .list-table-new__row-header::after {
      background-color: rgba(255, 255, 255, 0.2);
      content: '';
      height: 1px;
      left: 0;
      position: absolute;
      width: 100%;
      bottom: 0; }
  .list-table-new__row {
    transition: background 0.25s ease-in-out;
    will-change: background; }
    .list-table-new__row .button-group {
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .list-table-new__col {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-positive: 1;
        flex-grow: 1; }
    .list-table-new__col:not(.grid-cell-gutter-collapse-left) {
      padding-left: 5px; }
    .list-table-new__col:not(.grid-cell-gutter-collapse-right) {
      padding-right: 5px; }
    @media print, screen and (min-width: 40em) {
      .list-table-new__col:not(.grid-cell-gutter-collapse-left) {
        padding-left: 10px; }
      .list-table-new__col:not(.grid-cell-gutter-collapse-right) {
        padding-right: 10px; } }
    @media print, screen and (min-width: 64em) {
      .list-table-new__col:not(.grid-cell-gutter-collapse-left) {
        padding-left: 10px; }
      .list-table-new__col:not(.grid-cell-gutter-collapse-right) {
        padding-right: 10px; } }
    .list-table-new__col.shrink {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: 1;
          flex-shrink: 1; }
    .list-table-new__col.col-1 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 1%;
      width: 1%; }
    .list-table-new__col.col-2 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 2%;
      width: 2%; }
    .list-table-new__col.col-3 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 3%;
      width: 3%; }
    .list-table-new__col.col-4 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 4%;
      width: 4%; }
    .list-table-new__col.col-5 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 5%;
      width: 5%; }
    .list-table-new__col.col-6 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 6%;
      width: 6%; }
    .list-table-new__col.col-7 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 7%;
      width: 7%; }
    .list-table-new__col.col-8 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 8%;
      width: 8%; }
    .list-table-new__col.col-9 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 9%;
      width: 9%; }
    .list-table-new__col.col-10 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 10%;
      width: 10%; }
    .list-table-new__col.col-11 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 11%;
      width: 11%; }
    .list-table-new__col.col-12 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 12%;
      width: 12%; }
    .list-table-new__col.col-13 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 13%;
      width: 13%; }
    .list-table-new__col.col-14 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 14%;
      width: 14%; }
    .list-table-new__col.col-15 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 15%;
      width: 15%; }
    .list-table-new__col.col-16 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 16%;
      width: 16%; }
    .list-table-new__col.col-17 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 17%;
      width: 17%; }
    .list-table-new__col.col-18 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 18%;
      width: 18%; }
    .list-table-new__col.col-19 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 19%;
      width: 19%; }
    .list-table-new__col.col-20 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 20%;
      width: 20%; }
    .list-table-new__col.col-21 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 21%;
      width: 21%; }
    .list-table-new__col.col-22 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 22%;
      width: 22%; }
    .list-table-new__col.col-23 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 23%;
      width: 23%; }
    .list-table-new__col.col-24 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 24%;
      width: 24%; }
    .list-table-new__col.col-25 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 25%;
      width: 25%; }
    .list-table-new__col.col-26 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 26%;
      width: 26%; }
    .list-table-new__col.col-27 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 27%;
      width: 27%; }
    .list-table-new__col.col-28 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 28%;
      width: 28%; }
    .list-table-new__col.col-29 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 29%;
      width: 29%; }
    .list-table-new__col.col-30 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 30%;
      width: 30%; }
    .list-table-new__col.col-31 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 31%;
      width: 31%; }
    .list-table-new__col.col-32 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 32%;
      width: 32%; }
    .list-table-new__col.col-33 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 33%;
      width: 33%; }
    .list-table-new__col.col-34 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 34%;
      width: 34%; }
    .list-table-new__col.col-35 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 35%;
      width: 35%; }
    .list-table-new__col.col-36 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 36%;
      width: 36%; }
    .list-table-new__col.col-37 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 37%;
      width: 37%; }
    .list-table-new__col.col-38 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 38%;
      width: 38%; }
    .list-table-new__col.col-39 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 39%;
      width: 39%; }
    .list-table-new__col.col-40 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 40%;
      width: 40%; }
    .list-table-new__col.col-41 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 41%;
      width: 41%; }
    .list-table-new__col.col-42 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 42%;
      width: 42%; }
    .list-table-new__col.col-43 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 43%;
      width: 43%; }
    .list-table-new__col.col-44 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 44%;
      width: 44%; }
    .list-table-new__col.col-45 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 45%;
      width: 45%; }
    .list-table-new__col.col-46 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 46%;
      width: 46%; }
    .list-table-new__col.col-47 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 47%;
      width: 47%; }
    .list-table-new__col.col-48 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 48%;
      width: 48%; }
    .list-table-new__col.col-49 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 49%;
      width: 49%; }
    .list-table-new__col.col-50 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 50%;
      width: 50%; }
    .list-table-new__col.col-51 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 51%;
      width: 51%; }
    .list-table-new__col.col-52 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 52%;
      width: 52%; }
    .list-table-new__col.col-53 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 53%;
      width: 53%; }
    .list-table-new__col.col-54 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 54%;
      width: 54%; }
    .list-table-new__col.col-55 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 55%;
      width: 55%; }
    .list-table-new__col.col-56 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 56%;
      width: 56%; }
    .list-table-new__col.col-57 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 57%;
      width: 57%; }
    .list-table-new__col.col-58 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 58%;
      width: 58%; }
    .list-table-new__col.col-59 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 59%;
      width: 59%; }
    .list-table-new__col.col-60 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 60%;
      width: 60%; }
    .list-table-new__col.col-61 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 61%;
      width: 61%; }
    .list-table-new__col.col-62 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 62%;
      width: 62%; }
    .list-table-new__col.col-63 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 63%;
      width: 63%; }
    .list-table-new__col.col-64 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 64%;
      width: 64%; }
    .list-table-new__col.col-65 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 65%;
      width: 65%; }
    .list-table-new__col.col-66 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 66%;
      width: 66%; }
    .list-table-new__col.col-67 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 67%;
      width: 67%; }
    .list-table-new__col.col-68 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 68%;
      width: 68%; }
    .list-table-new__col.col-69 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 69%;
      width: 69%; }
    .list-table-new__col.col-70 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 70%;
      width: 70%; }
    .list-table-new__col.col-71 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 71%;
      width: 71%; }
    .list-table-new__col.col-72 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 72%;
      width: 72%; }
    .list-table-new__col.col-73 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 73%;
      width: 73%; }
    .list-table-new__col.col-74 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 74%;
      width: 74%; }
    .list-table-new__col.col-75 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 75%;
      width: 75%; }
    .list-table-new__col.col-76 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 76%;
      width: 76%; }
    .list-table-new__col.col-77 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 77%;
      width: 77%; }
    .list-table-new__col.col-78 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 78%;
      width: 78%; }
    .list-table-new__col.col-79 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 79%;
      width: 79%; }
    .list-table-new__col.col-80 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 80%;
      width: 80%; }
    .list-table-new__col.col-81 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 81%;
      width: 81%; }
    .list-table-new__col.col-82 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 82%;
      width: 82%; }
    .list-table-new__col.col-83 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 83%;
      width: 83%; }
    .list-table-new__col.col-84 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 84%;
      width: 84%; }
    .list-table-new__col.col-85 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 85%;
      width: 85%; }
    .list-table-new__col.col-86 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 86%;
      width: 86%; }
    .list-table-new__col.col-87 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 87%;
      width: 87%; }
    .list-table-new__col.col-88 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 88%;
      width: 88%; }
    .list-table-new__col.col-89 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 89%;
      width: 89%; }
    .list-table-new__col.col-90 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 90%;
      width: 90%; }
    .list-table-new__col.col-91 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 91%;
      width: 91%; }
    .list-table-new__col.col-92 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 92%;
      width: 92%; }
    .list-table-new__col.col-93 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 93%;
      width: 93%; }
    .list-table-new__col.col-94 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 94%;
      width: 94%; }
    .list-table-new__col.col-95 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 95%;
      width: 95%; }
    .list-table-new__col.col-96 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 96%;
      width: 96%; }
    .list-table-new__col.col-97 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 97%;
      width: 97%; }
    .list-table-new__col.col-98 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 98%;
      width: 98%; }
    .list-table-new__col.col-99 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 99%;
      width: 99%; }
    .list-table-new__col.col-100 {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: unset;
          flex-shrink: unset;
      max-width: 100%;
      width: 100%; }
    .list-table-new__col .list-table-new__col-value {
      position: relative; }
      .list-table-new__col .list-table-new__col-value > input {
        background: transparent;
        border: 0;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
        -ms-flex-positive: 1;
            flex-grow: 1;
        margin: 0;
        outline: 0;
        padding: 0 20px 0 0;
        text-transform: uppercase;
        width: 200px;
        word-break: break-all; }
      .list-table-new__col .list-table-new__col-value > button {
        bottom: 0;
        position: absolute;
        right: 0; }
  .list-table__prompt {
    -ms-flex-align: end;
        align-items: flex-end;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    display: none;
    -ms-flex-direction: column;
        flex-direction: column;
    font-size: 0.875rem;
    height: 100%;
    -ms-flex-pack: center;
        justify-content: center;
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2; }
    .list-table__prompt-text {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      font-size: 0.75rem;
      font-weight: 400;
      -ms-flex-pack: end;
          justify-content: flex-end;
      text-transform: uppercase; }
    .list-table__prompt-actions {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end; }
      .list-table__prompt-actions button {
        color: inherit;
        cursor: pointer;
        font-size: inherit;
        font-weight: 600;
        line-height: 1;
        margin-left: 10px;
        text-transform: uppercase; }
    .is-prompted.list-table-new__row:hover, .is-prompted.list-table-new__row:focus {
      background-color: transparent; }
    .is-prompted.list-table-new__row::before, .is-prompted.list-table-new__row::after,
    .is-prompted.list-table-new__row + .list-table-new__row::before {
      opacity: 0; }
    .is-prompted .list-table-new__col {
      opacity: 0.2;
      pointer-events: none; }
      .is-prompted .list-table-new__col .button-group {
        visibility: hidden; }
    .is-prompted .list-table__prompt {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex; }
  .list-table__categories-container {
    display: none; }
    .list-table__categories-container.is-active {
      display: block; }
      .list-table__categories-container.is-active .categories {
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 10px;
        box-sizing: border-box;
        margin: 10px 0;
        padding: 0 10px; }
        .list-table__categories-container.is-active .categories::before {
          display: block;
          width: 0;
          height: 0;
          border: inset 10px;
          content: '';
          border-top-width: 0;
          border-bottom-style: solid;
          border-color: transparent transparent rgba(255, 255, 255, 0.2);
          bottom: 100%;
          left: 30px;
          position: absolute;
          -ms-transform: translateX(-5px);
              transform: translateX(-5px); }
  .list-table-new__group {
    height: auto;
    overflow: hidden;
    transition-duration: 1s;
    transition-property: height;
    transition-timing-function: ease-in-out; }
    .is-collapsed > .list-table-new__group {
      height: 0;
      opacity: 0; }
    .list-table-new__group .list-table-new__row-wrapper:last-child::after {
      display: none; }

/**
 * Single selection list template style.
 *
 * Example markup:
 * <div class="list-table list-table-selectable" role="table">
 *   <div class="list-table__content" role="rowgroup">
 *     <a class="list-table__row-wrapper" href="#!">
 *       <div class="list-table__row" role="row">
 *         ...
 *       </div>
 *     </a>
 *   </div>
 * </div>
 */
.list-table-new__row-wrapper {
  border: 2px solid transparent;
  border-radius: 999px;
  color: inherit;
  cursor: pointer;
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative;
  transition: all 0.25s ease-in-out; }
  .list-table-new__row-wrapper:not(.grid-cell-gutter-collapse-left) {
    padding-left: 5px; }
  .list-table-new__row-wrapper:not(.grid-cell-gutter-collapse-right) {
    padding-right: 5px; }
  @media print, screen and (min-width: 40em) {
    .list-table-new__row-wrapper:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    .list-table-new__row-wrapper:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; } }
  @media print, screen and (min-width: 64em) {
    .list-table-new__row-wrapper:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    .list-table-new__row-wrapper:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; } }
  .list-table-new__row-wrapper ~ .list-table-new__row-wrapper::before, .list-table-new__row-wrapper:last-of-type::after {
    background-color: rgba(255, 255, 255, 0.2);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    -ms-transform: translateY(-7px);
        transform: translateY(-7px);
    width: 100%; }
  .list-table-new__row-wrapper:last-of-type::after {
    top: 100%;
    -ms-transform: translateY(7px);
        transform: translateY(7px); }
  .list-table-new__row-wrapper.informative {
    cursor: initial; }
  .list-table-new__row-wrapper:hover, .list-table-new__row-wrapper:focus, .list-table-new__row-wrapper.is-prompted, .list-table-new__row-wrapper.is-selected {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: #0ff; }
    .list-table-new__row-wrapper:hover::before, .list-table-new__row-wrapper:hover:last-child::after,
    .list-table-new__row-wrapper:hover + .list-table-new__row-wrapper::before, .list-table-new__row-wrapper:focus::before, .list-table-new__row-wrapper:focus:last-child::after,
    .list-table-new__row-wrapper:focus + .list-table-new__row-wrapper::before, .list-table-new__row-wrapper.is-prompted::before, .list-table-new__row-wrapper.is-prompted:last-child::after,
    .list-table-new__row-wrapper.is-prompted + .list-table-new__row-wrapper::before, .list-table-new__row-wrapper.is-selected::before, .list-table-new__row-wrapper.is-selected:last-child::after,
    .list-table-new__row-wrapper.is-selected + .list-table-new__row-wrapper::before {
      opacity: 0; }
  .list-table-new__row-wrapper > input:checked + label {
    opacity: 1; }
  .list-table-new__row-wrapper > input:checked + .list-table-new__row::before {
    background-color: rgba(255, 255, 255, 0.2);
    top: 0;
    -ms-transform: translateY(-1px);
        transform: translateY(-1px); }
  .list-table-new__row-wrapper > label {
    opacity: 0;
    transition: opacity .25s ease-in-out;
    will-change: opacity; }
  .list-table-new__row-wrapper:hover > label {
    opacity: 1; }
  .list-table-new__row-wrapper .list-table__prompt {
    background-color: transparent; }
  .list-table-new__row-wrapper.no-line::after {
    display: none; }

/**
 * Multiple selection list template style.
 *
 * Example markup:
 * <div class="list-table list-table-selectable multiple" role="table">
 *   <div class="list-table__content" role="rowgroup">
 *     <a class="list-table__row-wrapper" href="#!">
 *       <div class="list-table__row" role="row">
 *         ...
 *       </div>
 *     </a>
 *   </div>
 * </div>
 */
.list-table-selectable.multiple .list-table-new__row-wrapper {
  margin-left: 30px;
  width: calc(100% - 40px); }
  .list-table-selectable.multiple .list-table-new__row-wrapper label {
    left: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-30px, -50%);
        transform: translate(-30px, -50%); }
  .list-table-selectable.multiple .list-table-new__row-wrapper.is-prompted label {
    opacity: 0.5;
    pointer-events: none; }
  .list-table-selectable.multiple .list-table-new__row-wrapper.is-selected {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: #0ff; }

.modal {
  display: block !important;
  outline: 0;
  position: absolute;
  visibility: hidden;
  will-change: transform, visibility;
  /**
   * TODO: ARRUMEM ISSO.
   * Nao pode ter mais de 1 main dentro de uma pagina.
   */ }
  .modal[aria-hidden=true] {
    -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    transition: transform 0.7s cubic-bezier(0.86, 0.01, 0.77, 0.78), visibility 0.1s 0.8s; }
  .modal[aria-hidden=false] {
    -ms-transform: translateX(0);
        transform: translateX(0);
    transition: visibility 0.1s 0.1s, transform 0.7s cubic-bezier(0.86, 0.01, 0.77, 0.78) 0.2s;
    visibility: visible; }
  .modal main,
  .modal .main {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    margin-bottom: 20px;
    margin-top: 20px; }
    .modal main [class*=grid],
    .modal main .is-scrollable,
    .modal .main [class*=grid],
    .modal .main .is-scrollable {
      max-height: 100%; }
    .modal main .is-scrollable,
    .modal .main .is-scrollable {
      max-height: 100%;
      overflow-y: overlay; }
      .modal main .is-scrollable::-webkit-scrollbar,
      .modal .main .is-scrollable::-webkit-scrollbar {
        background: none;
        display: none;
        width: 6px; }
      .modal main .is-scrollable::-webkit-scrollbar-track,
      .modal .main .is-scrollable::-webkit-scrollbar-track {
        background: none;
        border-radius: 10px; }
      .modal main .is-scrollable::-webkit-scrollbar-thumb,
      .modal .main .is-scrollable::-webkit-scrollbar-thumb {
        background: transparent;
        border-radius: 10px; }
      .modal main .is-scrollable:hover::-webkit-scrollbar,
      .modal .main .is-scrollable:hover::-webkit-scrollbar {
        display: initial; }
      .modal main .is-scrollable:hover::-webkit-scrollbar-thumb,
      .modal .main .is-scrollable:hover::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.5); }
  .modal.small {
    border-radius: 10px; }
  .modal.alert {
    background: rgba(0, 0, 0, 0.87); }
    .modal.alert .modal__close {
      left: initial;
      right: 20px; }
    .modal.alert .alert__content {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      height: 100%;
      -ms-flex-pack: center;
          justify-content: center; }
      .modal.alert .alert__content .title {
        color: #0073cd;
        margin-bottom: 25px; }
      .modal.alert .alert__content p {
        color: #000;
        text-align: center; }
    .modal.alert .alert__content__card {
      background: #fff;
      border-radius: 20px;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      max-width: 512px;
      padding: 0 30px; }
    .modal.alert .alert__content__actions {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: center;
          justify-content: center;
      margin-top: 30px; }
  .modal.opacity {
    background: rgba(0, 0, 0, 0.87); }
  .modal .modal__close {
    left: 20px;
    position: absolute;
    top: 30px;
    z-index: 4; }
  .modal .scrollable {
    margin-bottom: 20px;
    margin-top: 20px;
    overflow-x: hidden;
    overflow-y: auto; }
    .modal .scrollable::-webkit-scrollbar {
      background: transparent;
      width: 6px; }
    .modal .scrollable::-webkit-scrollbar-track {
      display: none; }
    .modal .scrollable::-webkit-scrollbar-thumb {
      background: rgba(255, 255, 255, 0.5);
      border-radius: 10px; }
  .modal [data-search-menu-sibling] {
    transition: width 0.7s cubic-bezier(0.86, 0.01, 0.77, 0.78);
    width: 100%;
    will-change: width; }
    .modal [data-search-menu-sibling].shrinked {
      width: 55%; }
  .modal [data-search-menu] {
    -ms-transform: translateX(100%);
        transform: translateX(100%);
    transition: transform 0.7s cubic-bezier(0.86, 0.01, 0.77, 0.78);
    width: 45%;
    will-change: transform; }
    .modal [data-search-menu].is-open {
      -ms-transform: translateX(0);
          transform: translateX(0); }
  .modal .js-off-canvas-overlay.is-visible {
    display: none !important;
    pointer-events: none;
    visibility: hidden; }

.tabs {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .tabs::before, .tabs::after {
    display: none; }
  .tabs-title {
    cursor: pointer;
    float: unset;
    font-family: "latobold";
    line-height: 1;
    margin-right: 30px;
    position: relative;
    text-transform: lowercase; }
    .tabs-title:last-of-type {
      margin-right: 0; }
    .tabs-title::after {
      background-color: #fff;
      border-radius: 10px;
      content: '';
      display: block;
      height: 4px;
      left: 0;
      position: absolute;
      -ms-transform: translateY(7px);
          transform: translateY(7px);
      transition: width 0.7s ease-in-out;
      width: 0;
      will-change: width; }
    .tabs-title > a,
    .tabs-title > button,
    .tabs-title > span {
      display: block;
      padding: 0;
      text-transform: lowercase;
      transition: color 0.25s ease-in-out;
      will-change: color; }
      .tabs-title > a:hover,
      .tabs-title > button:hover,
      .tabs-title > span:hover {
        color: rgba(255, 255, 255, 0.87); }
    .tabs-title.is-active::after {
      width: 100%; }
    .tabs-title.is-active > a,
    .tabs-title.is-active > button,
    .tabs-title.is-active > span {
      font-weight: 600;
      outline: 0; }

.tabs.vertical {
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100vh;
  padding-top: 30px;
  position: relative; }
  .tabs.vertical::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .tabs.vertical .tabs-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: 600;
    overflow-y: hidden;
    text-align: center;
    text-transform: uppercase;
    width: 100%; }
    .tabs.vertical .tabs-title:hover:not(.is-active) > a,
    .tabs.vertical .tabs-title:hover:not(.is-active) > button,
    .tabs.vertical .tabs-title:hover:not(.is-active) > span, .tabs.vertical .tabs-title:focus:not(.is-active) > a,
    .tabs.vertical .tabs-title:focus:not(.is-active) > button,
    .tabs.vertical .tabs-title:focus:not(.is-active) > span {
      background-color: rgba(255, 255, 255, 0.2); }
    .tabs.vertical .tabs-title > a,
    .tabs.vertical .tabs-title > button,
    .tabs.vertical .tabs-title > span {
      outline: 0;
      position: relative;
      z-index: 2; }
      .tabs.vertical .tabs-title > a, .tabs.vertical .tabs-title > a:hover, .tabs.vertical .tabs-title > a:focus,
      .tabs.vertical .tabs-title > button,
      .tabs.vertical .tabs-title > button:hover,
      .tabs.vertical .tabs-title > button:focus,
      .tabs.vertical .tabs-title > span,
      .tabs.vertical .tabs-title > span:hover,
      .tabs.vertical .tabs-title > span:focus {
        color: #fff; }
    .tabs.vertical .tabs-title ul,
    .tabs.vertical .tabs-title ol {
      margin-top: -500%;
      opacity: 0;
      transition: all 0.25s cubic-bezier(0.86, 0.01, 0.77, 0.78); }
      .tabs.vertical .tabs-title ul li,
      .tabs.vertical .tabs-title ol li {
        text-align: center; }
        .tabs.vertical .tabs-title ul li a,
        .tabs.vertical .tabs-title ul li button,
        .tabs.vertical .tabs-title ul li span,
        .tabs.vertical .tabs-title ol li a,
        .tabs.vertical .tabs-title ol li button,
        .tabs.vertical .tabs-title ol li span {
          background-color: rgba(255, 255, 255, 0.2);
          border-bottom: 1px solid rgba(255, 255, 255, 0.2);
          display: block;
          padding: 15px 10px; }
          .tabs.vertical .tabs-title ul li a:hover, .tabs.vertical .tabs-title ul li a:focus,
          .tabs.vertical .tabs-title ul li button:hover,
          .tabs.vertical .tabs-title ul li button:focus,
          .tabs.vertical .tabs-title ul li span:hover,
          .tabs.vertical .tabs-title ul li span:focus,
          .tabs.vertical .tabs-title ol li a:hover,
          .tabs.vertical .tabs-title ol li a:focus,
          .tabs.vertical .tabs-title ol li button:hover,
          .tabs.vertical .tabs-title ol li button:focus,
          .tabs.vertical .tabs-title ol li span:hover,
          .tabs.vertical .tabs-title ol li span:focus {
            background-color: rgba(255, 255, 255, 0.2); }
    .tabs.vertical .tabs-title.is-active > a,
    .tabs.vertical .tabs-title.is-active > button,
    .tabs.vertical .tabs-title.is-active > span {
      cursor: default; }
    .tabs.vertical .tabs-title.is-active ul,
    .tabs.vertical .tabs-title.is-active ol {
      margin-top: 0;
      opacity: 1; }

.tabs.highlight .tabs-title > a,
.tabs.highlight .tabs-title > button,
.tabs.highlight .tabs-title > span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.25rem;
  font-weight: normal; }

.tabs.highlight .tabs-title.is-active > a,
.tabs.highlight .tabs-title.is-active > button,
.tabs.highlight .tabs-title.is-active > span {
  font-weight: 600; }

.tabs-steps {
  color: #fff;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  font-weight: 600;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 20px 0; }
  .tabs-steps:last-child {
    margin-bottom: 0; }
  .tabs-steps > li {
    -ms-flex-align: center;
        align-items: center;
    cursor: default;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    height: 30px;
    -ms-flex-pack: center;
        justify-content: center;
    line-height: 0;
    margin: 0 10px;
    width: 30px; }
    .tabs-steps > li.is-active {
      border: 2px solid #fff;
      border-radius: 50%;
      color: #fff; }
      .tabs-steps > li.is-active ~ li {
        color: rgba(255, 255, 255, 0.5); }

.search-suggestion {
  margin: 10px 0 20px 30px;
  max-width: calc(100% - 100px); }
  .search-suggestion__item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.5);
    transition: color 0.25s ease-in-out;
    will-change: color; }
    .search-suggestion__item a {
      padding: 20px 0; }

fieldset {
  min-width: unset; }
  fieldset legend {
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-family: "latoregular";
    font-weight: 600;
    margin-bottom: 20px; }
  fieldset .grid-x {
    margin-left: -5px;
    margin-right: -5px; }
    @media print, screen and (min-width: 40em) {
      fieldset .grid-x {
        margin-left: -10px;
        margin-right: -10px; } }
    @media print, screen and (min-width: 64em) {
      fieldset .grid-x {
        margin-left: -10px;
        margin-right: -10px; } }
  fieldset .cell:not(.grid-cell-gutter-collapse-left) {
    padding-left: 5px; }
  fieldset .cell:not(.grid-cell-gutter-collapse-right) {
    padding-right: 5px; }
  @media print, screen and (min-width: 40em) {
    fieldset .cell:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    fieldset .cell:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; } }
  @media print, screen and (min-width: 64em) {
    fieldset .cell:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    fieldset .cell:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; } }

.radio-group, .radio-group--inline {
  margin: 0 0 20px;
  padding-left: 15px;
  position: relative; }
  .radio-group.is-invalid label::before, .is-invalid.radio-group--inline label::before {
    border-color: #ffc800; }
  .radio-group li, .radio-group--inline li {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex;
    padding-left: 10px;
    position: relative; }
  .radio-group a > *, .radio-group--inline a > * {
    cursor: pointer; }
  .radio-group label, .radio-group--inline label {
    color: #fff;
    font-family: "latoregular";
    word-break: break-all; }
    .radio-group label , .radio-group--inline label {
      font-size: 1.25rem; }
    .radio-group label a, .radio-group--inline label a {
      font-weight: 600;
      position: relative; }
      .radio-group label a::after, .radio-group--inline label a::after {
        background-color: #fff;
        bottom: 0;
        content: '';
        height: 1px;
        left: 0;
        position: absolute;
        transition: width 0.25s ease-in-out;
        width: 0;
        will-change: width; }
      .radio-group label a:hover::after, .radio-group--inline label a:hover::after {
        width: 100%; }
  .text-center .radio-group, .text-center .radio-group--inline {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: left; }
  .radio-group .no-bullet, .radio-group--inline .no-bullet, .radio-group .tabs-steps, .radio-group--inline .tabs-steps, .radio-group .question-group .radio-group, .question-group .radio-group .radio-group, .radio-group--inline .question-group .radio-group, .question-group .radio-group--inline .radio-group, .radio-group .question-group .radio-group--inline, .question-group .radio-group .radio-group--inline, .radio-group--inline .question-group .radio-group--inline, .question-group .radio-group--inline .radio-group--inline {
    display: none; }

.radio-group--inline {
  display: -ms-inline-flexbox;
  -js-display: inline-flex;
  display: inline-flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }

.radio-group.small label:not([class*=text-extra]):not([class*=text-large]):not([class*=text-regular]):not([class*=text-small]):not([class*=text-tiny]):not([class*=text-nano]), .small.radio-group--inline label:not([class*=text-extra]):not([class*=text-large]):not([class*=text-regular]):not([class*=text-small]):not([class*=text-tiny]):not([class*=text-nano]) {
  font-size: 0.875rem; }

.radio-group.vertical li, .vertical.radio-group--inline li {
  display: block;
  padding-left: 15px; }

.checkbox-slider {
  margin: 0 0 20px; }
  .checkbox-slider .swiper-wrapper {
    margin: -5px; }
  .checkbox-slider [type=checkbox] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
    .checkbox-slider [type=checkbox]:checked + .checkbox-slider__icon {
      animation: button-bouncing .40s 1 linear both; }
    .checkbox-slider [type=checkbox] + .checkbox-slider__icon {
      color: #fff;
      cursor: pointer;
      line-height: 0;
      margin: 5px;
      position: relative; }
      .checkbox-slider [type=checkbox] + .checkbox-slider__icon svg[class*=square] {
        pointer-events: none; }
      .checkbox-slider [type=checkbox] + .checkbox-slider__icon svg:not([class*=square]) {
        left: 50%;
        position: absolute;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .checkbox-slider [data-carousel-previous],
  .checkbox-slider [data-carousel-next] {
    background: #ff0000;
    position: relative; }
  .checkbox-slider [data-carousel-previous] {
    -ms-transform: translateX(-5px);
        transform: translateX(-5px); }
  .checkbox-slider [data-carousel-next] {
    -ms-transform: translateX(-20px);
        transform: translateX(-20px); }

.character-count {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%; }
  .character-count:not(.grid-cell-gutter-collapse-left) {
    padding-left: 5px; }
  .character-count:not(.grid-cell-gutter-collapse-right) {
    padding-right: 5px; }
  @media print, screen and (min-width: 40em) {
    .character-count:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    .character-count:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; } }
  @media print, screen and (min-width: 64em) {
    .character-count:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    .character-count:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; } }
  .character-count .character-count__label,
  .character-count .help-text {
    color: rgba(0, 0, 0, 0.5);
    font-size: 0.875rem;
    font-style: normal;
    margin: 0; }
  .character-count__field {
    color: rgba(0, 0, 0, 0.87);
    font-size: 0.875rem;
    margin: 10px 0 0;
    min-height: 24px;
    resize: none;
    width: 100%; }
  .input-group-material.large .character-count {
    bottom: 0;
    top: initial;
    -ms-transform: translateY(-5px);
        transform: translateY(-5px); }

.input-file {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.input-file-group.is-filled .input-file-group__file-label {
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.input-file-group__container {
  -ms-flex-align: center;
      align-items: center;
  border: 1px dashed rgba(255, 255, 255, 0.5);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-family: "latoregular";
  height: 60px;
  margin-bottom: 20px;
  padding: 10px;
  transition: all 0.25s ease-in-out; }
  .input-file-group__container:hover, .input-file-group__container:focus {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #fff; }
    .input-file-group__container:hover .input-file-group__icon, .input-file-group__container:focus .input-file-group__icon {
      color: rgba(0, 0, 0, 0.87); }
    .input-file-group__container:hover .input-file-group__file-label,
    .input-file-group__container:hover .input-file-group__file-name, .input-file-group__container:focus .input-file-group__file-label,
    .input-file-group__container:focus .input-file-group__file-name {
      color: #fff; }

.input-file-group__icon {
  -ms-flex-align: center;
      align-items: center;
  background-color: #fff;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.5);
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  height: 40px;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 10px;
  min-width: 40px;
  width: 40px; }
  .input-file-group__icon svg {
    transition: all 0.25s ease-in-out; }

.input-file-group__wrapper {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
  overflow: hidden;
  text-align: left; }

.input-file-group__file-label,
.input-file-group__file-name {
  font-size: 1.125rem; }

.input-file-group__file-label {
  line-height: 1;
  padding-right: 40px; }

.input-file-group__file-name {
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: max-height 0.25s ease-in-out;
  white-space: nowrap;
  will-change: max-height; }
  .input-file-group__file-name:empty {
    max-height: 0; }

.input-file-group__clear:hover, .input-file-group__clear:focus {
  color: #fff; }

.input-file-group__invalid-message {
  font-size: 0.875rem;
  display: block;
  margin-bottom: 20px;
  padding: 0 10px; }

.input-file-group + .no-bullet, .input-file-group + .tabs-steps, .question-group .input-file-group + .radio-group, .question-group .input-file-group + .radio-group--inline {
  display: none;
  font-size: 0.875rem; }

/**
 * Unrequired modifier
 */
.input-file-group.unrequired .input-file-group__container {
  margin-bottom: 10px; }

.input-file-group.unrequired .input-file__unrequired {
  margin-bottom: 20px;
  margin-left: 10px;
  padding-left: 20px;
  position: relative; }
  .input-file-group.unrequired .input-file__unrequired label {
    color: inherit; }

/**
 * Disabled modifier
 */
.input-file-group.is-disabled .input-file-group__container {
  opacity: 0.5;
  pointer-events: none; }

/**
 * Invalid modifier
 */
.is-invalid > .input-file-group .input-file-group__container,
.input-file-group.is-invalid .input-file-group__container,
[data-address-receipt].is-invalid .input-file-group__container {
  background-color: #ffc800;
  border: 0;
  color: #fff;
  margin-bottom: 10px;
  transition: none; }
  .is-invalid > .input-file-group .input-file-group__container .input-file-group__file-label,
  .input-file-group.is-invalid .input-file-group__container .input-file-group__file-label,
  [data-address-receipt].is-invalid .input-file-group__container .input-file-group__file-label {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 600;
    transition: color 0.25s ease-in-out;
    will-change: color; }
  .is-invalid > .input-file-group .input-file-group__container .input-file-group__file-name,
  .input-file-group.is-invalid .input-file-group__container .input-file-group__file-name,
  [data-address-receipt].is-invalid .input-file-group__container .input-file-group__file-name {
    font-weight: 600; }
  .is-invalid > .input-file-group .input-file-group__container:hover .input-file-group__file-label, .is-invalid > .input-file-group .input-file-group__container:focus .input-file-group__file-label,
  .input-file-group.is-invalid .input-file-group__container:hover .input-file-group__file-label,
  .input-file-group.is-invalid .input-file-group__container:focus .input-file-group__file-label,
  [data-address-receipt].is-invalid .input-file-group__container:hover .input-file-group__file-label,
  [data-address-receipt].is-invalid .input-file-group__container:focus .input-file-group__file-label {
    color: rgba(0, 0, 0, 0.87); }

.is-invalid > .input-file-group .input-file__unrequired,
.input-file-group.is-invalid .input-file__unrequired,
[data-address-receipt].is-invalid .input-file__unrequired {
  margin-bottom: 0; }

.is-invalid > .input-file-group + .no-bullet, .is-invalid > .input-file-group + .tabs-steps, .question-group .is-invalid > .input-file-group + .radio-group, .question-group .is-invalid > .input-file-group + .radio-group--inline,
.input-file-group.is-invalid + .no-bullet,
.input-file-group.is-invalid + .tabs-steps,
.question-group .input-file-group.is-invalid + .radio-group,
.question-group .input-file-group.is-invalid + .radio-group--inline,
[data-address-receipt].is-invalid + .no-bullet,
[data-address-receipt].is-invalid + .tabs-steps,
.question-group [data-address-receipt].is-invalid + .radio-group,
.question-group [data-address-receipt].is-invalid + .radio-group--inline {
  display: block; }

.input-file + .select-group-material,
.input-file + .input-group-material {
  margin-top: 40px; }

.input-file input[type=file] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.input-file__icon {
  -ms-flex-align: center;
      align-items: center;
  background-color: #fff;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.5);
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  height: 30px;
  -ms-flex-pack: center;
      justify-content: center;
  margin-right: 10px;
  min-height: 30px;
  min-width: 30px;
  width: 30px; }
  .input-file__icon svg {
    transition: all 0.25s ease-in-out; }

.input-file__label {
  -ms-flex-align: center;
      align-items: center;
  border: 1px dashed rgba(255, 255, 255, 0.5);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-family: "latoregular";
  height: 50px;
  margin-bottom: 10px;
  padding: 10px;
  transition: background-color 0.25s ease-in-out;
  will-change: background-color; }
  .input-file__label:hover .input-file__icon {
    color: rgba(0, 0, 0, 0.87); }

.input-file__content {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  overflow: hidden; }

.input-file__title:empty,
.input-file__name:empty,
.input-file__size:empty,
.input-file__date:empty {
  display: none; }

.input-file__title {
  transition: color 0.25s ease-in-out;
  will-change: color; }

.input-file button {
  color: #fff;
  display: none;
  margin-left: 10px; }

.input-file__optional {
  display: block;
  margin: 0 0 20px 20px;
  padding-left: 20px;
  position: relative; }
  .input-file__optional label {
    color: #fff;
    font-family: "latoregular"; }

.input-file.is-filled .input-file__label, .input-file.is-invalid .input-file__label, .input-file.is-unavailable .input-file__label, .input-file.is-loading .input-file__label {
  line-height: 1; }

.input-file.is-filled .input-file__name, .input-file.is-invalid .input-file__name, .input-file.is-unavailable .input-file__name, .input-file.is-loading .input-file__name {
  color: #fff; }

.input-file.is-filled .input-file__label, .input-file.is-invalid .input-file__label, .input-file.is-loading .input-file__label {
  border-color: transparent; }
  .input-file.is-filled .input-file__label:hover .input-file__title, .input-file.is-invalid .input-file__label:hover .input-file__title, .input-file.is-loading .input-file__label:hover .input-file__title {
    color: rgba(0, 0, 0, 0.87); }

.input-file.is-filled .input-file__content :nth-child(1),
.input-file.is-filled .input-file__content :nth-child(2), .input-file.is-invalid .input-file__content :nth-child(1),
.input-file.is-invalid .input-file__content :nth-child(2), .input-file.is-loading .input-file__content :nth-child(1),
.input-file.is-loading .input-file__content :nth-child(2) {
  padding-bottom: 5px; }

.input-file.is-filled .input-file__title, .input-file.is-invalid .input-file__title, .input-file.is-loading .input-file__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.input-file.is-filled button, .input-file.is-invalid button, .input-file.is-loading button {
  display: initial; }

.input-file.is-filled .input-file__label {
  background-color: #0073cd; }

.input-file.is-filled .input-file__content {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 3.33333px; }

.input-file.is-filled .input-file__name,
.input-file.is-filled .input-file__size,
.input-file.is-filled .input-file__date {
  color: #fff; }

.input-file.is-filled .input-file__title,
.input-file.is-filled .input-file__name,
.input-file.is-filled .input-file__size {
  font-weight: 600; }

.input-file.is-filled .input-file__title,
.input-file.is-filled .input-file__name {
  -ms-flex-positive: 1;
      flex-grow: 1; }

.input-file.is-filled .input-file__title {
  color: rgba(0, 0, 0, 0.5);
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%; }

.input-file.is-filled .input-file__size,
.input-file.is-filled .input-file__date {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin-left: 10px; }

.input-file.is-invalid .input-file__label {
  background-color: #ff4650; }

.input-file.is-invalid .input-file__content {
  -ms-flex-direction: column;
      flex-direction: column; }

.input-file.is-invalid .input-file__title {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600; }

@keyframes spin {
  from {
    transform: rotate(0) translate(-50%, -50%); }
  to {
    transform: rotate(360deg) translate(-50%, -50%); } }

.input-file.is-loading .input-file__icon {
  position: relative; }
  .input-file.is-loading .input-file__icon::before {
    animation: spin 2s infinite linear;
    border: 3px solid #fff;
    border-radius: 50%;
    border-top-color: transparent;
    content: '';
    height: 40px;
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    -ms-transform-origin: top left;
        transform-origin: top left;
    width: 40px; }

.input-file.is-loading .input-file__label {
  background-color: #000; }

.input-file.is-loading .input-file__content {
  -ms-flex-direction: column;
      flex-direction: column; }

.input-file.is-loading .input-file__title {
  color: #fff;
  font-weight: 600; }

.question-group__legend, .question-group legend {
  font-weight: 400;
  margin-bottom: 20px;
  text-align: center;
  text-transform: initial; }

.question-group .radio-group, .question-group .radio-group--inline,
.question-group .radio-group--inline {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-pack: center;
      justify-content: center; }
  .question-group .radio-group li, .question-group .radio-group--inline li,
  .question-group .radio-group--inline li {
    margin-right: 30px; }
    .question-group .radio-group li:last-child, .question-group .radio-group--inline li:last-child,
    .question-group .radio-group--inline li:last-child {
      margin-right: 0; }

.question-group.large label {
  font-size: 1.875rem;
  font-weight: 600; }

.forms-file-content {
  outline: 0; }

.forms-file {
  margin-bottom: 30px; }
  .forms-file input[type=file] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .forms-file__container {
    -ms-flex-align: center;
        align-items: center;
    border: 1px dashed rgba(255, 255, 255, 0.5);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    margin-bottom: 10px;
    padding: 10px;
    transition: background 0.25s ease-in-out;
    width: 100%;
    will-change: background; }
    .forms-file__container:hover, .forms-file__container:focus {
      background-color: rgba(255, 255, 255, 0.2); }
  .forms-file__icon {
    -ms-flex-align: center;
        align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex;
    height: 30px;
    -ms-flex-pack: center;
        justify-content: center;
    margin-right: 10px;
    min-height: 30px;
    min-width: 30px;
    width: 30px; }
  .forms-file__group {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-positive: 1;
        flex-grow: 1; }
  .forms-file__infos {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .forms-file__infos__label,
    .forms-file__infos__size,
    .forms-file__infos__name,
    .forms-file__infos__date {
      -ms-flex-negative: 1;
          flex-shrink: 1;
      line-height: 1; }
  .forms-file__required {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding-left: 10px; }
    .forms-file__required::before {
      border: 2px solid #0ff;
      border-radius: 999px;
      content: '';
      display: block;
      height: 15px;
      margin-right: 10px;
      width: 15px; }

.header-floating {
  z-index: 4; }

/**
 * Header for tables and rowgroups.
 *
 * Example markup:
 * <div class="header-with-line" role="columnheader">
 *   <div class="header-with-line__button-group">
 *     <button>Selecionar todos</button>
 *     <hr>
 *   </div>
 *   <h4 class="header-with-line__text">
 *     <span contenteditable="true">{{title}}</span>
 *     <button>@Svg.Render("icon-editar", "14", "14")</button>
 *
 *     <span class="header-with-line__count">0</span>
 *   </h4>
 *   <div class="header-with-line__button-group">
 *     <hr>
 *     <button class="header-with-line__toggle">
 *       @Svg.Render("icon-remove-circle", "18", "18")
 *     </button>
 *   </div>
 * </div>
 */
.header-with-line {
  -ms-flex-align: center;
      align-items: center;
  color: #fff;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  width: 100%; }
  .header-with-line hr {
    border-color: rgba(255, 255, 255, 0.2);
    -ms-flex-positive: 1;
        flex-grow: 1;
    margin: 0;
    max-width: initial; }
  .header-with-line [contenteditable=true] {
    border-bottom: 1px dashed transparent;
    padding: 5px 0; }
    .header-with-line__text:hover [contenteditable=true] {
      border-bottom-color: rgba(255, 255, 255, 0.5);
      outline: 0;
      padding-right: 10px; }
      .header-with-line__text:hover [contenteditable=true] + button {
        display: initial; }
    .header-with-line [contenteditable=true]:focus {
      border-bottom-color: rgba(255, 255, 255, 0.5);
      outline: 0;
      padding-right: 10px; }
      .header-with-line [contenteditable=true]:focus + button {
        display: initial; }
    .header-with-line [contenteditable=true] + button {
      -ms-flex-item-align: end;
          align-self: flex-end;
      border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
      color: rgba(255, 255, 255, 0.5);
      display: none;
      padding-bottom: 5px; }
  .header-with-line__button-group {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex: 1;
        flex: 1; }
    .header-with-line__button-group * + hr,
    .header-with-line__button-group hr + * {
      margin-left: 20px; }
    .header-with-line__button-group button {
      display: none;
      font-family: "latobold";
      font-size: 0.875rem;
      font-weight: 600;
      opacity: 0; }
  .header-with-line__text {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex;
    font-family: "latobold";
    font-size: 1rem;
    font-weight: 600;
    margin: 0 20px;
    text-transform: uppercase;
    white-space: nowrap; }
  .header-with-line__count {
    -ms-flex-align: center;
        align-items: center;
    border: 2px solid #fff;
    border-radius: 999px;
    display: -ms-inline-flexbox;
    -js-display: inline-flex;
    display: inline-flex;
    font-family: "latobold";
    font-size: 0.75rem;
    font-weight: 600;
    -ms-flex-pack: center;
        justify-content: center;
    line-height: 1;
    margin-left: 10px;
    min-width: 2ch;
    padding: 5px; }
  .header-with-line__toggle {
    color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    outline: none;
    transition: opacity 0.25s ease-in-out;
    will-change: opacity; }
    .header-with-line__toggle:hover, .header-with-line__toggle:focus {
      color: #fff; }
  .header-with-line:hover .header-with-line__button-group button {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    opacity: 1;
    transition: opacity 0.25s ease-in-out 0.5s;
    will-change: opacity; }

.header-with-line.selectable-list {
  margin-left: 10px;
  width: calc(100% - 20px); }

.sidebar-floating {
  z-index: 15; }

.footer-floating {
  z-index: 2; }

.label-group {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px; }
  .input-group ~ .label-group {
    padding-left: 30px; }
  .label-group p,
  .label-group .label {
    margin: 5px; }
  .label-group p {
    font-weight: 600; }

.button-group {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  margin-bottom: 0; }
  .button-group button,
  .button-group a {
    margin: 0 5px; }
    .button-group button:last-child,
    .button-group a:last-child {
      margin-right: 0; }
    .button-group button:first-child,
    .button-group a:first-child {
      margin-left: 0; }
  .button-group .button-icon {
    margin: 0; }
  .button-group .button-icon + .button-icon,
  .button-group .button-icon + .loadr,
  .button-group .button-icon + .loadr-button,
  .button-group .button-icon + .loadr-button,
  .button-group .loadr + .button-icon,
  .button-group .loadr-button + .button-icon,
  .button-group .loadr + .loadr,
  .button-group .loadr-button + .loadr,
  .button-group .loadr + .loadr-button,
  .button-group .loadr-button + .loadr-button,
  .button-group .loadr + .loadr-button,
  .button-group .loadr-button + .loadr-button,
  .button-group .loadr-button + .button-icon,
  .button-group .loadr-button + .loadr,
  .button-group .loadr-button + .loadr-button,
  .button-group .loadr-button + .loadr-button {
    margin-left: 10px; }
  .button-group.vertical {
    -ms-flex-direction: column;
        flex-direction: column; }
    .button-group.vertical button,
    .button-group.vertical a,
    .button-group.vertical [class*=loadr] {
      margin: 10px 0; }
      .button-group.vertical button:last-child,
      .button-group.vertical a:last-child,
      .button-group.vertical [class*=loadr]:last-child {
        margin-bottom: 0; }
      .button-group.vertical button:first-child,
      .button-group.vertical a:first-child,
      .button-group.vertical [class*=loadr]:first-child {
        margin-top: 0; }
  .button-group.with-actions {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }

@keyframes scale-down {
  0% {
    transform: translateY(0) scale(1); }
  40% {
    transform: translateY(40%) scale(0); }
  100% {
    transform: translateY(100%) scale(0); } }
    .button-group.with-actions .button {
      margin-bottom: 10px;
      margin-left: 0;
      margin-right: 0;
      transition: all .5s ease; }
      .button-group.with-actions .button:not(:first-child) {
        animation: scale-down ease .5s;
        animation-fill-mode: forwards;
        pointer-events: none; }

@keyframes bounce-up {
  0% {
    transform: translateY(100%) scale(0); }
  40% {
    transform: translateY(-10px) scale(1); }
  70% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }
    .button-group.with-actions.is-open .button {
      pointer-events: all; }
      .button-group.with-actions.is-open .button:first-child {
        opacity: 0.5;
        pointer-events: none; }
      .button-group.with-actions.is-open .button:not(:first-child) {
        animation: bounce-up .7s ease;
        animation-fill-mode: both; }
      .button-group.with-actions.is-open .button:nth-child(3) {
        animation-delay: .4s; }

.button-toggler {
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  .select-group-material + .button-toggler,
  .input-file + .button-toggler {
    margin-top: 40px; }
  .button-toggler .button {
    height: 30px;
    margin: 0 10px;
    min-width: 30px; }
    .button-toggler .button svg {
      color: rgba(0, 0, 0, 0.5); }
  .button-toggler span {
    font-family: "latobold";
    font-weight: 600; }

.button-container {
  -ms-flex-align: center;
      align-items: center;
  border: 2px solid #fff;
  border-radius: 10px;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  font-family: "latobold";
  font-weight: 600;
  height: 200px;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-bottom: 30px;
  width: 240px; }
  .button-container.option {
    -ms-flex-align: center;
        align-items: center;
    color: #fff;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    height: auto;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin: 40px 0;
    padding: 20px 30px;
    transition: background 0.25s ease-in-out;
    width: 100%;
    will-change: background; }
    .button-container.option::before, .button-container.option::after {
      display: none; }
    .button-container.option svg {
      margin-right: 30px; }
    .button-container.option .option__content .option__content-title {
      font-size: 1.125rem;
      font-weight: 600;
      margin-bottom: 0; }
    .button-container.option .option__content > :last-child {
      margin-bottom: 0; }

.meter-bar {
  margin-bottom: 30px;
  text-align: center; }
  .meter-bar__label-title {
    font-weight: 600;
    margin-bottom: 10px; }
  .meter-bar__label-text {
    font-size: 0.875rem; }
  .meter-bar .progress {
    overflow: hidden; }
  .meter-bar__bar {
    transition: width 3s ease-in-out;
    width: 0%;
    will-change: width, transform; }
  .meter-bar__help-text {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    font-size: 0.875rem;
    font-weight: normal;
    -ms-flex-pack: justify;
        justify-content: space-between; }

.th-card {
  border-radius: 10px;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 280px;
  padding-bottom: 10px;
  position: relative; }
  .th-card:not(.grid-cell-gutter-collapse-left) {
    padding-left: 5px; }
  .th-card:not(.grid-cell-gutter-collapse-right) {
    padding-right: 5px; }
  @media print, screen and (min-width: 40em) {
    .th-card:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    .th-card:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; } }
  @media print, screen and (min-width: 64em) {
    .th-card:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    .th-card:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; } }
  .th-card .remove-border-bottom {
    border-bottom: 0; }
  .th-card .th-card__top,
  .th-card .th-card__bottom {
    left: -3px;
    max-width: 285px;
    position: absolute; }
  .th-card .th-card__top {
    bottom: 100%; }
  .th-card .th-card__bottom {
    top: calc(100% - 1px); }
  .th-card p {
    font-family: "latoregular";
    margin: 0; }
  .th-card .th-card__title {
    color: #0073cd;
    margin-bottom: 10px; }
  .th-card #th-logo {
    margin: 10px auto 5px;
    width: 73px; }
    .th-card #th-logo path {
      fill: #0073cd; }
  .th-card .avatar-info {
    margin: 0; }
  .th-card .avatar-info__figure {
    background: #0073cd;
    border: 1px solid #fff;
    color: #fff;
    height: 40px;
    margin-right: 10px;
    min-height: 40px;
    min-width: 40px;
    overflow: hidden;
    width: 40px; }
  .th-card .avatar-info__text {
    color: rgba(0, 0, 0, 0.87);
    -ms-flex-positive: 1;
        flex-grow: 1; }
    .th-card .avatar-info__text dl dt {
      line-height: 130%; }
      .th-card .avatar-info__text dl dt strong {
        display: block;
        max-width: 100%;
        text-overflow: ellipsis; }
  .th-card .text-fluid {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%; }
  .th-card .text-limited {
    max-width: 50%;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .th-card .th-card__section {
    padding: 10px 0; }
    .th-card .th-card__section:not(.double-dashed) {
      border-bottom: 1px solid #000; }
    .th-card .th-card__section:first-of-type p {
      line-height: 1.4; }
    .th-card .th-card__section.double-dashed {
      border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
      position: relative; }
      .th-card .th-card__section.double-dashed::after {
        border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
        bottom: -3px;
        content: '';
        left: 0;
        position: absolute;
        width: 100%; }
      .th-card .th-card__section.double-dashed:last-of-type {
        border-bottom-width: 0; }
  .th-card .th-card__box {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin: 10px 0;
    min-height: 50px;
    padding: 10px 20px; }
    .th-card .th-card__box p {
      text-align: center;
      word-wrap: break-word; }
      .th-card .th-card__box p:first-of-type {
        margin-bottom: 10px;
        text-transform: uppercase; }
  .th-card.light {
    background: #fff;
    color: rgba(0, 0, 0, 0.87);
    position: relative; }
    .th-card.light .barcode-number {
      margin: 0 auto;
      max-width: 220px;
      text-align: center; }
      .th-card.light .barcode-number p:nth-of-type(1) {
        margin: 5px 0; }
      .th-card.light .barcode-number p:nth-of-type(2) {
        font-size: 0.875rem; }
    .th-card.light::after {
      background: rgba(0, 0, 0, 0.2);
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      content: '';
      height: 10px;
      left: 50%;
      position: absolute;
      top: 100%;
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
      width: 90%; }
    .th-card.light #th-logo path {
      fill: #0073cd; }
    .th-card.light .th-card__section {
      border-color: rgba(0, 0, 0, 0.87); }
    .th-card.light #barcode {
      display: block;
      margin: 10px auto;
      max-width: 195px;
      width: 100%; }
  .th-card.yellow, .th-card.blue {
    border-radius: 0; }
    .th-card.yellow::before, .th-card.yellow::after, .th-card.blue::before, .th-card.blue::after {
      content: '';
      height: calc(100% + 2px);
      position: absolute;
      top: 0;
      width: 1px; }
    .th-card.yellow::before, .th-card.blue::before {
      left: 0; }
    .th-card.yellow::after, .th-card.blue::after {
      right: 0; }
  .th-card.yellow {
    background: #fff8d0;
    min-height: auto;
    padding: 0; }
    .th-card.yellow:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    .th-card.yellow:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; }
    @media print, screen and (min-width: 40em) {
      .th-card.yellow:not(.grid-cell-gutter-collapse-left) {
        padding-left: 20px; }
      .th-card.yellow:not(.grid-cell-gutter-collapse-right) {
        padding-right: 20px; } }
    @media print, screen and (min-width: 64em) {
      .th-card.yellow:not(.grid-cell-gutter-collapse-left) {
        padding-left: 20px; }
      .th-card.yellow:not(.grid-cell-gutter-collapse-right) {
        padding-right: 20px; } }
    .th-card.yellow .th-card__title {
      color: #0073cd; }
    .th-card.yellow .th-card__section {
      border-bottom-width: 1px;
      border-color: rgba(0, 0, 0, 0.2); }
      .th-card.yellow .th-card__section:last-of-type {
        border-bottom-width: 0; }
    .th-card.yellow p,
    .th-card.yellow dt {
      color: #988a36; }
    .th-card.yellow::before, .th-card.yellow::after {
      background: #c8c177; }
  .th-card.blue {
    background: #d1fffd; }
    .th-card.blue p:not(.th-card__title),
    .th-card.blue dt {
      color: #6c797f; }
    .th-card.blue::before, .th-card.blue::after {
      background: #77c1cf; }

.confirm-card {
  border-radius: 10px;
  color: #fff;
  font-size: 1.125rem;
  margin: 0 auto;
  max-width: 350px;
  padding: 20px;
  position: relative;
  text-align: center;
  transition: transform .75s ease-in-out, opacity .5s ease-in-out .25s;
  width: 100%; }
  @media screen and (max-height: 710px) {
    .confirm-card {
      padding: 10px 20px; } }
  .confirm-card.is-active {
    opacity: 0;
    -ms-transform: translateY(-100%);
        transform: translateY(-100%); }
  .confirm-card::after {
    background: rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    content: '';
    height: 10px;
    left: 50%;
    position: absolute;
    top: 100%;
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    width: 90%; }
  .confirm-card big {
    font-size: 1.875rem;
    font-weight: 600;
    text-transform: uppercase; }
    @media screen and (max-height: 710px) {
      .confirm-card big {
        font-size: 1.25rem; } }
  .confirm-card__section:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 20px; }
  @media screen and (max-height: 710px) {
    .confirm-card__section .confirm-card__section-text strong {
      font-size: 0.875rem; } }
  .confirm-card__section .confirm-card__section-text span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media screen and (max-height: 710px) {
      .confirm-card__section .confirm-card__section-text span {
        font-size: 1rem; } }
  .confirm-card__multiple-section {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .confirm-card__multiple-section .confirm-card__multiple-content {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      margin-bottom: 20px;
      padding-bottom: 10px;
      width: 45%; }
      .confirm-card__multiple-section .confirm-card__multiple-content .confirm-card__multiple-text {
        margin: 0;
        word-break: break-all; }
        @media screen and (max-height: 710px) {
          .confirm-card__multiple-section .confirm-card__multiple-content .confirm-card__multiple-text {
            font-size: 1rem; } }
        .confirm-card__multiple-section .confirm-card__multiple-content .confirm-card__multiple-text > * {
          text-transform: uppercase; }
  .confirm-card__help-text {
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    color: rgba(0, 0, 0, 0.2);
    font-family: "latoregular";
    font-size: 0.875rem;
    margin: 20px 0 0;
    padding: 10px; }
    .confirm-card__help-text > *:last-child {
      margin-bottom: 0; }
  .confirm-card__message-box {
    -ms-flex-align: center;
        align-items: center;
    background-color: #fff;
    border-radius: 10px;
    cursor: pointer;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    min-height: 70px;
    padding: 10px; }
    .confirm-card__message-box .character-count {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex; }
      .confirm-card__message-box .character-count .character-count__field {
        -ms-flex-order: 3;
            order: 3; }

.card-rounded {
  border-radius: 10px;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center; }
  .card-rounded:not(.grid-cell-gutter-collapse-left) {
    padding-left: 10px; }
  .card-rounded:not(.grid-cell-gutter-collapse-right) {
    padding-right: 10px; }
  @media print, screen and (min-width: 40em) {
    .card-rounded:not(.grid-cell-gutter-collapse-left) {
      padding-left: 20px; }
    .card-rounded:not(.grid-cell-gutter-collapse-right) {
      padding-right: 20px; } }
  @media print, screen and (min-width: 64em) {
    .card-rounded:not(.grid-cell-gutter-collapse-left) {
      padding-left: 20px; }
    .card-rounded:not(.grid-cell-gutter-collapse-right) {
      padding-right: 20px; } }
  .card-rounded__section {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px 0; }
    .card-rounded__section:last-of-type {
      border: 0;
      margin-bottom: 0;
      padding-bottom: 10px; }

.card-table {
  background: rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .card-table h2,
  .card-table p {
    margin: 0; }
  .card-table__row,
  .card-table__header {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .card-table__row:not(.grid-cell-gutter-collapse-left),
    .card-table__header:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    .card-table__row:not(.grid-cell-gutter-collapse-right),
    .card-table__header:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; }
    @media print, screen and (min-width: 40em) {
      .card-table__row:not(.grid-cell-gutter-collapse-left),
      .card-table__header:not(.grid-cell-gutter-collapse-left) {
        padding-left: 20px; }
      .card-table__row:not(.grid-cell-gutter-collapse-right),
      .card-table__header:not(.grid-cell-gutter-collapse-right) {
        padding-right: 20px; } }
    @media print, screen and (min-width: 64em) {
      .card-table__row:not(.grid-cell-gutter-collapse-left),
      .card-table__header:not(.grid-cell-gutter-collapse-left) {
        padding-left: 20px; }
      .card-table__row:not(.grid-cell-gutter-collapse-right),
      .card-table__header:not(.grid-cell-gutter-collapse-right) {
        padding-right: 20px; } }
  .card-table__header {
    padding-bottom: 15px;
    padding-top: 15px; }
  .card-table__title {
    font-family: "latobold";
    font-weight: normal; }
  .card-table__content {
    background: rgba(0, 0, 0, 0.2);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    padding: 10px 0; }
    .card-table__content .card-table__row {
      padding-bottom: 10px; }
  .card-table__footer {
    background: rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
    .card-table__footer .card-table__row {
      padding-bottom: 20px; }
    .card-table__footer p {
      font-weight: 600; }

.accordion {
  border-radius: 10px;
  margin-bottom: 10px;
  position: relative;
  text-align: center; }
  .accordion::after {
    background: rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    content: '';
    height: 10px;
    left: 50%;
    position: absolute;
    top: 100%;
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    width: 90%; }
  .accordion .accordion-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #0073cd; }
    .accordion .accordion-item:last-child {
      border-bottom: 0; }
      .accordion .accordion-item:last-child .accordion-content {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px; }
  .accordion .accordion-title {
    font-family: "latoregular";
    padding-right: 30px; }
    @media screen and (max-height: 710px) {
      .accordion .accordion-title {
        padding: 10px 30px 10px 10px; } }
    @media screen and (max-height: 710px) {
      .accordion .accordion-title h3 {
        font-size: 1.125rem; } }
    .accordion .accordion-title > * {
      margin-bottom: 0; }
    .accordion .accordion-title::before {
      font-size: 1.25rem;
      font-weight: 600;
      margin-top: 0;
      right: 10px;
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
  .accordion .accordion-content {
    font-size: 1rem;
    font-weight: 400;
    text-align: left; }
    @media screen and (max-height: 710px) {
      .accordion .accordion-content {
        font-size: 0.875rem; } }
    .accordion .accordion-content :last-child {
      margin-bottom: 0; }

.receipt-slip {
  background-color: #fff8d0;
  border-left: 1px solid #988a36;
  border-right: 1px solid #988a36;
  color: #988a36;
  display: block;
  font-size: 0.875rem;
  margin: 30px auto;
  max-width: 280px;
  position: relative;
  width: 100%; }
  .receipt-slip:not(.grid-cell-gutter-collapse-left) {
    padding-left: 5px; }
  .receipt-slip:not(.grid-cell-gutter-collapse-right) {
    padding-right: 5px; }
  @media print, screen and (min-width: 40em) {
    .receipt-slip:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    .receipt-slip:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; } }
  @media print, screen and (min-width: 64em) {
    .receipt-slip:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    .receipt-slip:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; } }
  #comprovante-base-superior,
  #comprovante-base-inferior {
    height: auto;
    left: 0;
    position: absolute;
    -ms-transform: translateX(-1px);
        transform: translateX(-1px); }
    #comprovante-base-superior path:last-child,
    #comprovante-base-inferior path:last-child {
      fill: #fff8d0;
      stroke: #988a36; }
  #comprovante-base-superior {
    bottom: 100%;
    width: calc(100% + 2px); }
    #comprovante-base-superior path:last-child {
      stroke-width: 2px; }
  #comprovante-base-inferior {
    top: 100%;
    width: calc(100% + 3px); }
  .receipt-slip__row {
    border-bottom: 1px solid #988a36;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    margin-bottom: 5px;
    padding-bottom: 5px; }
    .receipt-slip__row:last-of-type {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0; }
    .receipt-slip__row-spaced {
      margin-right: 10px; }
  .receipt-slip__header {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    font-size: 0.625rem;
    text-align: center;
    text-transform: uppercase; }
    .receipt-slip__header #th-logo {
      margin: 10px auto 5px;
      max-height: 30px; }
      .receipt-slip__header #th-logo path {
        fill: #0073cd; }
    .receipt-slip__header-serial {
      color: #0073cd;
      margin: 0 0 5px; }
  .receipt-slip__section {
    border-top: 1px dashed #988a36;
    margin-top: 10px;
    padding: 10px 0;
    position: relative; }
    .receipt-slip__section:empty {
      display: none; }
    .receipt-slip__section::before {
      border-top: 1px dashed #988a36;
      content: '';
      display: block;
      left: 0;
      position: absolute;
      top: 0;
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
      width: 100%; }
  .receipt-slip__box {
    border: 1px solid #988a36;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase; }
    .receipt-slip__box p {
      margin-bottom: 5px; }
      .receipt-slip__box p:last-child {
        margin-bottom: 0;
        word-break: break-all; }
  .receipt-slip .avatar-info {
    max-width: 100%; }
    .receipt-slip .avatar-info .avatar-info__figure {
      height: 40px;
      margin-bottom: 5px;
      margin-right: 10px;
      min-width: 40px;
      position: relative;
      width: 40px; }
    .receipt-slip .avatar-info .avatar-info__icon {
      -ms-transform: translate(-25%, 25%);
          transform: translate(-25%, 25%); }
    .receipt-slip .avatar-info .avatar-info__text {
      color: inherit;
      font-size: inherit;
      max-width: 100%;
      overflow: hidden; }
      .receipt-slip .avatar-info .avatar-info__text p {
        overflow: hidden;
        text-overflow: ellipsis; }

.receipt-slip.future {
  background-color: #d1fffd;
  border-left-color: #77c1cf;
  border-right-color: #77c1cf;
  color: #6c797f; }
  .receipt-slip.future #comprovante-base-superior path:last-child,
  .receipt-slip.future #comprovante-base-inferior path:last-child {
    fill: #d1fffd;
    stroke: #77c1cf; }
  .receipt-slip.future .receipt-slip__section,
  .receipt-slip.future .receipt-slip__section::before {
    border-top-color: #77c1cf; }
  .receipt-slip.future .receipt-slip__row {
    border-bottom-color: #77c1cf; }
  .receipt-slip.future .receipt-slip__box {
    border-color: #77c1cf; }

.receipt-bankslip {
  background-color: #f0f0f0;
  border-radius: 20px;
  color: #000;
  font-size: 0.625rem;
  margin: 30px auto;
  max-width: 280px;
  padding-bottom: 10px;
  padding-top: 20px;
  position: relative; }
  .receipt-bankslip:not(.grid-cell-gutter-collapse-left) {
    padding-left: 5px; }
  .receipt-bankslip:not(.grid-cell-gutter-collapse-right) {
    padding-right: 5px; }
  @media print, screen and (min-width: 40em) {
    .receipt-bankslip:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    .receipt-bankslip:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; } }
  @media print, screen and (min-width: 64em) {
    .receipt-bankslip:not(.grid-cell-gutter-collapse-left) {
      padding-left: 10px; }
    .receipt-bankslip:not(.grid-cell-gutter-collapse-right) {
      padding-right: 10px; } }
  .receipt-bankslip::after {
    background-color: rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    content: '';
    display: block;
    height: 20px;
    left: 50%;
    position: absolute;
    top: 100%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    width: calc(100% - 40px); }
  .receipt-bankslip__section,
  .receipt-bankslip__section-dashed,
  .receipt-bankslip__section-doubledashed {
    background: transparent;
    padding-bottom: 10px;
    padding-top: 10px; }
  .receipt-bankslip__section {
    border-bottom: 1px solid #000; }
    .receipt-bankslip__section:last-of-type {
      border-bottom: 0;
      margin-bottom: 10px; }
  .receipt-bankslip__section-dashed,
  .receipt-bankslip__section-doubledashed {
    border-bottom: 1px dashed #000; }
  .receipt-bankslip__section-doubledashed {
    position: relative; }
    .receipt-bankslip__section-doubledashed::after {
      border-bottom: 1px dashed #000;
      content: '';
      display: block;
      left: 0;
      position: absolute;
      top: 100%;
      -ms-transform: translateY(3px);
          transform: translateY(3px);
      width: 100%; }
  .receipt-bankslip__title {
    color: #0073cd;
    text-transform: uppercase; }
  .receipt-bankslip__barcode {
    display: block;
    font-size: 0.75rem;
    margin: 0 auto;
    max-width: 28ch;
    text-align: center; }
  .receipt-bankslip__text {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    font-size: 0.75rem;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 0;
    text-transform: uppercase; }
    .receipt-bankslip__text :last-child {
      overflow: hidden;
      padding-left: 10px;
      text-align: right;
      text-overflow: ellipsis; }
  .receipt-bankslip #th-logo {
    max-width: 74px; }
    .receipt-bankslip #th-logo path {
      fill: #0073cd; }
  .receipt-bankslip #barcode {
    display: block;
    margin: 0 auto;
    max-width: 200px; }
    .receipt-bankslip #barcode path {
      fill: rgba(0, 0, 0, 0.87); }
  .receipt-bankslip .avatar-info {
    margin-bottom: 0; }
  .receipt-bankslip .avatar-info__figure {
    color: #f0f0f0; }
  .receipt-bankslip .avatar-info__text {
    color: #000; }

.screentip {
  background-color: #fff;
  border-radius: 10px;
  left: 0;
  max-width: 250px;
  min-width: 100px;
  padding: 10px;
  position: absolute;
  top: 0;
  -ms-transform: translate(-50%, 15px);
      transform: translate(-50%, 15px); }
  .screentip > .screentip__arrow::before {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: 100%;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    width: 0; }
  .screentip::after {
    background: rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    content: '';
    display: block;
    height: 5px;
    left: 50%;
    position: absolute;
    top: 100%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    width: calc(100% - 20px); }
  .screentip > p {
    color: rgba(0, 0, 0, 0.87);
    font-size: 0.875rem;
    margin-bottom: 0;
    text-align: center; }

.screentip.top {
  -ms-transform: translate(-50%, -15px);
      transform: translate(-50%, -15px); }
  .screentip.top > .screentip__arrow {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0, 0, 0, 0.2);
    height: 0;
    left: 50%;
    position: absolute;
    top: 100%;
    -ms-transform: translate(-50%, 5px);
        transform: translate(-50%, 5px);
    width: 0;
    z-index: 1; }
    .screentip.top > .screentip__arrow::before {
      border-bottom: initial;
      border-top: 10px solid #fff;
      bottom: initial;
      top: 100%;
      -ms-transform: translate(-50%, -15px);
          transform: translate(-50%, -15px); }

/**
 * TODO: Refactor this! :japanese_goblin:
 */
.receipt {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0 auto 30px;
  min-height: 373px;
  width: 281px; }
  .receipt .p {
    color: #988a36;
    margin: 0; }
  .receipt__top img,
  .receipt__botton img {
    width: 100%; }
  .receipt__botton img {
    margin-top: -15px; }
  .receipt__logo-th {
    display: block;
    margin: -24px auto 5px;
    width: 72px; }
  .receipt__number {
    font-size: 0.625rem;
    margin: 0;
    text-align: center;
    text-transform: uppercase; }
    .receipt__number.p {
      color: #00a6dd; }
  .receipt__date-transfer {
    border-bottom: 1px dashed #ded180;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    font-size: 0.625rem;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 10px;
    padding: 2px 0 7px;
    position: relative; }
    .receipt__date-transfer::after {
      border-bottom: 1px dashed #ded180;
      bottom: 1px;
      content: '';
      position: absolute;
      width: 100%; }
  .receipt__body {
    background: #fff8d0;
    border-left: 1px solid #e9e1aa;
    border-right: 1px solid #e9e1aa;
    padding: 0 11px;
    position: relative;
    z-index: 1; }
    .receipt__origin {
      margin-bottom: 10px;
      position: relative; }
      .receipt__origin::after, .receipt__origin::before {
        border-bottom: 1px dashed #ded180;
        content: '';
        left: 0;
        position: absolute;
        width: 100%; }
      .receipt__origin::before {
        bottom: 0; }
      .receipt__origin::after {
        bottom: 2px; }
    .receipt__data-user {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: start;
          justify-content: flex-start;
      margin-bottom: 7px;
      margin-top: 7px;
      text-align: center; }
    .receipt__user-image {
      background: #333;
      border-radius: 30px;
      box-sizing: border-box;
      display: block;
      height: 42px;
      margin-right: 8px;
      min-width: 42px;
      width: 42px; }
    .receipt__user-name {
      font-size: 0.75rem; }
      .receipt__user-name b,
      .receipt__user-name strong,
      .receipt__user-name i,
      .receipt__user-name em,
      .receipt__user-name span {
        display: block;
        font-size: 0.8125rem; }
    .receipt__data-list {
      border-top: 1px solid #ded180; }
      .receipt__data-list .p {
        -ms-flex-align: center;
            align-items: center;
        border-bottom: 1px solid #ded180;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        font-size: 0.75rem;
        -ms-flex-pack: justify;
            justify-content: space-between;
        padding: 4px 0; }
        .receipt__data-list .p:last-child {
          border-bottom: 0; }
      .receipt__data-list span:last-child {
        font-size: 0.875rem;
        overflow: hidden;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 70%; }

.box-dynamic {
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  height: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  transition: .25s ease; }
  .box-dynamic .box-dynamic__col,
  .box-dynamic .button.ball {
    opacity: 0; }
  .box-dynamic.is-open {
    height: initial;
    margin: 30px 0;
    overflow: unset;
    padding: 40px 0 20px;
    transition: .5s ease; }
    .box-dynamic.is-open::before {
      height: 100%;
      opacity: 1;
      transition: height .5s ease, opacity .15s ease; }
    .box-dynamic.is-open .box-dynamic__col,
    .box-dynamic.is-open .button.ball {
      opacity: 1;
      transition: opacity .25s ease .5s; }
  .box-dynamic::before {
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    content: '';
    height: 0;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 0;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    transition: opacity .25s ease, height .1s ease .25s;
    width: calc(100% + 120px); }
  .box-dynamic.vertical .box-dynamic__row {
    -ms-flex-direction: column;
        flex-direction: column; }
  .box-dynamic.vertical .box-dynamic__col {
    padding: 0; }
  .box-dynamic__row {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%; }
  .box-dynamic__col {
    padding: 0 10px; }
  .box-dynamic .button.ball {
    animation: none;
    height: 30px;
    left: 50%;
    position: absolute;
    top: 0;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    width: 30px; }
    .box-dynamic .button.ball svg {
      pointer-events: none; }

.steppy {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity .5s linear;
  width: 100%;
  will-change: opacity;
  /**
   * Hack for Firefox.
   * Avoid the cell to overflow the grid container.
   */ }
  .steppy__header > :not(.tabs-steps) {
    opacity: 0;
    transition: opacity 0.5s linear 0.5s;
    will-change: opacity; }
  .steppy__header :last-child {
    margin-bottom: 0; }
  .steppy__main {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: calc(100% - 40px);
    -ms-flex-pack: center;
        justify-content: center;
    margin: 20px auto;
    opacity: 0;
    -ms-transform: translateX(100px);
        transform: translateX(100px);
    transition: all 0.5s cubic-bezier(0.36, -0.29, 0.8, 1.9) 0.5s;
    will-change: transform, opacity; }
    .steppy__main > .grid-x,
    .steppy__main > .grid-y {
      max-height: 100%; }
      .steppy__main > .grid-x.grid-cell-stretch .swiper-slide-active,
      .steppy__main > .grid-y.grid-cell-stretch .swiper-slide-active {
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        height: 100%;
        max-height: 100%; }
    .steppy__main .grid-container {
      width: 100%; }
  .steppy__footer {
    opacity: 0;
    transition: opacity 0.5s linear 0.5s;
    will-change: opacity; }
  .steppy .grid-x > .cell,
  .steppy .grid-y > .cell {
    max-height: 100%; }
  .steppy .swiper-container {
    height: 100%;
    width: 100%; }
  .steppy .swiper-slide {
    box-sizing: border-box;
    height: auto; }
    .steppy .swiper-slide > .grid-container {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-positive: 1;
          flex-grow: 1; }
      .steppy .swiper-slide > .grid-container > .grid-x {
        -ms-flex-positive: 1;
            flex-grow: 1; }

/**
 * Active state for steppy-slide.
 */
.steppy.is-active {
  opacity: 1;
  pointer-events: all; }
  .steppy.is-active .steppy__header > :not(.tabs-steps) {
    opacity: 1; }
  .steppy.is-active .steppy__main {
    opacity: 1;
    -ms-transform: translateX(0);
        transform: translateX(0); }
  .steppy.is-active .steppy__footer {
    opacity: 1; }

.page-my-account .tabs {
  margin-top: 20px; }

.page-signup .cell.spaced {
  margin: 40px 0; }

.border-remove {
  border-bottom-width: 0 !important; }
  .border-remove-y {
    border-bottom-width: 0 !important; }
  .border-remove-top {
    border-bottom-width: 0 !important; }
  .border-remove-bottom {
    border-bottom-width: 0 !important; }
  .border-remove-x {
    border-bottom-width: 0 !important; }
  .border-remove-left {
    border-bottom-width: 0 !important; }
  .border-remove-right {
    border-bottom-width: 0 !important; }

.margin-remove {
  margin: 0 !important; }
  .margin-remove-y {
    margin-bottom: 0 !important;
    margin-top: 0 !important; }
  .margin-remove-top {
    margin-top: 0 !important; }
  .margin-remove-bottom {
    margin-bottom: 0 !important; }
  .margin-remove-x {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .margin-remove-left {
    margin-left: 0 !important; }
  .margin-remove-right {
    margin-right: 0 !important; }

.padding-remove {
  padding: 0 !important; }
  .padding-remove-y {
    padding-bottom: 0 !important;
    padding-top: 0 !important; }
  .padding-remove-top {
    padding-top: 0 !important; }
  .padding-remove-bottom {
    padding-bottom: 0 !important; }
  .padding-remove-x {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .padding-remove-left {
    padding-left: 0 !important; }
  .padding-remove-right {
    padding-right: 0 !important; }

/**
 * Works with Swiper scroll container.
 * http://idangero.us/swiper/demos/160-scroll-container.html
 */
.layout-scroll.swiper-container {
  height: 100%;
  width: 100%;
  /**
     * TODO: Include JS flags to scroll for masking.
     */ }
  .layout-scroll.swiper-container .swiper-wrapper.is-scrolled .swiper-slide {
    -webkit-mask: -webkit-gradient(linear, center top, center bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(0.25, black), color-stop(0.75, black), color-stop(1, rgba(0, 0, 0, 0))); }
  .layout-scroll.swiper-container .swiper-slide {
    box-sizing: border-box;
    /**
       * Stretches swiper slide for template layout hack.
       * @see {@file _template-default.scss}
       */ }
    .layout-scroll.swiper-container .swiper-slide.framed {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      max-height: 100%; }
    .auto .layout-scroll.swiper-container .swiper-slide {
      min-height: 100%; }

.layout-scroll .swiper-scrollbar {
  background-color: transparent; }
  .layout-scroll .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: rgba(255, 255, 255, 0.2);
    transition-duration: .25s !important;
    transition-property: background-color;
    transition-timing-function: ease;
    will-change: background-color; }

.layout-scroll:hover .swiper-scrollbar-drag, .layout-scroll:focus .swiper-scrollbar-drag {
  background-color: rgba(255, 255, 255, 0.5); }

.simplebar-scrollbar::before {
  background-color: #fff; }

.simplebar-content {
  height: 100% !important; }
  .simplebar-content .grid-x.grid-cell-stretch {
    height: inherit; }

.list-banks__avatar {
  background-color: #7f7f7f; }

.bank-655 .list-banks__avatar {
  background-color: #00a6db; }

.bank-001 .list-banks__avatar {
  background-color: #eddd00; }

.bank-237 .list-banks__avatar {
  background-color: #cb092e; }

.bank-104 .list-banks__avatar {
  background-color: #0078b4; }

.bank-341 .list-banks__avatar {
  background-color: #ff560b; }

.bank-033 .list-banks__avatar {
  background-color: #fc0300; }

#users-add .header-with-line {
  margin-top: 40px; }

#users-add .radio-group li, #users-add .radio-group--inline li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 10px;
  padding-top: 10px; }

.balance .swiper-slide-active {
  height: 100%;
  max-height: 100%; }

.balance-list {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative; }
  .balance-list::-webkit-scrollbar {
    background: none;
    opacity: 0;
    width: 6px; }
  .balance-list::-webkit-scrollbar-track {
    background: none;
    border-radius: 10px; }
  .balance-list::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 10px; }
  .balance-list:hover::-webkit-scrollbar {
    opacity: 1; }
  .balance-list:hover::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5); }
  .balance-list.is-posting #icon-comprovante {
    color: #d1fffd; }
  .balance-list--empty {
    left: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    width: 100%; }
    .balance-list--empty__month-title,
    .balance-list--empty__posting-title {
      font-family: "latoregular";
      font-weight: 600;
      font-size: 1.875rem;
      line-height: 1.875rem;
      left: 50%;
      position: absolute;
      text-transform: uppercase;
      top: 50%;
      -ms-transform: translate(-50%, calc(-50% - 10px));
          transform: translate(-50%, calc(-50% - 10px)); }

  .balance-options {
    position: absolute;
    top: 0;
    right: -70px;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    height: 100%;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 50px;
    opacity: 1;
    transition: opacity 300ms; }

    .balance-options__buttons {
      margin: auto; }

      .balance-options__buttons #icon-busca path,
      .balance-options__buttons #icon-extrato path {
        fill: #767676; }

      .balance-options__buttons .button,
      .balance-options__buttons .button + [class*="loadr"]:not(.loadr__spinner) {
        margin-left: 0; }

    .balance-options--hide {
      opacity: 0;
      transition: opacity 100ms; }
  .balance-carousel-report {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px 0;
    width: 100%;
    transition: opacity 1s; }
    .balance-carousel-report:last-child {
      border-bottom: 0; }
    .balance-list__row {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -ms-flex-pack: justify;
          justify-content: space-between;
      width: 100%; }
      .balance-list__row .shrink {
        -ms-flex-negative: 1;
            flex-shrink: 1; }
      .balance-list__row .auto {
        -ms-flex-positive: 1;
            flex-grow: 1; }
      .balance-list__row button:focus {
        outline: 0; }
      .balance-list__prompt {
        -ms-flex-align: end;
            align-items: flex-end;
        background-color: rgba(255, 255, 255, 0.2);
        box-sizing: border-box;
        display: none;
        -ms-flex-direction: column;
            flex-direction: column;
        font-size: 0.875rem;
        height: 100%;
        -ms-flex-pack: center;
            justify-content: center;
        left: 0;
        padding: 0 20px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2; }
        .balance-list__prompt-text {
          display: -ms-flexbox;
          -js-display: flex;
          display: flex;
          font-size: inherit;
          font-weight: 400;
          -ms-flex-pack: end;
              justify-content: flex-end;
          text-transform: uppercase; }
        .balance-list__prompt-actions {
          -ms-flex-align: center;
              align-items: center;
          display: -ms-flexbox;
          -js-display: flex;
          display: flex;
          -ms-flex-pack: end;
              justify-content: flex-end; }
          .balance-list__prompt-actions button {
            color: inherit;
            cursor: pointer;
            font-size: inherit;
            font-weight: 600;
            line-height: 1;
            margin-left: 10px;
            text-transform: uppercase; }
      .is-prompted {
        position: relative; }
        .is-prompted .balance-list__col {
          opacity: 0.2;
          pointer-events: none; }
          .is-prompted .balance-list__col .balance-list-item__button-group {
            visibility: hidden; }
        .is-prompted .balance-list__prompt {
          display: -ms-flexbox;
          -js-display: flex;
          display: flex; }
      .balance-list__col:not(.grid-cell-gutter-collapse-left) {
        padding-left: 5px; }
      .balance-list__col:not(.grid-cell-gutter-collapse-right) {
        padding-right: 5px; }
      @media print, screen and (min-width: 40em) {
        .balance-list__col:not(.grid-cell-gutter-collapse-left) {
          padding-left: 10px; }
        .balance-list__col:not(.grid-cell-gutter-collapse-right) {
          padding-right: 10px; } }
      @media print, screen and (min-width: 64em) {
        .balance-list__col:not(.grid-cell-gutter-collapse-left) {
          padding-left: 10px; }
        .balance-list__col:not(.grid-cell-gutter-collapse-right) {
          padding-right: 10px; } }
      .balance-list-item__description {
        -ms-flex-align: end;
            align-items: flex-end;
        border-bottom: 1px dashed transparent;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        margin-bottom: 5px; }
        .balance-list-item__description:hover, .balance-list-item__description:focus, .balance-list-item__description.is-active {
          border-bottom: 1px dashed rgba(255, 255, 255, 0.5); }
          .balance-list-item__description:hover button, .balance-list-item__description:focus button, .balance-list-item__description.is-active button {
            opacity: 1;
            pointer-events: all; }

@keyframes spin {
  from {
    transform: rotate(0) translate(-50%, -50%); }
  to {
    transform: rotate(360deg) translate(-50%, -50%); } }
        .balance-list-item__description [contenteditable=true] {
          width: 212px;
          height: 20px;
          line-height: 1.25rem;
          text-overflow: ellipsis;
          white-space: nowrap;
          background: transparent;
          overflow: hidden;
          border: 0;
          margin: 0;
          outline: 0;
          padding: 0; }
          .balance-list-item__description [contenteditable=true]:focus {
            text-overflow: clip;
            height: auto;
            -ms-flex-positive: 1;
                flex-grow: 1;
            word-break: break-all;
            white-space: unset;
            overflow: inherit; }
        .balance-list-item__description button {
          margin-bottom: 5px;
          margin-left: 5px;
          opacity: 0;
          pointer-events: none; }
      .balance-list-item__button-group {
        -ms-flex-align: center;
            align-items: center;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex; }
        .balance-list-item__button-group button:not(:last-child) {
          margin-right: 10px; }
        #icon-comprovante {
          color: #fff8d0; }
        .balance-list-item__button-group .is-loading button {
          margin-right: 0; }
    .balance-list__categories-wrapper,
    .balance-list__messages-wrapper {
      background-color: rgba(0, 0, 0, 0.2);
      height: 0;
      overflow: hidden;
      pointer-events: none;
      position: relative;
      transform: translateZ(0);
      transition-property: height;
      transition-duration: 1s;
      transition-timing-function: ease;
      will-change: height; }
      .balance-list__categories-wrapper::before,
      .balance-list__messages-wrapper::before {
        border-bottom: 8px solid transparent;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        bottom: 100%;
        content: '';
        display: block;
        height: 0;
        position: absolute;
        width: 0; }
      .balance-list__categories-wrapper [class*=col],
      .balance-list__messages-wrapper [class*=col] {
        bottom: 100%;
        opacity: 0;
        transition-property: opacity;
        transition-duration: 0.25s;
        transition-delay: 0.75s; }
      .balance-list__categories-wrapper.is-active,
      .balance-list__messages-wrapper.is-active {
        pointer-events: all;
        -ms-transform: translateY(10px);
            transform: translateY(10px); }
        .balance-list__categories-wrapper.is-active::before,
        .balance-list__messages-wrapper.is-active::before {
          border-bottom-color: rgba(0, 0, 0, 0.2); }
        .balance-list__categories-wrapper.is-active [class*=col],
        .balance-list__messages-wrapper.is-active [class*=col] {
          opacity: 1; }
        .balance-list__categories-wrapper.is-active .balance-list__categories,
        .balance-list__categories-wrapper.is-active .balance-list__messages-icon,
        .balance-list__categories-wrapper.is-active .balance-list__messages-content,
        .balance-list__categories-wrapper.is-active .balance-list__messages-close,
        .balance-list__messages-wrapper.is-active .balance-list__categories,
        .balance-list__messages-wrapper.is-active .balance-list__messages-icon,
        .balance-list__messages-wrapper.is-active .balance-list__messages-content,
        .balance-list__messages-wrapper.is-active .balance-list__messages-close {
          opacity: 1; }
      .balance-list__categories,
      .balance-list__messages-icon,
      .balance-list__messages-content,
      .balance-list__messages-close {
        opacity: 0;
        transition-property: opacity;
        transition-duration: 0.25s;
        transition-delay: 0.75s; }
    .balance-list__categories-wrapper::before {
      left: 31px; }
    .balance-list__categories-wrapper.is-active {
      height: 188px;
      overflow: initial; }
    .balance-list__categories-wrapper .balance-list__categories {
      opacity: 0; }
      .balance-list__categories-wrapper .balance-list__categories .balance-list__categories-container {
        overflow: hidden;
        width: 100%; }
        .balance-list__categories-wrapper .balance-list__categories .balance-list__categories-container .swiper-slide {
          opacity: 1;
          text-align: center;
          min-height: initial; }
        .balance-list__categories-wrapper .balance-list__categories .balance-list__categories-container .swiper-button-disabled {
          opacity: 0.5;
          pointer-events: none; }
    .balance-list__messages-wrapper::before {
      right: 23px; }
    .balance-list__messages-wrapper.is-active {
      height: 80px;
      overflow: initial; }
    .balance-list__messages-icon,
    .balance-list__messages-close {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-inline-flexbox;
      -js-display: inline-flex;
      display: inline-flex;
      height: 55px;
      -ms-flex-pack: center;
          justify-content: center;
      width: 55px; }
    .balance-list__messages-icon {
      padding-left: 10px; }
    .balance-list__messages-content {
      -ms-flex-positive: 1;
          flex-grow: 1; }
      .balance-list__messages-content:not(.grid-cell-gutter-collapse-left) {
        padding-left: 5px; }
      .balance-list__messages-content:not(.grid-cell-gutter-collapse-right) {
        padding-right: 5px; }
      @media print, screen and (min-width: 40em) {
        .balance-list__messages-content:not(.grid-cell-gutter-collapse-left) {
          padding-left: 10px; }
        .balance-list__messages-content:not(.grid-cell-gutter-collapse-right) {
          padding-right: 10px; } }
      @media print, screen and (min-width: 64em) {
        .balance-list__messages-content:not(.grid-cell-gutter-collapse-left) {
          padding-left: 10px; }
        .balance-list__messages-content:not(.grid-cell-gutter-collapse-right) {
          padding-right: 10px; } }

.justify-center {
  -ms-flex-pack: center;
      justify-content: center; }

.search-balance-container {
  position: relative;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  margin: auto;
  width: 502px; }
  .search-balance-container .balance-options {
    width: 40px;
    right: -61px; }

.modal-confirmacao {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 2;
  opacity: 0;
  transition: all 0.5s ease;
  visibility: hidden; }
  .modal-confirmacao--active {
    opacity: 1;
    visibility: visible; }
    .modal-confirmacao--active .modal-confirmacao__box {
      margin-top: 0px;
      opacity: 1; }
  .modal-confirmacao__box {
    width: 502px;
    height: auto;
    padding: 20px;
    margin-top: 50px;
    box-sizing: border-box;
    border-radius: 10px;
    background: white;
    text-align: center;
    transition: all 0.5s ease;
    transition-delay: 0.5s;
    opacity: 0; }
  .modal-confirmacao__title {
    color: #1276af;
    font-size: 1.25rem;
    line-height: 1.875rem; }
  .modal-confirmacao__text {
    color: #6E7882;
    font-size: 1.125rem;
    line-height: 1.875rem;
    margin: 15px 0; }
  .modal-confirmacao__button {
    border: 2px solid #1276af; }
    .modal-confirmacao__button:hover {
      border: 2px solid #126195; }
  .modal-confirmacao .button {
    margin-bottom: 0; }
  .modal-confirmacao svg {
    fill: #1276af;
    stroke: #1276af; }
    .modal-confirmacao svg path {
      fill: #1276af;
      stroke: #1276af; }
  .modal-confirmacao .loadr-button .loadr__spinner {
    -ms-transform: translate(-50%, calc(-50%));
        transform: translate(-50%, calc(-50%));
    width: 50px; }

.carousel-period__slides .swiper-slide.swiper-slide--card.swiper-slide-active[data-id="balance-slide-future"] {
  background-color: #0073cd; }

.accordion-list__icon-list {
  margin-left: 0; }

.accordion-list__header {
  padding: 20px !important; }

.balance-search .off-canvas-content {
  transition: width .4s ease;
  width: 100%;
  will-change: width; }

.balance-search__results.is-open {
  width: 600px; }
  .balance-search__results.is-open ~ .off-canvas-content {
    -ms-transform: none;
        transform: none;
    width: calc(100% - 600px); }

.balance-search__results .tabs {
  background-color: rgba(0, 0, 0, 0.87);
  margin: 0;
  width: 85px; }
  .balance-search__results .tabs .tabs-title a {
    padding: 20px; }
    .balance-search__results .tabs .tabs-title a:focus {
      outline: 0; }

.balance-search__results .tabs-panel.is-active {
  padding: 40px 20px; }

.generate-bankslip .swiper-container {
  overflow: initial; }

.bankslip-fines-interest {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 30px;
  padding: 30px 50px 0;
  position: relative; }
  .bankslip-fines-interest > .button {
    animation: none;
    bottom: 94px;
    height: 30px;
    min-width: 30px;
    left: 50%;
    position: absolute;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
    .bankslip-fines-interest > .button.light, .bankslip-fines-interest > .button.light:focus, .bankslip-fines-interest > .button.light:hover {
      color: rgba(0, 0, 0, 0.5); }
  .bankslip-fines-interest__col {
    width: 45%; }

.list-manage-bank-slip__details {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.list-manage-bank-slip .paid .button-group > :nth-child(1),
.list-manage-bank-slip .paid .button-group > :nth-child(2) {
  opacity: 0.2;
  pointer-events: none; }

.list-manage-bank-slip .paid .button-group > :nth-child(3) {
  display: initial;
  pointer-events: all; }

.list-manage-bank-slip .paid .list-manage-bank-slip__details-currency {
  color: #a8ff4a; }

.page-cards__status-wrapper {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%; }

.page-cards__status-info {
  margin: auto 0 20px; }
  .page-cards__status-info-title {
    text-transform: lowercase; }
  .page-cards__status-info-card {
    margin-bottom: 10px;
    position: relative; }
    .page-cards__status-info-card-actions {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      left: 100%;
      position: absolute;
      top: 50%;
      -ms-transform: translate(10px, -50%);
          transform: translate(10px, -50%); }
      .page-cards__status-info-card-actions .button,
      .page-cards__status-info-card-actions [class*=loadr],
      .page-cards__status-info-card-actions .button + [class*=loadr]:not(.loadr__spinner) {
        margin-left: 10px; }
      .page-cards__status-info-card-actions [class*=loadr] > .button,
      .page-cards__status-info-card-actions [class*=loadr] > [class*=loadr] {
        margin-left: 0; }
      .page-cards__status-info-card-actions :last-child,
      .page-cards__status-info-card-actions :last-child > .button {
        margin-bottom: 0; }
  .page-cards__status-info-text {
    max-width: 320px;
    text-align: center; }

.page-cards__status-actions {
  margin-top: auto;
  text-align: center;
  width: 100%; }

.page-cards__activation .card-th .card-th__cvv {
  z-index: 3; }

.page-dashboard .welcome .heading-extra {
  font-weight: 400; }

.icon-notifications-new__circle {
  animation: pop .8s linear both;
  fill: #ffc800;
  -ms-transform-origin: center center;
      transform-origin: center center; }

@keyframes pop {
  0% {
    transform: scale(0); }
  25% {
    transform: scale(1.2); }
  75% {
    transform: scale(0.75); }
  100% {
    transform: scale(1); } }

.icon-notifications-new__bell {
  animation: wobble .8s linear both; }

@keyframes wobble {
  0%,
  100% {
    transform: translateX(0%);
    transform-origin: 50% 50%; }
  15% {
    transform: translateX(-5px) rotate(6deg); }
  30% {
    transform: translateX(3px) rotate(-6deg); }
  45% {
    transform: translateX(-3px) rotate(3.6deg); }
  60% {
    transform: translateX(2px) rotate(-2.4deg); }
  75% {
    transform: translateX(-1px) rotate(1.2deg); } }

[data-id=dashboard] .tooltip {
  max-width: 280px;
  text-align: center; }
  [data-id=dashboard] .tooltip[data-is-active=true] {
    -ms-transform: translateX(-10px);
        transform: translateX(-10px); }

/**
 * CSS section: Selecione outra maneira
 */
.verification-choices {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.verification-choices__list {
  list-style: none;
  width: 850px; }

.verification-choices__list-item-link {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 64px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  transition: initial;
  transition-duration: 0.5s; }
  .verification-choices__list-item-link:hover {
    background: rgba(255, 255, 255, 0.1); }

.verification-choices__icon {
  margin-right: 15px; }

.input-group-material__field--token {
  padding-bottom: 5px; }
  .input-group-material__field--token input {
    text-transform: uppercase;
    font-size: 1.5625rem; }

.auth-toasty {
  position: absolute;
  left: 50%;
  bottom: 80px;
  margin-left: -140px;
  border-radius: 10px;
  font-size: 0.875rem;
  padding: 20px;
  background: rgba(0, 0, 0, 0.8);
  transition: initial;
  transition-duration: 0.5s; }
  .auth-toasty .auth-toasty__button {
    font-size: 1rem;
    color: #00b8d4;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 10px; }

th-timer-element {
  display: inline-block;
  width: 250px;
  vertical-align: super; }

.another-way-login .hide {
  display: none; }

.another-way-login .show {
  display: inline; }

.another-way-login .footer-anoter-way {
  height: 60px; }

.page-my-account .list-table__content .list-table__row:first-of-type {
  font-weight: 600; }

.payments #bankslip-nobarcode:disabled {
  cursor: default;
  opacity: 0.5; }

.confirm-card__section__agency {
  margin-right: 10px; }

.payments-list__item-value {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  line-height: 1;
  margin-top: 5px; }
  .payments-list__item-value i {
    margin-left: 5px;
    -ms-transform: translateY(2.5px);
        transform: translateY(2.5px); }

.payments-list .list-table-new__col {
  -ms-flex-direction: column;
      flex-direction: column; }

.page-signup-address-delivery__toggle-address {
  margin-bottom: 20px; }

.page-signup-approval .bg-list,
.page-signup.page-signup-approval .bg-list {
  max-height: 140px;
  padding: 10px 20px; }
  @media screen and (max-height: 710px) {
    .page-signup-approval .bg-list,
    .page-signup.page-signup-approval .bg-list {
      max-height: 70px; } }
  .page-signup-approval .bg-list .no-bullet li, .page-signup-approval .bg-list .tabs-steps li, .page-signup-approval .bg-list .question-group .radio-group li, .question-group .page-signup-approval .bg-list .radio-group li, .page-signup-approval .bg-list .question-group .radio-group--inline li, .question-group .page-signup-approval .bg-list .radio-group--inline li,
  .page-signup.page-signup-approval .bg-list .no-bullet li,
  .page-signup.page-signup-approval .bg-list .tabs-steps li,
  .page-signup.page-signup-approval .bg-list .question-group .radio-group li,
  .question-group .page-signup.page-signup-approval .bg-list .radio-group li,
  .page-signup.page-signup-approval .bg-list .question-group .radio-group--inline li,
  .question-group .page-signup.page-signup-approval .bg-list .radio-group--inline li {
    margin-bottom: 10px; }
    @media screen and (max-height: 710px) {
      .page-signup-approval .bg-list .no-bullet li, .page-signup-approval .bg-list .tabs-steps li, .page-signup-approval .bg-list .question-group .radio-group li, .question-group .page-signup-approval .bg-list .radio-group li, .page-signup-approval .bg-list .question-group .radio-group--inline li, .question-group .page-signup-approval .bg-list .radio-group--inline li,
      .page-signup.page-signup-approval .bg-list .no-bullet li,
      .page-signup.page-signup-approval .bg-list .tabs-steps li,
      .page-signup.page-signup-approval .bg-list .question-group .radio-group li,
      .question-group .page-signup.page-signup-approval .bg-list .radio-group li,
      .page-signup.page-signup-approval .bg-list .question-group .radio-group--inline li,
      .question-group .page-signup.page-signup-approval .bg-list .radio-group--inline li {
        margin-bottom: 0; } }
    .page-signup-approval .bg-list .no-bullet li h3, .page-signup-approval .bg-list .tabs-steps li h3, .page-signup-approval .bg-list .question-group .radio-group li h3, .question-group .page-signup-approval .bg-list .radio-group li h3, .page-signup-approval .bg-list .question-group .radio-group--inline li h3, .question-group .page-signup-approval .bg-list .radio-group--inline li h3,
    .page-signup-approval .bg-list .no-bullet li .page-signup-approval__waiting,
    .page-signup-approval .bg-list .tabs-steps li .page-signup-approval__waiting,
    .page-signup-approval .bg-list .question-group .radio-group li .page-signup-approval__waiting,
    .question-group .page-signup-approval .bg-list .radio-group li .page-signup-approval__waiting,
    .page-signup-approval .bg-list .question-group .radio-group--inline li .page-signup-approval__waiting,
    .question-group .page-signup-approval .bg-list .radio-group--inline li .page-signup-approval__waiting,
    .page-signup.page-signup-approval .bg-list .no-bullet li h3,
    .page-signup.page-signup-approval .bg-list .tabs-steps li h3,
    .page-signup.page-signup-approval .bg-list .question-group .radio-group li h3,
    .question-group .page-signup.page-signup-approval .bg-list .radio-group li h3,
    .page-signup.page-signup-approval .bg-list .question-group .radio-group--inline li h3,
    .question-group .page-signup.page-signup-approval .bg-list .radio-group--inline li h3,
    .page-signup.page-signup-approval .bg-list .no-bullet li .page-signup-approval__waiting,
    .page-signup.page-signup-approval .bg-list .tabs-steps li .page-signup-approval__waiting,
    .page-signup.page-signup-approval .bg-list .question-group .radio-group li .page-signup-approval__waiting,
    .question-group .page-signup.page-signup-approval .bg-list .radio-group li .page-signup-approval__waiting,
    .page-signup.page-signup-approval .bg-list .question-group .radio-group--inline li .page-signup-approval__waiting,
    .question-group .page-signup.page-signup-approval .bg-list .radio-group--inline li .page-signup-approval__waiting {
      margin-bottom: 0; }
    @media screen and (max-height: 710px) {

      .page-signup-approval .bg-list .no-bullet li .page-signup-approval__waiting,
      .page-signup-approval .bg-list .tabs-steps li .page-signup-approval__waiting,
      .page-signup-approval .bg-list .question-group .radio-group li .page-signup-approval__waiting,
      .question-group .page-signup-approval .bg-list .radio-group li .page-signup-approval__waiting,
      .page-signup-approval .bg-list .question-group .radio-group--inline li .page-signup-approval__waiting,
      .question-group .page-signup-approval .bg-list .radio-group--inline li .page-signup-approval__waiting,
      .page-signup.page-signup-approval .bg-list .no-bullet li .page-signup-approval__waiting,
      .page-signup.page-signup-approval .bg-list .tabs-steps li .page-signup-approval__waiting,
      .page-signup.page-signup-approval .bg-list .question-group .radio-group li .page-signup-approval__waiting,
      .question-group .page-signup.page-signup-approval .bg-list .radio-group li .page-signup-approval__waiting,
      .page-signup.page-signup-approval .bg-list .question-group .radio-group--inline li .page-signup-approval__waiting,
      .question-group .page-signup.page-signup-approval .bg-list .radio-group--inline li .page-signup-approval__waiting {
        margin-bottom: 10px; } }

.page-signup-approval .onboarding,
.page-signup.page-signup-approval .onboarding {
  margin-bottom: 40px; }

.page-signup-approval .button.icon small,
.page-signup.page-signup-approval .button.icon small {
  font-size: 1rem;
  font-weight: 400;
  text-transform: initial; }
  .page-signup-approval .button.icon small span,
  .page-signup.page-signup-approval .button.icon small span {
    font-weight: 600; }

.page-signup-approval__waiting {
  color: #0ff; }

.page-signup-documents .input-file-group {
  margin-left: -40px;
  margin-right: -40px; }

.page-signup-partners-tips h2 {
  margin-bottom: 50px; }

.page-signup-partners-tips ul {
  margin-bottom: 0; }
  .page-signup-partners-tips ul li {
    margin-bottom: 40px; }
    .page-signup-partners-tips ul li svg {
      margin-bottom: 20px; }

.page-signup-partners-tips__title {
  font-size: 1rem;
  font-family: "latoregular"; }

.page-signup-personalization {
  /* TODO: Change when refactor FormsFile */ }
  .page-signup-personalization .input-file,
  .page-signup-personalization .input-file-group {
    margin: 30px 0 0; }
  .page-signup-personalization .input-file__unrequired {
    display: none; }

/**
 * Page style for Signup Redo view.
 */
.page-signup-redo__section-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 20px; }

.page-signup-redo__downlift-cell {
  -ms-transform: translateY(10px);
      transform: translateY(10px); }

.page-signup-redo .input-file-group,
.page-signup-redo .input-file-group__invalid-message {
  max-width: 550px; }

.page-signup-redo form .button {
  transition: all 0.5s ease; }
  .page-signup-redo form .button::before {
    border: 3px solid #0073cd;
    border-left: 0;
    border-top: 0;
    content: '';
    display: block;
    height: 22px;
    left: 14px;
    opacity: 0;
    outline: 0;
    pointer-events: none;
    position: absolute;
    top: 5px;
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    transition: opacity 0.25s ease;
    width: 10px;
    will-change: opacity; }

.page-signup-redo form .loadr__spinner {
  left: 0;
  -ms-transform: translate(0, calc(-50% - 10px));
      transform: translate(0, calc(-50% - 10px)); }

.page-signup-redo form.is-valid .button {
  background: #fff;
  color: transparent;
  height: 40px;
  min-width: 40px;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: relative;
  text-align: left;
  text-indent: -9999px;
  white-space: nowrap;
  width: 40px; }
  .page-signup-redo form.is-valid .button::before {
    opacity: 1; }

.page-signup__close-button {
  color: rgba(0, 0, 0, 0.5);
  left: 20px;
  position: fixed;
  top: 20px;
  z-index: 2; }

.page-signup__logo {
  text-align: center; }
  .page-signup__logo:not(:last-child) {
    margin-bottom: 40px; }
  .page-signup__logo #th-logo {
    display: inline-block;
    margin: 0; }

.page-signup .template-default__content {
  margin-left: auto;
  margin-right: auto;
  max-width: 1366px; }

.page-signup .button.ball svg {
  color: rgba(0, 0, 0, 0.87); }

.page-signup [data-address-receipt].is-readonly * {
  cursor: default; }

.page-signup .bg-list {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 30px 20px; }
  .page-signup .bg-list label,
  .page-signup .bg-list h3 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.page-signup .content {
  margin-top: 40px; }
  .page-signup .content > .content__title {
    margin-bottom: 20px; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

@media screen and (max-height: 710px) and (max-width: 415px) {
  .button.ball.page-signup__close-button {
    display: none; }
  .template-steppy .grid-y.grid-frame,
  .template-default .grid-y.grid-frame {
    padding-top: 20px; }
  .template-default__header .subheading {
    margin-top: 0; }
  .template-default .cell.auto {
    -ms-flex: none;
        flex: none; }
  .template-default .grid-y.grid-frame {
    overflow: unset;
    height: auto; }
  .mobile-content {
    padding-left: 20px;
    padding-right: 20px; }
  .mobile-button-wrapper {
    padding: 0 20px; }
    .mobile-button-wrapper .button {
      width: 100%; }
  .mobile-buttons-container {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 0 20px !important; }
    .mobile-buttons-container .button {
      min-width: 125px;
      padding: 10px 30px;
      margin-left: 5px;
      margin-right: 5px; }
    .mobile-buttons-container .loadr-button {
      margin-left: 0 !important; }
  .subheading {
    padding: 0 20px;
    margin-top: 0 !important; }
  .steppy__main {
    height: auto; }
  .accordion .accordion-title h3 {
    font-size: 0.9375rem;
    text-align: left; }
  [type=checkbox] + label.signup-registration-terms::before {
    top: 13px; }
  [type=checkbox] + label.signup-registration-terms::after {
    top: 10px; }
  .mobile-terms {
    padding-left: 20px !important;
    padding-right: 20px !important; }
  .toasty {
    display: none; }
  .signup-registration-terms {
    word-break: break-word !important; }
  .selectr-container.inverted .selectr-options-container {
    bottom: auto;
    top: 54px; } }

@media screen and (orientation: landscape) and (max-width: 825px) and (max-height: 420px) {
  .button.ball.page-signup__close-button {
    display: none; }
  .template-steppy {
    position: relative;
    min-height: 100vh;
    overflow: auto; }
  .grid-y.grid-frame {
    overflow: unset;
    height: auto; }
  .subheading {
    padding: 0 20px; }
  .cell.auto {
    -ms-flex: unset;
        flex: unset; }
  .page-signup__logo {
    height: 27px; }
  .page-signup__logo:not(:last-child) {
    margin-bottom: 20px; }
  .steppy__main {
    -ms-transform: unset;
        transform: unset;
    transition: unset;
    will-change: unset; }
  .steppy:not(.is-active) .grid-y.grid-frame {
    overflow: hidden;
    height: 100vh; }
  .steppy__main {
    height: auto; }
  .accordion .accordion-title h3 {
    font-size: 0.9375rem;
    text-align: left; }
  .signup-registration-terms {
    word-break: break-word !important; }
  .selectr-container.inverted .selectr-options-container {
    bottom: auto;
    top: 54px; } }

.modal-confirmacao {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 2;
  opacity: 0;
  transition: all 0.5s ease;
  visibility: hidden; }
  .modal-confirmacao--active {
    opacity: 1;
    visibility: visible; }
    .modal-confirmacao--active .modal-confirmacao__box {
      margin-top: 0px;
      opacity: 1; }
  .modal-confirmacao__box {
    width: 502px;
    height: auto;
    padding: 20px;
    margin-top: 50px;
    box-sizing: border-box;
    border-radius: 10px;
    background: white;
    text-align: center;
    transition: all 0.5s ease;
    transition-delay: 0.5s;
    opacity: 0; }
  .modal-confirmacao__title {
    color: #1276af;
    font-size: 1.25rem;
    line-height: 1.875rem; }
  .modal-confirmacao__text {
    color: #6E7882;
    font-size: 1.125rem;
    line-height: 1.875rem;
    margin: 15px 0; }
  .modal-confirmacao__button {
    border: 2px solid #1276af; }
    .modal-confirmacao__button:hover {
      border: 2px solid #126195; }
  .modal-confirmacao .button {
    margin-bottom: 0; }
  .modal-confirmacao svg {
    fill: #1276af;
    stroke: #1276af; }
    .modal-confirmacao svg path {
      fill: #1276af;
      stroke: #1276af; }
  .modal-confirmacao .loadr-button .loadr__spinner {
    -ms-transform: translate(-50%, calc(-50%));
        transform: translate(-50%, calc(-50%));
    width: 50px; }

.page-transfers .tabs {
  margin-top: 20px; }

.employees-release-type .swiper-container {
  overflow: initial; }

.employees-release-type .selectr-input-container button {
  display: none; }

.position-group .swiper-container {
  overflow: initial; }

.employees-without-th-account h2 {
  text-transform: initial; }

.employees-without-th-account .onboarding a {
  text-decoration: underline; }

.page-employees-invite__control {
  white-space: nowrap;
  transition: all 0.5s ease; }
  .page-employees-invite__control::before {
    border: 3px solid #0073cd;
    border-left: 0;
    border-top: 0;
    content: '';
    display: block;
    height: 22px;
    left: 14px;
    opacity: 0;
    outline: 0;
    pointer-events: none;
    position: absolute;
    top: 5px;
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    transition: opacity 0.25s ease;
    width: 10px;
    will-change: opacity; }
  .page-employees-invite__control.is-sent {
    background: #fff;
    color: transparent;
    height: 40px;
    min-width: 40px;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: relative;
    text-align: left;
    text-indent: -9999px;
    white-space: nowrap;
    width: 40px; }
    .page-employees-invite__control.is-sent::before {
      opacity: 1; }

.carousel-period {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: calc(100% - 60px);
  margin: 0 auto;
  max-width: 500px; }
  .carousel-period__criteria {
    font-family: "latoregular";
    font-weight: 600;
    margin: 0 auto 20px;
    position: relative;
    width: 100%; }
    .carousel-period__criteria__group {
      font-size: 1.25rem;
      line-height: 1.25rem;
      position: relative; }
      .carousel-period__criteria__group .swiper-container {
        -webkit-mask: linear-gradient(to left, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0) 100%);
        position: relative; }
      .carousel-period__criteria__group .swiper-wrapper {
        list-style: none;
        margin: 0; }
      .carousel-period__criteria__group .swiper-slide {
        color: rgba(255, 255, 255, 0.5);
        cursor: pointer;
        padding: 0;
        text-transform: lowercase;
        transition: opacity 0.25s ease;
        width: auto;
        will-change: opacity; }
        .carousel-period__criteria__group .swiper-slide.swiper-slide-active {
          color: #fff;
          cursor: default; }
    .carousel-period__criteria__group-divider {
      background: linear-gradient(to left, rgba(168, 255, 74, 0), rgba(168, 255, 74, 0.1), #a8ff4a, rgba(168, 255, 74, 0.1), rgba(168, 255, 74, 0));
      border: 0;
      height: 1px;
      margin: 0 0 10px;
      width: 100%; }
  .carousel-period__slides {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-positive: 1;
        flex-grow: 1; }
    .carousel-period__slides .swiper-container {
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-positive: 1;
          flex-grow: 1;
      overflow: visible; }
      .carousel-period__slides .swiper-container .swiper-wrapper {
        -ms-flex-positive: 1;
            flex-grow: 1; }
        .carousel-period__slides .swiper-container .swiper-wrapper .swiper-slide--card {
          background: #0073cd;
          border-radius: 10px;
          display: block;
          -ms-flex-direction: unset;
              flex-direction: unset;
          height: initial;
          max-height: 700px; }
          .carousel-period__slides .swiper-container .swiper-wrapper .swiper-slide--card:not(.swiper-slide-active) {
            opacity: 0.5; }
          .is-firefox .carousel-period__slides .swiper-container .swiper-wrapper .swiper-slide--card {
            height: 0; }
            .is-firefox .carousel-period__slides .swiper-container .swiper-wrapper .swiper-slide--card .balance-list {
              overflow-y: scroll; }

/**
 * TODO: Move to internet banking library.
 */
.categories {
  /**
   * Uses Swiper classes.
   * http://idangero.us/swiper/
   */ }
  .categories,
  .categories .swiper-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style: none;
    margin: 0; }
  .categories .swiper-button-next,
  .categories .swiper-button-prev {
    background: transparent;
    color: #fff;
    height: auto;
    margin-top: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    width: auto; }
  .categories .swiper-button-prev {
    left: 5px; }
  .categories .swiper-button-next {
    right: 5px; }
  .categories .swiper-slide {
    width: 47px; }
    .categories .swiper-slide button {
      opacity: 0.5;
      padding: 10px;
      transition: opacity 0.25s ease;
      width: 40px;
      will-change: opacity; }
      .categories .swiper-slide button.is-active {
        color: #fff;
        opacity: 1; }
      .categories .swiper-slide button:hover, .categories .swiper-slide button:focus {
        opacity: 1;
        outline: 0; }
      .categories .swiper-slide button svg {
        height: auto;
        width: auto; }
        .categories .swiper-slide button svg path {
          fill: currentColor; }
  .categories .swiper-slide {
    width: auto; }

.fieldlist__title {
  font-size: 1.25rem;
  line-height: 1.25rem;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  font-family: "latoregular";
  font-weight: 400;
  margin-bottom: 20px;
  padding-bottom: 20px;
  text-transform: none; }

.fieldlist__title-divider {
  display: -ms-inline-flexbox;
  -js-display: inline-flex;
  display: inline-flex;
  margin: 0 5px; }
  .fieldlist__title-divider::before {
    background-color: #fff;
    border-radius: 50%;
    content: '';
    height: 5px;
    width: 5px; }

.fieldlist__item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 20px; }

.card-th {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 10px;
  height: 209px;
  margin: 0 auto;
  position: relative;
  width: 330px; }
  .card-th.physical {
    background-image: url("/assets/images/physical-card.png"); }
  .card-th.virtual {
    background-image: url("/assets/images/virtual-card.png"); }
  .card-th__holder {
    font-size: 0.75rem;
    bottom: 10px;
    font-weight: 600;
    left: 20px;
    letter-spacing: 0.0625rem;
    position: absolute; }
  .card-th__number {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    font-size: font-size("small");
    font-weight: 600;
    line-height: 1.3;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 13px; }
    .card-th__number span {
      opacity: 0.87;
      letter-spacing: 0.0625rem; }
      .card-th__number span:last-child {
        letter-spacing: initial;
        opacity: 1; }
  .card-th__expire-date,
  .card-th__cvv {
    font-size: font-size("tiny");
    font-weight: 600;
    position: absolute;
    right: 12px; }
  .card-th__expire-date {
    top: 121px; }
  .card-th__cvv {
    top: 147px; }
  .card-th__status-icon {
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    z-index: 3; }

.card-th.is-masked::before, .page-cards__activation .card-th::before {
  border-radius: 10px;
  content: '';
  display: block;
  height: 100%;
  opacity: 0.5;
  position: absolute;
  width: 100%;
  z-index: 2; }

.card-th.is-masked .card-th__number span:last-child, .page-cards__activation .card-th .card-th__number span:last-child {
  z-index: 3; }

.card-tracking {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%; }
  .card-tracking .card-tracking__content {
    margin: auto;
    max-width: 980px;
    width: 100%; }
  .card-tracking__container {
    -ms-flex-align: start;
        align-items: flex-start;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin: 40px 0 100px;
    position: relative; }
    .card-tracking__container .card-tracking__status {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      -js-display: flex;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-negative: 1;
          flex-shrink: 1;
      -ms-flex-pack: center;
          justify-content: center;
      margin: 0 10px; }
      .card-tracking__container .card-tracking__status:last-child {
        margin: 0 0 0 10px; }
      .card-tracking__container .card-tracking__status:last-child + .card-tracking__status-separator {
        display: none; }
      .card-tracking__container .card-tracking__status.is-active {
        opacity: 0.5; }
      .card-tracking__container .card-tracking__status.is-inprogress .card-tracking__status-icon {
        border: 2px solid #fff; }
      .card-tracking__container .card-tracking__status.is-inprogress + .card-tracking__status-separator {
        border: 1px solid #fff; }
      .card-tracking__container .card-tracking__status.is-queued .card-tracking__status-icon {
        background-image: url(/assets/vectors/dashed-container.svg);
        background-size: contain;
        background-repeat: no-repeat; }
      .card-tracking__container .card-tracking__status.is-queued + .card-tracking__status-separator {
        background-image: url(/assets/vectors/dashed-line.svg);
        background-size: 100%;
        height: 2px; }
      .card-tracking__container .card-tracking__status .card-tracking__status-icon {
        -ms-flex-align: center;
            align-items: center;
        border-radius: 30px;
        display: -ms-flexbox;
        -js-display: flex;
        display: flex;
        height: 50px;
        -ms-flex-pack: center;
            justify-content: center;
        margin-bottom: 20px;
        min-width: 100px; }
        .card-tracking__container .card-tracking__status .card-tracking__status-icon svg path:first-child {
          fill: transparent;
          stroke: #fff;
          stroke-width: 2; }
      .card-tracking__container .card-tracking__status .card-tracking__status-title,
      .card-tracking__container .card-tracking__status .card-tracking__status-text {
        font-size: 1rem; }
      .card-tracking__container .card-tracking__status .card-tracking__status-title {
        font-weight: 600;
        margin-bottom: 0;
        position: absolute;
        width: 100%;
        text-align: center;
        top: 0;
        -ms-transform: translateY(65px);
            transform: translateY(65px); }
      .card-tracking__container .card-tracking__status .card-tracking__status-text {
        position: absolute;
        -ms-transform: translateY(65px);
            transform: translateY(65px); }
    .card-tracking__container .card-tracking__status-separator {
      width: 29px;
      -ms-transform: translate(0%, 25px);
          transform: translate(0%, 25px);
      -ms-flex-positive: 1;
          flex-grow: 1; }
      .card-tracking__container .card-tracking__status-separator:last-child {
        display: none; }
  .card-tracking__footer .button.warning {
    color: #fff !important; }

#th-logo {
  display: block;
  height: initial;
  margin: 0 auto;
  width: 40px; }

body {
  background-attachment: fixed;
  background-image: linear-gradient(90deg, #00b8d4 20%, #00d7d7 90%);
  background-repeat: no-repeat;
  min-height: 100vh; }

.off-canvas-wrapper {
  -ms-transform: translateY(0);
      transform: translateY(0); }

.th-profile {
  padding: 0 !important; }
  .th-profile .profile-content {
    margin-right: 0 !important; }

.main-menu__logo {
  left: -4px; }

.page-login .grid-y.grid-frame {
  height: 100vh;
  min-height: 100vh !important; }

.notification-bar--closed .page-login {
  height: 100vh;
  min-height: 100vh !important; }

/* fix de fonte branca em fundo claro */
.input-group-material label, .input-group-material input {
  color: #5a6270 !important;
}

body {
  color:#5a6270 !important;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
  color:#5a6270 !important;
}
div.form input, div.form textarea, div.form select {
  color:#5a6270 !important;
}

/*# sourceMappingURL=main-3dzrWOJSEav9ZMOlR08iL4oUt.min.css.map */