/* apps/au-customer-auth/src/styles.less */
@font-face {
  font-family: "HSBCIcon-Font";
  src: url("./media/HSBCIcon-font-EGBVCYCZ.eot");
  src:
    url("./media/HSBCIcon-font-EGBVCYCZ.eot?#iefix") format("embedded-opentype"),
    url("./media/HSBCIcon-font-YNUWOG5C.woff") format("woff"),
    url("./media/HSBCIcon-Font-LZRZLW7I.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.icon {
  font-size: 1.375rem;
  font-family: "HSBCIcon-Font", sans-serif;
  display: inline-block;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-accounts:before {
  content: "\f021";
}
.icon-add:before {
  content: "\f031";
}
.icon-agree:before {
  content: "\f00a";
}
.icon-alert:before {
  content: "\f017";
}
.icon-anchor-down:before {
  content: "\f075";
}
.icon-anchor-up:before {
  content: "\f07b";
}
.icon-articles:before {
  content: "\f01d";
}
.icon-assets:before {
  content: "\f042";
}
.icon-attachment:before {
  content: "\e060";
}
.icon-back:before {
  content: "\f062";
}
.icon-banking:before {
  content: "\f008";
}
.icon-barcode:before {
  content: "\f061";
}
.icon-bin:before {
  content: "\f065";
}
.icon-bookmark:before {
  content: "\f103";
}
.icon-borrowing:before {
  content: "\f084";
}
.icon-calendar:before {
  content: "\f028";
}
.icon-camera:before {
  content: "\f04a";
}
.icon-chat:before {
  content: "\f016";
}
.icon-chevron-double-left:before {
  content: "\e000";
}
.icon-chevron-double-right:before {
  content: "\e002";
}
.icon-chevron-down-small:before {
  content: "\e003";
}
.icon-chevron-down:before {
  content: "\f055";
}
.icon-chevron-left-small:before {
  content: "\e004";
}
.icon-chevron-left:before {
  content: "\f058";
}
.icon-chevron-right-small:before {
  content: "\e005";
}
.icon-chevron-right:before {
  content: "\f057";
}
.icon-chevron-up-small:before {
  content: "\e006";
}
.icon-chevron-up:before {
  content: "\f056";
}
.icon-circle-confirmation-solid:before {
  content: "\e008";
}
.icon-circle-confirmation:before {
  content: "\f054";
}
.icon-circle-delete-solid:before {
  content: "\e007";
}
.icon-circle-delete:before {
  content: "\f067";
}
.icon-circle-error-solid:before {
  content: "\e009";
}
.icon-circle-error:before {
  content: "\f052";
}
.icon-circle-fill-information:before {
  content: "\f073";
}
.icon-circle-help-solid:before {
  content: "\e010";
}
.icon-circle-help:before {
  content: "\f060";
}
.icon-circle-info:before {
  content: "\f053";
}
.icon-client-download:before {
  content: "\f04e";
}
.icon-client-upload:before {
  content: "\f04d";
}
.icon-clock:before {
  content: "\f029";
}
.icon-collapse:before {
  content: "\e011";
}
.icon-column-view:before {
  content: "\e012";
}
.icon-complaints:before {
  content: "\e013";
}
.icon-compose:before {
  content: "\e061";
}
.icon-confidential:before {
  content: "\f050";
}
.icon-contactless-payments-outline:before {
  content: "\e015";
}
.icon-contactless-payments:before {
  content: "\e014";
}
.icon-copy:before {
  content: "\e016";
}
.icon-corporate:before {
  content: "\f083";
}
.icon-dashboard:before {
  content: "\f044";
}
.icon-delete-small:before {
  content: "\e017";
}
.icon-delete:before {
  content: "\f002";
}
.icon-desktop-computer:before {
  content: "\e018";
}
.icon-devices:before {
  content: "\f033";
}
.icon-dial:before {
  content: "\e019";
}
.icon-dining-food:before {
  content: "\f101";
}
.icon-do-not-view:before {
  content: "\e020";
}
.icon-document:before {
  content: "\e021";
}
.icon-dollar-bill:before {
  content: "\e022";
}
.icon-download:before {
  content: "\f000";
}
.icon-edit:before {
  content: "\f001";
}
.icon-education:before {
  content: "\f03e";
}
.icon-error:before {
  content: "\f01a";
}
.icon-expand:before {
  content: "\f025";
}
.icon-export:before {
  content: "\e024";
}
.icon-facebook-solid:before {
  content: "\e025";
}
.icon-facebook:before {
  content: "\e026";
}
.icon-fast-track:before {
  content: "\f018";
}
.icon-favourite-outline:before {
  content: "\f098";
}
.icon-favourite:before {
  content: "\f013";
}
.icon-filter:before {
  content: "\e027";
}
.icon-global:before {
  content: "\f037";
}
.icon-googleplus-solid:before {
  content: "\e028";
}
.icon-googleplus:before {
  content: "\e029";
}
.icon-grid-view:before {
  content: "\e030";
}
.icon-health:before {
  content: "\f079";
}
.icon-help:before {
  content: "\f012";
}
.icon-home:before {
  content: "\f011";
}
.icon-in-branch:before {
  content: "\f03a";
}
.icon-insight:before {
  content: "\f038";
}
.icon-insurance:before {
  content: "\f02b";
}
.icon-intranet:before {
  content: "\e031";
}
.icon-investment:before {
  content: "\f024";
}
.icon-link:before {
  content: "\e032";
}
.icon-linkedin-solid:before {
  content: "\e033";
}
.icon-linkedin:before {
  content: "\e034";
}
.icon-list:before {
  content: "\f030";
}
.icon-location:before {
  content: "\f019";
}
.icon-market:before {
  content: "\f02e";
}
.icon-memo:before {
  content: "\e035";
}
.icon-menu:before {
  content: "\f00b";
}
.icon-message:before {
  content: "\f006";
}
.icon-microphone:before {
  content: "\e036";
}
.icon-minimize:before {
  content: "\f07c";
}
.icon-mobile:before {
  content: "\f032";
}
.icon-more-vertical:before {
  content: "\e037";
}
.icon-more:before {
  content: "\f070";
}
.icon-multiple-accounts:before {
  content: "\e038";
}
.icon-multiple-users:before {
  content: "\f043";
}
.icon-new-window:before {
  content: "\e039";
}
.icon-newspaper:before {
  content: "\f051";
}
.icon-pay:before {
  content: "\f009";
}
.icon-pdf:before {
  content: "\e062";
}
.icon-phone:before {
  content: "\f005";
}
.icon-pie-chart:before {
  content: "\f039";
}
.icon-pin:before {
  content: "\f045";
}
.icon-play:before {
  content: "\e040";
}
.icon-pop-up-window:before {
  content: "\e041";
}
.icon-portfolio:before {
  content: "\f03c";
}
.icon-presentation:before {
  content: "\f03b";
}
.icon-print:before {
  content: "\f004";
}
.icon-products-services:before {
  content: "\f027";
}
.icon-quote-close:before {
  content: "\e042";
}
.icon-quote-open:before {
  content: "\e043";
}
.icon-rates:before {
  content: "\f02f";
}
.icon-refresh:before {
  content: "\f010";
}
.icon-renew:before {
  content: "\e044";
}
.icon-reply:before {
  content: "\f034";
}
.icon-report:before {
  content: "\f041";
}
.icon-rewards:before {
  content: "\f026";
}
.icon-save:before {
  content: "\f04b";
}
.icon-savings-goals:before {
  content: "\e045";
}
.icon-savings:before {
  content: "\e046";
}
.icon-script:before {
  content: "\e047";
}
.icon-search:before {
  content: "\f007";
}
.icon-secure-key-passcode:before {
  content: "\e048";
}
.icon-security-lock:before {
  content: "\f02a";
}
.icon-settings:before {
  content: "\f02d";
}
.icon-share:before {
  content: "\f022";
}
.icon-shopping-cart:before {
  content: "\f082";
}
.icon-shortcuts:before {
  content: "\e049";
}
.icon-signature:before {
  content: "\e050";
}
.icon-sound:before {
  content: "\e051";
}
.icon-stock-down:before {
  content: "\f072";
}
.icon-stock-up:before {
  content: "\f071";
}
.icon-survey:before {
  content: "\f04c";
}
.icon-switch:before {
  content: "\f00e";
}
.icon-tablet:before {
  content: "\f064";
}
.icon-tasks:before {
  content: "\f047";
}
.icon-thumbsup:before {
  content: "\f099";
}
.icon-tools:before {
  content: "\f01e";
}
.icon-transfers:before {
  content: "\f00d";
}
.icon-travel:before {
  content: "\f078";
}
.icon-triangle-error:before {
  content: "\f069";
}
.icon-twitter-solid:before {
  content: "\e052";
}
.icon-twitter:before {
  content: "\e053";
}
.icon-upload:before {
  content: "\f066";
}
.icon-user-personal:before {
  content: "\f102";
}
.icon-video:before {
  content: "\f015";
}
.icon-view-all:before {
  content: "\f00c";
}
.icon-view:before {
  content: "\e063";
}
.icon-vimeo-solid:before {
  content: "\e054";
}
.icon-vimeo:before {
  content: "\e055";
}
.icon-weibo-solid:before {
  content: "\e056";
}
.icon-weibo:before {
  content: "\e057";
}
.icon-youtube-solid:before {
  content: "\e058";
}
.icon-youtube:before {
  content: "\e059";
}
@font-face {
  font-family: "UniversNextforHSBCW29";
  src: url("./media/UniversNextforHSBCW29-UltLt-4SQO3JFM.eot?#iefix");
  src:
    url("./media/UniversNextforHSBCW29-UltLt-4SQO3JFM.eot?#iefix") format("eot"),
    url("./media/UniversNextforHSBCW29-UltLt-UJZQBY7G.woff") format("woff"),
    url("./media/UniversNextforHSBCW29-UltLt-YMGPULHO.ttf") format("truetype");
  font-weight: 100;
}
@font-face {
  font-family: "UniversNextforHSBCW29";
  src: url("./media/UniversNextforHSBCW29-Thin-XBEBWXAN.eot?#iefix");
  src:
    url("./media/UniversNextforHSBCW29-Thin-XBEBWXAN.eot?#iefix") format("eot"),
    url("./media/UniversNextforHSBCW29-Thin-ZE4KHBP2.woff") format("woff"),
    url("./media/UniversNextforHSBCW29-Thin-MZHRUNGK.ttf") format("truetype");
  font-weight: 200;
}
@font-face {
  font-family: "UniversNextforHSBCW29";
  src: url("./media/UniversNextforHSBCW29-ThIt-6NFIQQGZ.eot?#iefix");
  src:
    url("./media/UniversNextforHSBCW29-ThIt-6NFIQQGZ.eot?#iefix") format("eot"),
    url("./media/UniversNextforHSBCW29-ThIt-3TZZP4U7.woff") format("woff"),
    url("./media/UniversNextforHSBCW29-ThIt-XLIEF3ZM.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "UniversNextforHSBCW29";
  src: url("./media/UniversNextforHSBCW29-Light-INCYGL25.eot?#iefix");
  src:
    url("./media/UniversNextforHSBCW29-Light-INCYGL25.eot?#iefix") format("eot"),
    url("./media/UniversNextforHSBCW29-Light-MM6OVONK.woff") format("woff"),
    url("./media/UniversNextforHSBCW29-Light-4SXCBZXH.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "UniversNextforHSBCW29";
  src: url("./media/UniversNextforHSBCW29-LtIt-S4AZELZ3.eot?#iefix");
  src:
    url("./media/UniversNextforHSBCW29-LtIt-S4AZELZ3.eot?#iefix") format("eot"),
    url("./media/UniversNextforHSBCW29-LtIt-NUSPHZAJ.woff") format("woff"),
    url("./media/UniversNextforHSBCW29-LtIt-VL7QEA7B.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "UniversNextforHSBCW29";
  src: url("./media/UniversNextforHSBCW29-Rg-TFTOJ2QL.eot?#iefix");
  src:
    url("./media/UniversNextforHSBCW29-Rg-TFTOJ2QL.eot?#iefix") format("eot"),
    url("./media/UniversNextforHSBCW29-Rg-WCCR7ARZ.woff") format("woff"),
    url("./media/UniversNextforHSBCW29-Rg-4K46F2UK.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "UniversNextforHSBCW29";
  src: url("./media/UniversNextforHSBCW29-Md-HUQHHLYL.eot?#iefix");
  src:
    url("./media/UniversNextforHSBCW29-Md-HUQHHLYL.eot?#iefix") format("eot"),
    url("./media/UniversNextforHSBCW29-Md-76Y5S7OK.woff") format("woff"),
    url("./media/UniversNextforHSBCW29-Md-UX2ZABI2.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "UniversNextforHSBCW29";
  src: url("./media/UniversNextforHSBCW29-Bold-B2YSDE7L.eot?#iefix");
  src:
    url("./media/UniversNextforHSBCW29-Bold-B2YSDE7L.eot?#iefix") format("eot"),
    url("./media/UniversNextforHSBCW29-Bold-Y6VYHIFB.woff") format("woff"),
    url("./media/UniversNextforHSBCW29-Bold-E7S7WEDT.ttf") format("truetype");
  font-weight: 700;
}
.s1,
.s2,
.s3,
.s4,
.s5,
.s6,
.s7 {
  color: #000000;
  font-family:
    UniversNextforHSBCW29,
    Arial,
    sans-serif;
  font-weight: 300;
}
.s5,
.s6,
.s7 {
  font-weight: 400;
}
.s1 {
  font-size: 2.063rem;
}
@media (min-width: 960px) {
  .s1 {
    font-size: 2.75rem;
  }
}
.s2 {
  font-size: 1.75rem;
}
@media (min-width: 960px) {
  .s2 {
    font-size: 2.188rem;
  }
}
.s3 {
  font-size: 1.438rem;
}
@media (min-width: 960px) {
  .s3 {
    font-size: 1.75rem;
  }
}
.s4 {
  font-size: 1.188rem;
}
@media (min-width: 960px) {
  .s4 {
    font-size: 1.375rem;
  }
}
.s5 {
  font-size: 1rem;
}
@media (min-width: 960px) {
  .s5 {
    font-size: 1rem;
  }
}
.s6 {
  font-size: 0.875rem;
}
@media (min-width: 960px) {
  .s6 {
    font-size: 0.875rem;
  }
}
.s7 {
  font-size: 0.75rem;
}
@media (min-width: 960px) {
  .s7 {
    font-size: 0.75rem;
  }
}
.container {
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
  margin: 0 auto;
}
.container .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.container .row .col-xs-1 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  width: 8.33333333%;
  padding: 0 8px;
}
.container .row .col-s-1 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 480px) {
  .container .row .col-s-1 {
    width: 8.33333333%;
  }
}
.container .row .col-ms-1 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 760px) {
  .container .row .col-ms-1 {
    width: 8.33333333%;
  }
}
.container .row .col-m-1 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 960px) {
  .container .row .col-m-1 {
    width: 8.33333333%;
  }
}
.container .row .col-l-1 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 1280px) {
  .container .row .col-l-1 {
    width: 8.33333333%;
  }
}
.container .row .col-xs-2 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  width: 16.66666667%;
  padding: 0 8px;
}
.container .row .col-s-2 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 480px) {
  .container .row .col-s-2 {
    width: 16.66666667%;
  }
}
.container .row .col-ms-2 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 760px) {
  .container .row .col-ms-2 {
    width: 16.66666667%;
  }
}
.container .row .col-m-2 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 960px) {
  .container .row .col-m-2 {
    width: 16.66666667%;
  }
}
.container .row .col-l-2 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 1280px) {
  .container .row .col-l-2 {
    width: 16.66666667%;
  }
}
.container .row .col-xs-3 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  width: 25%;
  padding: 0 8px;
}
.container .row .col-s-3 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 480px) {
  .container .row .col-s-3 {
    width: 25%;
  }
}
.container .row .col-ms-3 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 760px) {
  .container .row .col-ms-3 {
    width: 25%;
  }
}
.container .row .col-m-3 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 960px) {
  .container .row .col-m-3 {
    width: 25%;
  }
}
.container .row .col-l-3 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 1280px) {
  .container .row .col-l-3 {
    width: 25%;
  }
}
.container .row .col-xs-4 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  width: 33.33333333%;
  padding: 0 8px;
}
.container .row .col-s-4 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 480px) {
  .container .row .col-s-4 {
    width: 33.33333333%;
  }
}
.container .row .col-ms-4 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 760px) {
  .container .row .col-ms-4 {
    width: 33.33333333%;
  }
}
.container .row .col-m-4 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 960px) {
  .container .row .col-m-4 {
    width: 33.33333333%;
  }
}
.container .row .col-l-4 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 1280px) {
  .container .row .col-l-4 {
    width: 33.33333333%;
  }
}
.container .row .col-xs-5 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  width: 41.66666667%;
  padding: 0 8px;
}
.container .row .col-s-5 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 480px) {
  .container .row .col-s-5 {
    width: 41.66666667%;
  }
}
.container .row .col-ms-5 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 760px) {
  .container .row .col-ms-5 {
    width: 41.66666667%;
  }
}
.container .row .col-m-5 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 960px) {
  .container .row .col-m-5 {
    width: 41.66666667%;
  }
}
.container .row .col-l-5 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 1280px) {
  .container .row .col-l-5 {
    width: 41.66666667%;
  }
}
.container .row .col-xs-6 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  width: 50%;
  padding: 0 8px;
}
.container .row .col-s-6 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 480px) {
  .container .row .col-s-6 {
    width: 50%;
  }
}
.container .row .col-ms-6 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 760px) {
  .container .row .col-ms-6 {
    width: 50%;
  }
}
.container .row .col-m-6 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 960px) {
  .container .row .col-m-6 {
    width: 50%;
  }
}
.container .row .col-l-6 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 1280px) {
  .container .row .col-l-6 {
    width: 50%;
  }
}
.container .row .col-xs-7 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  width: 58.33333333%;
  padding: 0 8px;
}
.container .row .col-s-7 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 480px) {
  .container .row .col-s-7 {
    width: 58.33333333%;
  }
}
.container .row .col-ms-7 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 760px) {
  .container .row .col-ms-7 {
    width: 58.33333333%;
  }
}
.container .row .col-m-7 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 960px) {
  .container .row .col-m-7 {
    width: 58.33333333%;
  }
}
.container .row .col-l-7 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 1280px) {
  .container .row .col-l-7 {
    width: 58.33333333%;
  }
}
.container .row .col-xs-8 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  width: 66.66666667%;
  padding: 0 8px;
}
.container .row .col-s-8 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 480px) {
  .container .row .col-s-8 {
    width: 66.66666667%;
  }
}
.container .row .col-ms-8 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 760px) {
  .container .row .col-ms-8 {
    width: 66.66666667%;
  }
}
.container .row .col-m-8 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 960px) {
  .container .row .col-m-8 {
    width: 66.66666667%;
  }
}
.container .row .col-l-8 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 1280px) {
  .container .row .col-l-8 {
    width: 66.66666667%;
  }
}
.container .row .col-xs-9 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  width: 75%;
  padding: 0 8px;
}
.container .row .col-s-9 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 480px) {
  .container .row .col-s-9 {
    width: 75%;
  }
}
.container .row .col-ms-9 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 760px) {
  .container .row .col-ms-9 {
    width: 75%;
  }
}
.container .row .col-m-9 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 960px) {
  .container .row .col-m-9 {
    width: 75%;
  }
}
.container .row .col-l-9 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 1280px) {
  .container .row .col-l-9 {
    width: 75%;
  }
}
.container .row .col-xs-10 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  width: 83.33333333%;
  padding: 0 8px;
}
.container .row .col-s-10 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 480px) {
  .container .row .col-s-10 {
    width: 83.33333333%;
  }
}
.container .row .col-ms-10 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 760px) {
  .container .row .col-ms-10 {
    width: 83.33333333%;
  }
}
.container .row .col-m-10 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 960px) {
  .container .row .col-m-10 {
    width: 83.33333333%;
  }
}
.container .row .col-l-10 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 1280px) {
  .container .row .col-l-10 {
    width: 83.33333333%;
  }
}
.container .row .col-xs-11 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  width: 91.66666667%;
  padding: 0 8px;
}
.container .row .col-s-11 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 480px) {
  .container .row .col-s-11 {
    width: 91.66666667%;
  }
}
.container .row .col-ms-11 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 760px) {
  .container .row .col-ms-11 {
    width: 91.66666667%;
  }
}
.container .row .col-m-11 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 960px) {
  .container .row .col-m-11 {
    width: 91.66666667%;
  }
}
.container .row .col-l-11 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 1280px) {
  .container .row .col-l-11 {
    width: 91.66666667%;
  }
}
.container .row .col-xs-12 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
.container .row .col-s-12 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 480px) {
  .container .row .col-s-12 {
    width: 100%;
  }
}
.container .row .col-ms-12 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
}
@media (min-width: 760px) {
  .container .row .col-ms-12 {
    width: 100%;
  }
}
.container .row .col-m-12 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 960px) {
  .container .row .col-m-12 {
    width: 100%;
  }
}
.container .row .col-l-12 {
  flex: none;
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
}
@media (min-width: 1280px) {
  .container .row .col-l-12 {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 960px) {
  .container {
    padding: 0 10px;
  }
  .container .row {
    margin: 0 -10px;
  }
}
html {
  font:
    -apple-system-body,
    Arial,
    sans-serif;
}
body {
  margin: 0;
  height: 100vh;
}
html,
body,
input,
button,
textarea {
  font-family:
    UniversNextforHSBCW29,
    Arial,
    sans-serif;
  font-weight: 400;
}
button:focus,
input:focus,
a:focus {
  outline: none;
  border: 1px solid #4d90fe;
  -webkit-box-shadow: 0px 0px 5px #4d90fe;
  box-shadow: 0px 0px 5px #4d90fe;
}
button:focus.text-input-icon,
input:focus.text-input-icon,
a:focus.text-input-icon {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
label[checkbox-item] input:focus ~ .checkbox-area {
  outline: none !important;
  border: 1px solid #4d90fe;
  -webkit-box-shadow: 0px 0px 5px #4d90fe;
  box-shadow: 0px 0px 5px #4d90fe;
}
label[selection-tile].focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 5px #4d90fe;
  box-shadow: 0px 0px 5px #4d90fe;
}
label[selection-tile].focus .checkbox-area {
  outline: none !important;
  border: 1px solid #767676 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.sr-only {
  display: block;
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
}

/* angular:styles/global:styles */