/* stylelint-disable color-no-hex */
/* stylelint-disable color-no-hex */
/* prettier-ignore */
/* This file setup the variables to brand the material themes */
/* -----------------------------------------------------------------
  Initialize the material themes
 ----------------------------------------------------------------- */
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
@font-face {
  font-family: GothamSSm;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("../../components/42.0.0/fb/fonts/GothamSSm-Black.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url("../../components/42.0.0/fb/fonts/OpenSans-Bold.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("../../components/42.0.0/fb/fonts/OpenSans-Regular.woff") format("woff");
}
/*
  This file contains generic setups for material components
 */
[mat-fab]:focus,
[mat-mini-fab]:focus,
[mat-mdc-radio-button]:focus {
  outline: auto;
  outline-color: rgba(80, 108, 153, 0.5);
}

[mat-button]:focus,
[mat-fab]:focus,
[mat-icon-button]:focus,
[mat-mini-fab]:focus,
[mat-raised-button]:focus,
[mat-mdc-radio-button]:focus {
  outline: none;
}

/*
  A generic foundation setup. Sort of a reset
 */
html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

body {
  margin: 0;
  font-family: sans-serif;
  line-height: 1;
}

iframe {
  border: 0;
}

main {
  display: block;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

/*
li {
  display: block;
}
*/
dl {
  margin-top: 0;
  margin-bottom: 0;
}

dd {
  margin-left: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: inherit;
  font-weight: inherit;
}

blockquote {
  margin: 0;
  padding: 0;
}

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

legend {
  margin: 0;
  padding: 0;
}

p {
  margin-top: 0;
  margin-bottom: 16px;
}

sup {
  position: relative;
  top: -0.5em;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

strong {
  font-weight: bold;
}

figure {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  background: none;
  font: inherit;
  -webkit-font-smoothing: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  text-transform: inherit;
  cursor: pointer;
}

select,
button,
textarea,
input {
  font-size: 100%;
}

::-moz-focus-inner {
  padding: 0;
  border: 0;
}

*:focus {
  outline: solid;
  outline-color: rgba(80, 108, 153, 0.5);
}

.cdk-mouse-focused *:focus {
  outline: none;
}

*:focus {
  outline: none;
}

div[role=form-group] {
  align-items: center;
}
div[role=form-group] > label {
  margin-right: 16px;
  text-align: right;
}

/*
  Generic setup to hide elements
 */
body [hidden] {
  display: none;
}

a {
  color: #0c1caf;
  text-decoration: underline;
  cursor: pointer;
}
a.bwc-o-link, a.bwc-o-link-ext {
  position: relative;
  transition: all 0.3s ease-in-out;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 1px;
  text-decoration: none;
}
a.bwc-o-link:hover, a.bwc-o-link-ext:hover {
  background-size: 100% 1px;
}
a.bwc-o-link:focus, a.bwc-o-link-ext:focus {
  transition: none;
}
a.bwc-o-link.bwc-o-link-no-animation, a.bwc-o-link-ext.bwc-o-link-no-animation {
  background: none;
}
a.bwc-o-link {
  margin-right: 18px;
}
a.bwc-o-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 14px;
  height: 18px;
  transition: width 0.1s ease-in-out;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%2215%22%20viewBox%3D%220%200%209%2015%22%20width%3D%229%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%230C1CAF%22%20d%3D%22m6%207.5-6-6%201.5-1.5%207.5%207.5-7.5%207.5-1.5-1.5z%22%2F%3E%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center right 0;
  background-size: 8px;
}
a.bwc-o-link:hover::after {
  width: 16px;
}
a.bwc-o-link.bwc-o-link-no-animation:hover::after {
  width: 14px;
}
a.bwc-o-link-ext {
  margin-right: 20px;
}
a.bwc-o-link-ext::after {
  content: "";
  position: absolute;
  bottom: 2px;
  width: 18px;
  height: 14px;
  transition: width 0.1s ease-in-out;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M7.037%202.963v2.222H2.222v12.593h12.593v-4.737h2.222V20H0V2.963h7.037zM20%200v10h-2.222l-.003-6.205-9.952%209.954-1.572-1.571%209.956-9.958L10%202.223V0h10z%22%20fill-rule%3D%22nonzero%22%20fill%3D%22%230C1CAF%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center right 0;
  background-size: 14px;
}
a.bwc-o-link-ext:hover::after {
  width: 20px;
}
a.bwc-o-link-ext.bwc-o-link-no-animation:hover::after {
  width: 18px;
}

@media (min-width: 600px) {
  .bwc-typo-headline-l {
    font-size: 2.5rem;
    line-height: 1.1;
    font-family: GothamSSm, "Helvetica Neue", sans-serif;
    color: #0c1caf;
    font-weight: 900;
  }
}
.bwc-typo-headline-l {
  font-size: 2.5rem;
  line-height: 1.1;
  font-family: GothamSSm, "Helvetica Neue", sans-serif;
  color: #0c1caf;
  font-weight: 900;
}
@media (min-width: 600px) {
  .bwc-is-inverted-theme .bwc-typo-headline-l {
    font-size: 2.5rem;
    line-height: 1.1;
    font-family: GothamSSm, "Helvetica Neue", sans-serif;
    color: #0c1caf;
    font-weight: 900;
  }
}
.bwc-is-inverted-theme .bwc-typo-headline-l {
  font-size: 2.5rem;
  line-height: 1.1;
  font-family: GothamSSm, "Helvetica Neue", sans-serif;
  color: #0c1caf;
  font-weight: 900;
}

@media (min-width: 600px) {
  .bwc-typo-headline-m {
    font-size: 2rem;
    line-height: 1.125;
    font-family: GothamSSm, "Helvetica Neue", sans-serif;
    color: #1d1d1d;
    font-weight: 900;
  }
}
.bwc-typo-headline-m {
  font-size: 2rem;
  line-height: 1.125;
  font-family: GothamSSm, "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: 900;
}
@media (min-width: 600px) {
  .bwc-is-inverted-theme .bwc-typo-headline-m {
    font-size: 2rem;
    line-height: 1.125;
    font-family: GothamSSm, "Helvetica Neue", sans-serif;
    color: #1d1d1d;
    font-weight: 900;
  }
}
.bwc-is-inverted-theme .bwc-typo-headline-m {
  font-size: 2rem;
  line-height: 1.125;
  font-family: GothamSSm, "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: 900;
}

@media (min-width: 600px) {
  .bwc-typo-headline-s {
    font-size: 1.5rem;
    line-height: 1.2083333333;
    font-family: GothamSSm, "Helvetica Neue", sans-serif;
    color: #1d1d1d;
    font-weight: 900;
  }
}
.bwc-typo-headline-s {
  font-size: 1.5rem;
  line-height: 1.2083333333;
  font-family: GothamSSm, "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: 900;
}
@media (min-width: 600px) {
  .bwc-is-inverted-theme .bwc-typo-headline-s {
    font-size: 1.5rem;
    line-height: 1.2083333333;
    font-family: GothamSSm, "Helvetica Neue", sans-serif;
    color: #1d1d1d;
    font-weight: 900;
  }
}
.bwc-is-inverted-theme .bwc-typo-headline-s {
  font-size: 1.5rem;
  line-height: 1.2083333333;
  font-family: GothamSSm, "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: 900;
}

@media (min-width: 600px) {
  .bwc-typo-headline-xs {
    font-size: 1.25rem;
    line-height: 1.2;
    font-family: GothamSSm, "Helvetica Neue", sans-serif;
    color: #1d1d1d;
    font-weight: 900;
  }
}
.bwc-typo-headline-xs {
  font-size: 1.25rem;
  line-height: 1.2;
  font-family: GothamSSm, "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: 900;
}
@media (min-width: 600px) {
  .bwc-is-inverted-theme .bwc-typo-headline-xs {
    font-size: 1.25rem;
    line-height: 1.2;
    font-family: GothamSSm, "Helvetica Neue", sans-serif;
    color: #1d1d1d;
    font-weight: 900;
  }
}
.bwc-is-inverted-theme .bwc-typo-headline-xs {
  font-size: 1.25rem;
  line-height: 1.2;
  font-family: GothamSSm, "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: 900;
}

.bwc-typo-body-l-regular {
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc-is-inverted-theme .bwc-typo-body-l-regular {
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}

.bwc-typo-body-m-regular {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc-is-inverted-theme .bwc-typo-body-m-regular {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}

.bwc-typo-body-m-bold {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: bold;
}
.bwc-is-inverted-theme .bwc-typo-body-m-bold {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: bold;
}

.bwc-typo-disabled {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #919195;
  font-weight: normal;
  color: #e8e5e5;
}
.bwc-is-inverted-theme .bwc-typo-disabled {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #919195;
  font-weight: normal;
}

.bwc-typo-caption {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc-is-inverted-theme .bwc-typo-caption {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}

.bwc-typo-button {
  font-size: 0.875rem;
  line-height: 2;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: bold;
}
.bwc-is-inverted-theme .bwc-typo-button {
  font-size: 0.875rem;
  line-height: 2;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: bold;
}

mat-icon .mat-icon,
.bwc-o-icon .mat-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  vertical-align: middle;
}
mat-icon .mat-icon--large,
.bwc-o-icon .mat-icon--large {
  width: 32px;
  height: 32px;
}

.bwc-o-loader {
  margin-top: 100px;
}
.bwc-o-loader--large {
  width: 64px !important;
  height: 64px !important;
  margin: auto;
}
.bwc-o-loader--small {
  width: 36px !important;
  height: 36px !important;
}
.bwc-o-loader__message {
  padding-top: 48px;
  text-align: center;
}
@media (max-width: 599px) {
  .bwc-o-loader__message {
    font-size: 24px;
  }
}

.bwc-o-menu-back {
  overflow: visible;
  transition-property: opacity, filter;
  background-color: transparent;
  font: inherit;
  line-height: 40px;
  text-transform: none;
}
.bwc-o-menu-back__menu-back-box {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 12px;
}
.bwc-o-menu-back__menu-back-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.bwc-o-menu-back__menu-back-inner, .bwc-o-menu-back__menu-back-inner::before, .bwc-o-menu-back__menu-back-inner::after {
  position: absolute;
  width: 18px;
  height: 2px;
  transition-property: transform;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  background-color: #f7fafd;
}
.bwc-o-menu-back__menu-back-inner::before, .bwc-o-menu-back__menu-back-inner::after {
  content: "";
  display: block;
}
.bwc-o-menu-back__menu-back-inner::before {
  top: -5px;
}
.bwc-o-menu-back__menu-back-inner::after {
  bottom: -5px;
}

.bwc-o-menu-back-box {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 12px;
}

.bwc-o-menu-back--arrow.is-active .bwc-o-menu-back__menu-back-inner {
  transform: translate3d(0, 0, 0) rotate(180deg);
}
.bwc-o-menu-back--arrow.is-active .bwc-o-menu-back__menu-back-inner::before {
  transform: translate3d(3.6px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.bwc-o-menu-back--arrow.is-active .bwc-o-menu-back__menu-back-inner::after {
  transform: translate3d(3.6px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.bwc-page-layout__medium, .bwc-page-layout__large, .bwc-page-layout__extra-large {
  display: block;
  box-sizing: border-box;
  margin: 0 auto;
}
@media (min-width: 960px) {
  .bwc-page-layout__medium {
    width: 912px;
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .bwc-page-layout__medium {
    width: 960px;
  }
}
.bwc-page-layout__medium {
  width: 100%;
  padding: 0 24px;
}
@media (min-width: 1280px) {
  .bwc-page-layout__large {
    width: 1224px;
  }
}
.bwc-page-layout__large {
  width: 100%;
}
@media (min-width: 1440px) {
  .bwc-page-layout__extra-large {
    width: 1440px;
  }
}
.bwc-page-layout__extra-large {
  width: 100%;
}

@keyframes bwc-o-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bwc-o-drop-in {
  0% {
    transform: translateY(-200%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bwc-o-from-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes bwc-o-from-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes bwc-o-from-bottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/*
  BlueWeb Grid
*/
.bwc-grid {
  display: grid;
  margin-right: auto;
  margin-left: auto;
}
.bwc-grid--rows {
  row-gap: 24px;
}

/*
  Mobile :
  Grid width: 328px
  Number of columns: 4
  Column width: 70px
  Gutter width: 16px
*/
@media (max-width: 599px) {
  .bwc-grid {
    grid-template-columns: repeat(4, minmax(0, 70px));
    max-width: 328px;
    column-gap: 16px;
  }
  .bwc-grid__col--span-1 {
    grid-column: span 1/span 1;
  }
  .bwc-grid__col--span-2 {
    grid-column: span 2/span 2;
  }
  .bwc-grid__col--span-3 {
    grid-column: span 3/span 3;
  }
  .bwc-grid__col--span-4 {
    grid-column: span 4/span 4;
  }
  .bwc-grid__col--span-5 {
    grid-column: span 5/span 5;
  }
  .bwc-grid__col--span-6 {
    grid-column: span 6/span 6;
  }
  .bwc-grid__col--span-7 {
    grid-column: span 7/span 7;
  }
  .bwc-grid__col--span-8 {
    grid-column: span 8/span 8;
  }
  .bwc-grid__col--span-9 {
    grid-column: span 9/span 9;
  }
  .bwc-grid__col--span-10 {
    grid-column: span 10/span 10;
  }
  .bwc-grid__col--span-11 {
    grid-column: span 11/span 11;
  }
  .bwc-grid__col--span-12 {
    grid-column: span 12/span 12;
  }
  .bwc-grid__col--span-full {
    grid-column: 1/-1;
  }
  .bwc-grid__col {
    /* stylelint-disable-next-line */
  }
  .bwc-grid__col--sm--span-1 {
    grid-column: span 1/span 1;
  }
  .bwc-grid__col--sm--span-2 {
    grid-column: span 2/span 2;
  }
  .bwc-grid__col--sm--span-3 {
    grid-column: span 3/span 3;
  }
  .bwc-grid__col--sm--span-4 {
    grid-column: span 4/span 4;
  }
  .bwc-grid__col--sm--span-5 {
    grid-column: span 5/span 5;
  }
  .bwc-grid__col--sm--span-6 {
    grid-column: span 6/span 6;
  }
  .bwc-grid__col--sm--span-7 {
    grid-column: span 7/span 7;
  }
  .bwc-grid__col--sm--span-8 {
    grid-column: span 8/span 8;
  }
  .bwc-grid__col--sm--span-9 {
    grid-column: span 9/span 9;
  }
  .bwc-grid__col--sm--span-10 {
    grid-column: span 10/span 10;
  }
  .bwc-grid__col--sm--span-11 {
    grid-column: span 11/span 11;
  }
  .bwc-grid__col--sm--span-12 {
    grid-column: span 12/span 12;
  }
  .bwc-grid__col--sm--span-full {
    grid-column: 1/-1;
  }
  .bwc-grid__col--start-1 {
    grid-column-start: 1;
  }
  .bwc-grid__col--start-2 {
    grid-column-start: 2;
  }
  .bwc-grid__col--start-3 {
    grid-column-start: 3;
  }
  .bwc-grid__col--start-4 {
    grid-column-start: 4;
  }
  .bwc-grid__col--start-5 {
    grid-column-start: 5;
  }
  .bwc-grid__col--start-6 {
    grid-column-start: 6;
  }
  .bwc-grid__col--start-7 {
    grid-column-start: 7;
  }
  .bwc-grid__col--start-8 {
    grid-column-start: 8;
  }
  .bwc-grid__col--start-9 {
    grid-column-start: 9;
  }
  .bwc-grid__col--start-10 {
    grid-column-start: 10;
  }
  .bwc-grid__col--start-11 {
    grid-column-start: 11;
  }
  .bwc-grid__col--start-12 {
    grid-column-start: 12;
  }
  .bwc-grid__col--end-1 {
    grid-column-end: 1;
  }
  .bwc-grid__col--end-2 {
    grid-column-end: 2;
  }
  .bwc-grid__col--end-3 {
    grid-column-end: 3;
  }
  .bwc-grid__col--end-4 {
    grid-column-end: 4;
  }
  .bwc-grid__col--end-5 {
    grid-column-end: 5;
  }
  .bwc-grid__col--end-6 {
    grid-column-end: 6;
  }
  .bwc-grid__col--end-7 {
    grid-column-end: 7;
  }
  .bwc-grid__col--end-8 {
    grid-column-end: 8;
  }
  .bwc-grid__col--end-9 {
    grid-column-end: 9;
  }
  .bwc-grid__col--end-10 {
    grid-column-end: 10;
  }
  .bwc-grid__col--end-11 {
    grid-column-end: 11;
  }
  .bwc-grid__col--end-12 {
    grid-column-end: 12;
  }
  .bwc-grid__col {
    /* stylelint-disable-next-line */
  }
  .bwc-grid__col--sm--start-1 {
    grid-column-start: 1;
  }
  .bwc-grid__col--sm--start-2 {
    grid-column-start: 2;
  }
  .bwc-grid__col--sm--start-3 {
    grid-column-start: 3;
  }
  .bwc-grid__col--sm--start-4 {
    grid-column-start: 4;
  }
  .bwc-grid__col--sm--start-5 {
    grid-column-start: 5;
  }
  .bwc-grid__col--sm--start-6 {
    grid-column-start: 6;
  }
  .bwc-grid__col--sm--start-7 {
    grid-column-start: 7;
  }
  .bwc-grid__col--sm--start-8 {
    grid-column-start: 8;
  }
  .bwc-grid__col--sm--start-9 {
    grid-column-start: 9;
  }
  .bwc-grid__col--sm--start-10 {
    grid-column-start: 10;
  }
  .bwc-grid__col--sm--start-11 {
    grid-column-start: 11;
  }
  .bwc-grid__col--sm--start-12 {
    grid-column-start: 12;
  }
  .bwc-grid__col--sm--end-1 {
    grid-column-end: 1;
  }
  .bwc-grid__col--sm--end-2 {
    grid-column-end: 2;
  }
  .bwc-grid__col--sm--end-3 {
    grid-column-end: 3;
  }
  .bwc-grid__col--sm--end-4 {
    grid-column-end: 4;
  }
  .bwc-grid__col--sm--end-5 {
    grid-column-end: 5;
  }
  .bwc-grid__col--sm--end-6 {
    grid-column-end: 6;
  }
  .bwc-grid__col--sm--end-7 {
    grid-column-end: 7;
  }
  .bwc-grid__col--sm--end-8 {
    grid-column-end: 8;
  }
  .bwc-grid__col--sm--end-9 {
    grid-column-end: 9;
  }
  .bwc-grid__col--sm--end-10 {
    grid-column-end: 10;
  }
  .bwc-grid__col--sm--end-11 {
    grid-column-end: 11;
  }
  .bwc-grid__col--sm--end-12 {
    grid-column-end: 12;
  }
}
/*
  Tablet:
  Grid width: 720px
  Number of columns: 8
  Column width: 69px
  Gutter width: 24px
*/
@media (min-width: 600px) and (max-width: 959px) {
  .bwc-grid {
    grid-template-columns: repeat(8, minmax(0, 69px));
    max-width: 720px;
    column-gap: 24px;
  }
  .bwc-grid__col--span-1 {
    grid-column: span 1/span 1;
  }
  .bwc-grid__col--span-2 {
    grid-column: span 2/span 2;
  }
  .bwc-grid__col--span-3 {
    grid-column: span 3/span 3;
  }
  .bwc-grid__col--span-4 {
    grid-column: span 4/span 4;
  }
  .bwc-grid__col--span-5 {
    grid-column: span 5/span 5;
  }
  .bwc-grid__col--span-6 {
    grid-column: span 6/span 6;
  }
  .bwc-grid__col--span-7 {
    grid-column: span 7/span 7;
  }
  .bwc-grid__col--span-8 {
    grid-column: span 8/span 8;
  }
  .bwc-grid__col--span-9 {
    grid-column: span 9/span 9;
  }
  .bwc-grid__col--span-10 {
    grid-column: span 10/span 10;
  }
  .bwc-grid__col--span-11 {
    grid-column: span 11/span 11;
  }
  .bwc-grid__col--span-12 {
    grid-column: span 12/span 12;
  }
  .bwc-grid__col--span-full {
    grid-column: 1/-1;
  }
  .bwc-grid__col {
    /* stylelint-disable-next-line */
  }
  .bwc-grid__col--md--span-1 {
    grid-column: span 1/span 1;
  }
  .bwc-grid__col--md--span-2 {
    grid-column: span 2/span 2;
  }
  .bwc-grid__col--md--span-3 {
    grid-column: span 3/span 3;
  }
  .bwc-grid__col--md--span-4 {
    grid-column: span 4/span 4;
  }
  .bwc-grid__col--md--span-5 {
    grid-column: span 5/span 5;
  }
  .bwc-grid__col--md--span-6 {
    grid-column: span 6/span 6;
  }
  .bwc-grid__col--md--span-7 {
    grid-column: span 7/span 7;
  }
  .bwc-grid__col--md--span-8 {
    grid-column: span 8/span 8;
  }
  .bwc-grid__col--md--span-9 {
    grid-column: span 9/span 9;
  }
  .bwc-grid__col--md--span-10 {
    grid-column: span 10/span 10;
  }
  .bwc-grid__col--md--span-11 {
    grid-column: span 11/span 11;
  }
  .bwc-grid__col--md--span-12 {
    grid-column: span 12/span 12;
  }
  .bwc-grid__col--md--span-full {
    grid-column: 1/-1;
  }
  .bwc-grid__col--start-1 {
    grid-column-start: 1;
  }
  .bwc-grid__col--start-2 {
    grid-column-start: 2;
  }
  .bwc-grid__col--start-3 {
    grid-column-start: 3;
  }
  .bwc-grid__col--start-4 {
    grid-column-start: 4;
  }
  .bwc-grid__col--start-5 {
    grid-column-start: 5;
  }
  .bwc-grid__col--start-6 {
    grid-column-start: 6;
  }
  .bwc-grid__col--start-7 {
    grid-column-start: 7;
  }
  .bwc-grid__col--start-8 {
    grid-column-start: 8;
  }
  .bwc-grid__col--start-9 {
    grid-column-start: 9;
  }
  .bwc-grid__col--start-10 {
    grid-column-start: 10;
  }
  .bwc-grid__col--start-11 {
    grid-column-start: 11;
  }
  .bwc-grid__col--start-12 {
    grid-column-start: 12;
  }
  .bwc-grid__col--end-1 {
    grid-column-end: 1;
  }
  .bwc-grid__col--end-2 {
    grid-column-end: 2;
  }
  .bwc-grid__col--end-3 {
    grid-column-end: 3;
  }
  .bwc-grid__col--end-4 {
    grid-column-end: 4;
  }
  .bwc-grid__col--end-5 {
    grid-column-end: 5;
  }
  .bwc-grid__col--end-6 {
    grid-column-end: 6;
  }
  .bwc-grid__col--end-7 {
    grid-column-end: 7;
  }
  .bwc-grid__col--end-8 {
    grid-column-end: 8;
  }
  .bwc-grid__col--end-9 {
    grid-column-end: 9;
  }
  .bwc-grid__col--end-10 {
    grid-column-end: 10;
  }
  .bwc-grid__col--end-11 {
    grid-column-end: 11;
  }
  .bwc-grid__col--end-12 {
    grid-column-end: 12;
  }
  .bwc-grid__col {
    /* stylelint-disable-next-line */
  }
  .bwc-grid__col--md--start-1 {
    grid-column-start: 1;
  }
  .bwc-grid__col--md--start-2 {
    grid-column-start: 2;
  }
  .bwc-grid__col--md--start-3 {
    grid-column-start: 3;
  }
  .bwc-grid__col--md--start-4 {
    grid-column-start: 4;
  }
  .bwc-grid__col--md--start-5 {
    grid-column-start: 5;
  }
  .bwc-grid__col--md--start-6 {
    grid-column-start: 6;
  }
  .bwc-grid__col--md--start-7 {
    grid-column-start: 7;
  }
  .bwc-grid__col--md--start-8 {
    grid-column-start: 8;
  }
  .bwc-grid__col--md--start-9 {
    grid-column-start: 9;
  }
  .bwc-grid__col--md--start-10 {
    grid-column-start: 10;
  }
  .bwc-grid__col--md--start-11 {
    grid-column-start: 11;
  }
  .bwc-grid__col--md--start-12 {
    grid-column-start: 12;
  }
  .bwc-grid__col--md--end-1 {
    grid-column-end: 1;
  }
  .bwc-grid__col--md--end-2 {
    grid-column-end: 2;
  }
  .bwc-grid__col--md--end-3 {
    grid-column-end: 3;
  }
  .bwc-grid__col--md--end-4 {
    grid-column-end: 4;
  }
  .bwc-grid__col--md--end-5 {
    grid-column-end: 5;
  }
  .bwc-grid__col--md--end-6 {
    grid-column-end: 6;
  }
  .bwc-grid__col--md--end-7 {
    grid-column-end: 7;
  }
  .bwc-grid__col--md--end-8 {
    grid-column-end: 8;
  }
  .bwc-grid__col--md--end-9 {
    grid-column-end: 9;
  }
  .bwc-grid__col--md--end-10 {
    grid-column-end: 10;
  }
  .bwc-grid__col--md--end-11 {
    grid-column-end: 11;
  }
  .bwc-grid__col--md--end-12 {
    grid-column-end: 12;
  }
}
/*
  Desktop:
  Grid width: 960px
  Number of columns: 12
  Column width: 58px
  Gutter width: 24px
 */
@media (min-width: 960px) {
  .bwc-grid {
    grid-template-columns: repeat(12, minmax(0, 58px));
    max-width: 960px;
    column-gap: 24px;
  }
  .bwc-grid__col--span-1 {
    grid-column: span 1/span 1;
  }
  .bwc-grid__col--span-2 {
    grid-column: span 2/span 2;
  }
  .bwc-grid__col--span-3 {
    grid-column: span 3/span 3;
  }
  .bwc-grid__col--span-4 {
    grid-column: span 4/span 4;
  }
  .bwc-grid__col--span-5 {
    grid-column: span 5/span 5;
  }
  .bwc-grid__col--span-6 {
    grid-column: span 6/span 6;
  }
  .bwc-grid__col--span-7 {
    grid-column: span 7/span 7;
  }
  .bwc-grid__col--span-8 {
    grid-column: span 8/span 8;
  }
  .bwc-grid__col--span-9 {
    grid-column: span 9/span 9;
  }
  .bwc-grid__col--span-10 {
    grid-column: span 10/span 10;
  }
  .bwc-grid__col--span-11 {
    grid-column: span 11/span 11;
  }
  .bwc-grid__col--span-12 {
    grid-column: span 12/span 12;
  }
  .bwc-grid__col--span-full {
    grid-column: 1/-1;
  }
  .bwc-grid__col {
    /* stylelint-disable-next-line */
  }
  .bwc-grid__col--lg--span-1 {
    grid-column: span 1/span 1;
  }
  .bwc-grid__col--lg--span-2 {
    grid-column: span 2/span 2;
  }
  .bwc-grid__col--lg--span-3 {
    grid-column: span 3/span 3;
  }
  .bwc-grid__col--lg--span-4 {
    grid-column: span 4/span 4;
  }
  .bwc-grid__col--lg--span-5 {
    grid-column: span 5/span 5;
  }
  .bwc-grid__col--lg--span-6 {
    grid-column: span 6/span 6;
  }
  .bwc-grid__col--lg--span-7 {
    grid-column: span 7/span 7;
  }
  .bwc-grid__col--lg--span-8 {
    grid-column: span 8/span 8;
  }
  .bwc-grid__col--lg--span-9 {
    grid-column: span 9/span 9;
  }
  .bwc-grid__col--lg--span-10 {
    grid-column: span 10/span 10;
  }
  .bwc-grid__col--lg--span-11 {
    grid-column: span 11/span 11;
  }
  .bwc-grid__col--lg--span-12 {
    grid-column: span 12/span 12;
  }
  .bwc-grid__col--lg--span-full {
    grid-column: 1/-1;
  }
  .bwc-grid__col--start-1 {
    grid-column-start: 1;
  }
  .bwc-grid__col--start-2 {
    grid-column-start: 2;
  }
  .bwc-grid__col--start-3 {
    grid-column-start: 3;
  }
  .bwc-grid__col--start-4 {
    grid-column-start: 4;
  }
  .bwc-grid__col--start-5 {
    grid-column-start: 5;
  }
  .bwc-grid__col--start-6 {
    grid-column-start: 6;
  }
  .bwc-grid__col--start-7 {
    grid-column-start: 7;
  }
  .bwc-grid__col--start-8 {
    grid-column-start: 8;
  }
  .bwc-grid__col--start-9 {
    grid-column-start: 9;
  }
  .bwc-grid__col--start-10 {
    grid-column-start: 10;
  }
  .bwc-grid__col--start-11 {
    grid-column-start: 11;
  }
  .bwc-grid__col--start-12 {
    grid-column-start: 12;
  }
  .bwc-grid__col--end-1 {
    grid-column-end: 1;
  }
  .bwc-grid__col--end-2 {
    grid-column-end: 2;
  }
  .bwc-grid__col--end-3 {
    grid-column-end: 3;
  }
  .bwc-grid__col--end-4 {
    grid-column-end: 4;
  }
  .bwc-grid__col--end-5 {
    grid-column-end: 5;
  }
  .bwc-grid__col--end-6 {
    grid-column-end: 6;
  }
  .bwc-grid__col--end-7 {
    grid-column-end: 7;
  }
  .bwc-grid__col--end-8 {
    grid-column-end: 8;
  }
  .bwc-grid__col--end-9 {
    grid-column-end: 9;
  }
  .bwc-grid__col--end-10 {
    grid-column-end: 10;
  }
  .bwc-grid__col--end-11 {
    grid-column-end: 11;
  }
  .bwc-grid__col--end-12 {
    grid-column-end: 12;
  }
  .bwc-grid__col {
    /* stylelint-disable-next-line */
  }
  .bwc-grid__col--lg--start-1 {
    grid-column-start: 1;
  }
  .bwc-grid__col--lg--start-2 {
    grid-column-start: 2;
  }
  .bwc-grid__col--lg--start-3 {
    grid-column-start: 3;
  }
  .bwc-grid__col--lg--start-4 {
    grid-column-start: 4;
  }
  .bwc-grid__col--lg--start-5 {
    grid-column-start: 5;
  }
  .bwc-grid__col--lg--start-6 {
    grid-column-start: 6;
  }
  .bwc-grid__col--lg--start-7 {
    grid-column-start: 7;
  }
  .bwc-grid__col--lg--start-8 {
    grid-column-start: 8;
  }
  .bwc-grid__col--lg--start-9 {
    grid-column-start: 9;
  }
  .bwc-grid__col--lg--start-10 {
    grid-column-start: 10;
  }
  .bwc-grid__col--lg--start-11 {
    grid-column-start: 11;
  }
  .bwc-grid__col--lg--start-12 {
    grid-column-start: 12;
  }
  .bwc-grid__col--lg--end-1 {
    grid-column-end: 1;
  }
  .bwc-grid__col--lg--end-2 {
    grid-column-end: 2;
  }
  .bwc-grid__col--lg--end-3 {
    grid-column-end: 3;
  }
  .bwc-grid__col--lg--end-4 {
    grid-column-end: 4;
  }
  .bwc-grid__col--lg--end-5 {
    grid-column-end: 5;
  }
  .bwc-grid__col--lg--end-6 {
    grid-column-end: 6;
  }
  .bwc-grid__col--lg--end-7 {
    grid-column-end: 7;
  }
  .bwc-grid__col--lg--end-8 {
    grid-column-end: 8;
  }
  .bwc-grid__col--lg--end-9 {
    grid-column-end: 9;
  }
  .bwc-grid__col--lg--end-10 {
    grid-column-end: 10;
  }
  .bwc-grid__col--lg--end-11 {
    grid-column-end: 11;
  }
  .bwc-grid__col--lg--end-12 {
    grid-column-end: 12;
  }
}
/* stylelint-disable color-no-hex */
bwc-icon {
  display: inline-block;
  width: calc(1em / 16 * 24);
  height: calc(1em / 16 * 24);
  font-size: 1rem;
  line-height: 0;
  text-align: left;
  vertical-align: middle;
}
bwc-icon[cropped] {
  width: auto;
  height: auto;
}
bwc-icon[flip-horizontal] {
  transform: scaleX(-1);
}
bwc-icon[flip-vertical] {
  transform: scaleY(-1);
}
bwc-icon[rotate="90"] {
  transform: rotate(90deg);
}
bwc-icon[rotate="180"] {
  transform: rotate(180deg);
}
bwc-icon[rotate="270"] {
  transform: rotate(270deg);
}
bwc-icon .mat-icon {
  box-sizing: border-box;
}
bwc-icon.bwc-icon--aircraft .mat-icon {
  width: calc(1em / 16 * 15.5);
  height: calc(1em / 16 * 16);
}
bwc-icon.bwc-icon--aircraft[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--aircraft:not([cropped]) .mat-icon {
  transform: translateX(25.8064516129%) translateY(25%);
}
bwc-icon.bwc-icon--arrow .mat-icon {
  width: calc(1em / 16 * 15);
  height: calc(1em / 16 * 12);
}
bwc-icon.bwc-icon--arrow[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--arrow:not([cropped]) .mat-icon {
  transform: translateX(29.3333333333%) translateY(50%);
}
bwc-icon.bwc-icon--arrow-down .mat-icon {
  width: calc(1em / 16 * 15);
  height: calc(1em / 16 * 12);
}
bwc-icon.bwc-icon--arrow-down[cropped] {
  width: calc(1em / 16 * 12);
  height: calc(1em / 16 * 15);
}
bwc-icon.bwc-icon--arrow-down[cropped] .mat-icon {
  transform: rotate(90deg) translateY(-100%);
  transform-origin: top left;
}
bwc-icon.bwc-icon--arrow-down:not([cropped]) .mat-icon {
  transform: rotate(90deg) translateX(29.3333333333%) translateY(-150%);
  transform-origin: top left;
}
bwc-icon.bwc-icon--arrow-left .mat-icon {
  width: calc(1em / 16 * 15);
  height: calc(1em / 16 * 12);
}
bwc-icon.bwc-icon--arrow-left[cropped] .mat-icon {
  transform: rotate(180deg);
}
bwc-icon.bwc-icon--arrow-left:not([cropped]) .mat-icon {
  transform: rotate(180deg) translateX(-130.6666666667%) translateY(-150%);
  transform-origin: top left;
}
bwc-icon.bwc-icon--arrow-right .mat-icon {
  width: calc(1em / 16 * 15);
  height: calc(1em / 16 * 12);
}
bwc-icon.bwc-icon--arrow-right[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--arrow-right:not([cropped]) .mat-icon {
  transform: translateX(29.3333333333%) translateY(50%);
}
bwc-icon.bwc-icon--arrow-up .mat-icon {
  width: calc(1em / 16 * 15);
  height: calc(1em / 16 * 12);
}
bwc-icon.bwc-icon--arrow-up[cropped] {
  width: calc(1em / 16 * 12);
  height: calc(1em / 16 * 15);
}
bwc-icon.bwc-icon--arrow-up[cropped] .mat-icon {
  transform: rotate(270deg) translateX(-100%);
  transform-origin: top left;
}
bwc-icon.bwc-icon--arrow-up:not([cropped]) .mat-icon {
  transform: rotate(270deg) translateY(50%) translateX(-129.3333333333%);
  transform-origin: top left;
}
bwc-icon.bwc-icon--bags .mat-icon {
  width: calc(1em / 16 * 20);
  height: calc(1em / 16 * 20);
}
bwc-icon.bwc-icon--bags[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--bags:not([cropped]) .mat-icon {
  transform: translateX(10%) translateY(10%);
}
bwc-icon.bwc-icon--buy-miles .mat-icon {
  width: calc(1em / 16 * 17);
  height: calc(1em / 16 * 20);
}
bwc-icon.bwc-icon--buy-miles[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--buy-miles:not([cropped]) .mat-icon {
  transform: translateX(23.5294117647%) translateY(15%);
}
bwc-icon.bwc-icon--car-partners .mat-icon {
  width: calc(1em / 16 * 18);
  height: calc(1em / 16 * 13.6);
}
bwc-icon.bwc-icon--car-partners[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--car-partners:not([cropped]) .mat-icon {
  transform: translateX(16.6666666667%) translateY(36.7647058824%);
}
bwc-icon.bwc-icon--charity .mat-icon {
  width: calc(1em / 16 * 18);
  height: calc(1em / 16 * 15.4);
}
bwc-icon.bwc-icon--charity[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--charity:not([cropped]) .mat-icon {
  transform: translateX(16.6666666667%) translateY(25.974025974%);
}
bwc-icon.bwc-icon--check .mat-icon {
  width: calc(1em / 16 * 18);
  height: calc(1em / 16 * 11.9);
}
bwc-icon.bwc-icon--check[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--check:not([cropped]) .mat-icon {
  transform: translateX(13.8888888889%) translateY(47.0588235294%);
}
bwc-icon.bwc-icon--check2 .mat-icon {
  width: calc(1em / 16 * 16);
  height: calc(1em / 16 * 15.2);
}
bwc-icon.bwc-icon--check2[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--check2:not([cropped]) .mat-icon {
  transform: translateX(25%) translateY(26.3157894737%);
}
bwc-icon.bwc-icon--chevron-down .mat-icon {
  width: calc(1em / 16 * 9);
  height: calc(1em / 16 * 15);
}
bwc-icon.bwc-icon--chevron-down[cropped] {
  width: calc(1em / 16 * 15);
  height: calc(1em / 16 * 9);
}
bwc-icon.bwc-icon--chevron-down[cropped] .mat-icon {
  transform: rotate(90deg) translateY(-100%);
  transform-origin: top left;
}
bwc-icon.bwc-icon--chevron-down:not([cropped]) .mat-icon {
  transform: rotate(90deg) translateX(88.8888888889%) translateY(-133.3333333333%);
  transform-origin: top left;
}
bwc-icon.bwc-icon--chevron-left .mat-icon {
  width: calc(1em / 16 * 9);
  height: calc(1em / 16 * 15);
}
bwc-icon.bwc-icon--chevron-left[cropped] .mat-icon {
  transform: rotate(180deg);
}
bwc-icon.bwc-icon--chevron-left:not([cropped]) .mat-icon {
  transform: rotate(180deg) translateX(-177.7777777778%) translateY(-126.6666666667%);
  transform-origin: top left;
}
bwc-icon.bwc-icon--chevron-right .mat-icon {
  width: calc(1em / 16 * 9);
  height: calc(1em / 16 * 15);
}
bwc-icon.bwc-icon--chevron-right[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--chevron-right:not([cropped]) .mat-icon {
  transform: translateX(88.8888888889%) translateY(26.6666666667%);
}
bwc-icon.bwc-icon--chevron-up .mat-icon {
  width: calc(1em / 16 * 9);
  height: calc(1em / 16 * 15);
}
bwc-icon.bwc-icon--chevron-up[cropped] {
  width: calc(1em / 16 * 15);
  height: calc(1em / 16 * 9);
}
bwc-icon.bwc-icon--chevron-up[cropped] .mat-icon {
  transform: rotate(270deg) translateX(-100%);
  transform-origin: top left;
}
bwc-icon.bwc-icon--chevron-up:not([cropped]) .mat-icon {
  transform: rotate(270deg) translateY(26.6666666667%) translateX(-188.8888888889%);
  transform-origin: top left;
}
bwc-icon.bwc-icon--cobranded-cards .mat-icon {
  width: calc(1em / 16 * 18);
  height: calc(1em / 16 * 15.4);
}
bwc-icon.bwc-icon--cobranded-cards[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--cobranded-cards:not([cropped]) .mat-icon {
  transform: translateX(16.6666666667%) translateY(25.974025974%);
}
bwc-icon.bwc-icon--cross .mat-icon {
  width: calc(1em / 16 * 14);
  height: calc(1em / 16 * 14);
}
bwc-icon.bwc-icon--cross[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--cross:not([cropped]) .mat-icon {
  transform: translateX(35.7142857143%) translateY(35.7142857143%);
}
bwc-icon.bwc-icon--customer-service .mat-icon {
  width: calc(1em / 16 * 18);
  height: calc(1em / 16 * 15.8);
}
bwc-icon.bwc-icon--customer-service[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--customer-service:not([cropped]) .mat-icon {
  transform: translateX(16.6666666667%) translateY(25.3164556962%);
}
bwc-icon.bwc-icon--earn-miles .mat-icon {
  width: calc(1em / 16 * 18);
  height: calc(1em / 16 * 17.6);
}
bwc-icon.bwc-icon--earn-miles[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--earn-miles:not([cropped]) .mat-icon {
  transform: translateX(16.6666666667%) translateY(17.0454545455%);
}
bwc-icon.bwc-icon--enrollment .mat-icon {
  width: calc(1em / 16 * 19);
  height: calc(1em / 16 * 17);
}
bwc-icon.bwc-icon--enrollment[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--enrollment:not([cropped]) .mat-icon {
  transform: translateX(13.1578947368%) translateY(20.5882352941%);
}
bwc-icon.bwc-icon--exclamation .mat-icon {
  width: calc(1em / 16 * 15);
  height: calc(1em / 16 * 15);
}
bwc-icon.bwc-icon--exclamation[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--exclamation:not([cropped]) .mat-icon {
  transform: translateX(30%) translateY(30%);
}
bwc-icon.bwc-icon--external-link .mat-icon {
  width: calc(1em / 16 * 20);
  height: calc(1em / 16 * 20);
}
bwc-icon.bwc-icon--external-link[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--external-link:not([cropped]) .mat-icon {
  transform: translateX(10%) translateY(10%);
}
bwc-icon.bwc-icon--extra-options .mat-icon {
  width: calc(1em / 16 * 17.8);
  height: calc(1em / 16 * 15.4);
}
bwc-icon.bwc-icon--extra-options[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--extra-options:not([cropped]) .mat-icon {
  transform: translateX(16.8539325843%) translateY(25.974025974%);
}
bwc-icon.bwc-icon--flying-blue-rewards .mat-icon {
  width: calc(1em / 16 * 18);
  height: calc(1em / 16 * 18);
}
bwc-icon.bwc-icon--flying-blue-rewards[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--flying-blue-rewards:not([cropped]) .mat-icon {
  transform: translateX(16.6666666667%) translateY(16.6666666667%);
}
bwc-icon.bwc-icon--gift-miles .mat-icon {
  width: calc(1em / 16 * 15.8);
  height: calc(1em / 16 * 18);
}
bwc-icon.bwc-icon--gift-miles[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--gift-miles:not([cropped]) .mat-icon {
  transform: translateX(25.3164556962%) translateY(16.6666666667%);
}
bwc-icon.bwc-icon--hotel-partners .mat-icon {
  width: calc(1em / 16 * 18);
  height: calc(1em / 16 * 13.5);
}
bwc-icon.bwc-icon--hotel-partners[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--hotel-partners:not([cropped]) .mat-icon {
  transform: translateX(16.6666666667%) translateY(37.037037037%);
}
bwc-icon.bwc-icon--information .mat-icon {
  width: calc(1em / 16 * 16);
  height: calc(1em / 16 * 16);
}
bwc-icon.bwc-icon--information[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--information:not([cropped]) .mat-icon {
  transform: translateX(25%) translateY(25%);
}
bwc-icon.bwc-icon--meal .mat-icon {
  width: calc(1em / 16 * 19.9);
  height: calc(1em / 16 * 14.3);
}
bwc-icon.bwc-icon--meal[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--meal:not([cropped]) .mat-icon {
  transform: translateX(10.0502512563%) translateY(34.965034965%);
}
bwc-icon.bwc-icon--miles .mat-icon {
  width: calc(1em / 16 * 18);
  height: calc(1em / 16 * 17.6);
}
bwc-icon.bwc-icon--miles[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--miles:not([cropped]) .mat-icon {
  transform: translateX(16.6666666667%) translateY(17.0454545455%);
}
bwc-icon.bwc-icon--miles-cash .mat-icon {
  width: calc(1em / 16 * 18);
  height: calc(1em / 16 * 18);
}
bwc-icon.bwc-icon--miles-cash[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--miles-cash:not([cropped]) .mat-icon {
  transform: translateX(16.6666666667%) translateY(16.6666666667%);
}
bwc-icon.bwc-icon--miles-validity .mat-icon {
  width: calc(1em / 16 * 18);
  height: calc(1em / 16 * 15.9);
}
bwc-icon.bwc-icon--miles-validity[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--miles-validity:not([cropped]) .mat-icon {
  transform: translateX(16.6666666667%) translateY(25.1572327044%);
}
bwc-icon.bwc-icon--notification .mat-icon {
  width: calc(1em / 16 * 17);
  height: calc(1em / 16 * 20);
}
bwc-icon.bwc-icon--notification[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--notification:not([cropped]) .mat-icon {
  transform: translateX(23.5294117647%) translateY(10%);
}
bwc-icon.bwc-icon--plane .mat-icon {
  width: calc(1em / 16 * 19);
  height: calc(1em / 16 * 20);
}
bwc-icon.bwc-icon--plane[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--plane:not([cropped]) .mat-icon {
  transform: translateX(15.7894736842%) translateY(10%);
}
bwc-icon.bwc-icon--refund-voucher .mat-icon {
  width: calc(1em / 16 * 24);
  height: calc(1em / 16 * 12);
}
bwc-icon.bwc-icon--refund-voucher[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--refund-voucher:not([cropped]) .mat-icon {
  transform: translateX(0%) translateY(50%);
}
bwc-icon.bwc-icon--reward-ticket .mat-icon {
  width: calc(1em / 16 * 18);
  height: calc(1em / 16 * 16.1);
}
bwc-icon.bwc-icon--reward-ticket[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--reward-ticket:not([cropped]) .mat-icon {
  transform: translateX(16.6666666667%) translateY(24.8447204969%);
}
bwc-icon.bwc-icon--seat .mat-icon {
  width: calc(1em / 16 * 17.2);
  height: calc(1em / 16 * 18);
}
bwc-icon.bwc-icon--seat[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--seat:not([cropped]) .mat-icon {
  transform: translateX(17.4418604651%) translateY(16.6666666667%);
}
bwc-icon.bwc-icon--upgrade .mat-icon {
  width: calc(1em / 16 * 17.2);
  height: calc(1em / 16 * 18);
}
bwc-icon.bwc-icon--upgrade[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--upgrade:not([cropped]) .mat-icon {
  transform: translateX(17.4418604651%) translateY(16.6666666667%);
}
bwc-icon.bwc-icon--shop-for-miles .mat-icon {
  width: calc(1em / 16 * 12.2);
  height: calc(1em / 16 * 18);
}
bwc-icon.bwc-icon--shop-for-miles[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--shop-for-miles:not([cropped]) .mat-icon {
  transform: translateX(49.1803278689%) translateY(16.6666666667%);
}
bwc-icon.bwc-icon--spend-miles .mat-icon {
  width: calc(1em / 16 * 18);
  height: calc(1em / 16 * 17.3);
}
bwc-icon.bwc-icon--spend-miles[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--spend-miles:not([cropped]) .mat-icon {
  transform: translateX(16.6666666667%) translateY(17.3410404624%);
}
bwc-icon.bwc-icon--status-up .mat-icon {
  width: calc(1em / 16 * 13.4);
  height: calc(1em / 16 * 18);
}
bwc-icon.bwc-icon--status-up[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--status-up:not([cropped]) .mat-icon {
  transform: translateX(37.3134328358%) translateY(16.6666666667%);
}
bwc-icon.bwc-icon--transfer-miles .mat-icon {
  width: calc(1em / 16 * 16.8);
  height: calc(1em / 16 * 19.9);
}
bwc-icon.bwc-icon--transfer-miles[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--transfer-miles:not([cropped]) .mat-icon {
  transform: translateX(23.8095238095%) translateY(10.0502512563%);
}
bwc-icon.bwc-icon--uxportal-brand .mat-icon {
  width: calc(1em / 16 * 16);
  height: calc(1em / 16 * 16);
}
bwc-icon.bwc-icon--uxportal-brand[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--uxportal-brand:not([cropped]) .mat-icon {
  transform: translateX(25%) translateY(25%);
}
bwc-icon.bwc-icon--uxportal-code .mat-icon {
  width: calc(1em / 16 * 20);
  height: calc(1em / 16 * 12);
}
bwc-icon.bwc-icon--uxportal-code[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--uxportal-code:not([cropped]) .mat-icon {
  transform: translateX(10%) translateY(50%);
}
bwc-icon.bwc-icon--uxportal-components .mat-icon {
  width: calc(1em / 16 * 18);
  height: calc(1em / 16 * 18);
}
bwc-icon.bwc-icon--uxportal-components[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--uxportal-components:not([cropped]) .mat-icon {
  transform: translateX(16.6666666667%) translateY(16.6666666667%);
}
bwc-icon.bwc-icon--uxportal-copy .mat-icon {
  width: calc(1em / 16 * 19);
  height: calc(1em / 16 * 22);
}
bwc-icon.bwc-icon--uxportal-copy[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--uxportal-copy:not([cropped]) .mat-icon {
  transform: translateX(10.5263157895%) translateY(4.5454545455%);
}
bwc-icon.bwc-icon--uxportal-home .mat-icon {
  width: calc(1em / 16 * 20);
  height: calc(1em / 16 * 17);
}
bwc-icon.bwc-icon--uxportal-home[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--uxportal-home:not([cropped]) .mat-icon {
  transform: translateX(10%) translateY(20.5882352941%);
}
bwc-icon.bwc-icon--uxportal-interface .mat-icon {
  width: calc(1em / 16 * 24);
  height: calc(1em / 16 * 16);
}
bwc-icon.bwc-icon--uxportal-interface[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--uxportal-interface:not([cropped]) .mat-icon {
  transform: translateX(0%) translateY(25%);
}
bwc-icon.bwc-icon--uxportal-product .mat-icon {
  width: calc(1em / 16 * 19);
  height: calc(1em / 16 * 20);
}
bwc-icon.bwc-icon--uxportal-product[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--uxportal-product:not([cropped]) .mat-icon {
  transform: translateX(13.1578947368%) translateY(10%);
}
bwc-icon.bwc-icon--uxportal-services .mat-icon {
  width: calc(1em / 16 * 22);
  height: calc(1em / 16 * 22);
}
bwc-icon.bwc-icon--uxportal-services[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--uxportal-services:not([cropped]) .mat-icon {
  transform: translateX(4.5454545455%) translateY(4.5454545455%);
}
bwc-icon.bwc-icon--uxportal-sketch .mat-icon {
  width: calc(1em / 16 * 24);
  height: calc(1em / 16 * 20);
}
bwc-icon.bwc-icon--uxportal-sketch[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--uxportal-sketch:not([cropped]) .mat-icon {
  transform: translateX(0%) translateY(10%);
}
bwc-icon.bwc-icon--uxportal-support .mat-icon {
  width: calc(1em / 16 * 17);
  height: calc(1em / 16 * 20);
}
bwc-icon.bwc-icon--uxportal-support[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--uxportal-support:not([cropped]) .mat-icon {
  transform: translateX(20.5882352941%) translateY(10%);
}
bwc-icon.bwc-icon--uxportal-templates .mat-icon {
  width: calc(1em / 16 * 17);
  height: calc(1em / 16 * 13);
}
bwc-icon.bwc-icon--uxportal-templates[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--uxportal-templates:not([cropped]) .mat-icon {
  transform: translateX(20.5882352941%) translateY(42.3076923077%);
}
bwc-icon.bwc-icon--wifi .mat-icon {
  width: calc(1em / 16 * 20);
  height: calc(1em / 16 * 14.9);
}
bwc-icon.bwc-icon--wifi[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--wifi:not([cropped]) .mat-icon {
  transform: translateX(10%) translateY(33.5570469799%);
}
bwc-icon.bwc-icon--world .mat-icon {
  width: calc(1em / 16 * 20);
  height: calc(1em / 16 * 20);
}
bwc-icon.bwc-icon--world[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--world:not([cropped]) .mat-icon {
  transform: translateX(10%) translateY(10%);
}
bwc-icon.bwc-icon--xp .mat-icon {
  width: calc(1em / 16 * 18);
  height: calc(1em / 16 * 15.7);
}
bwc-icon.bwc-icon--xp[cropped] .mat-icon {
  transform: rotate();
}
bwc-icon.bwc-icon--xp:not([cropped]) .mat-icon {
  transform: translateX(16.6666666667%) translateY(25.4777070064%);
}

.bwc-o-animation {
  display: block;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
}
.bwc-o-animation--fade {
  opacity: 0;
  animation-name: bwc-o-fade-in;
}
.bwc-o-animation--drop {
  transform: translateY(-200%);
  animation-name: bwc-o-drop-in;
}
.bwc-o-animation--from-left {
  transform: translateX(-100%);
}
@media (max-width: 599px) {
  .bwc-o-animation--from-left:nth-child(1) {
    z-index: 1;
    animation-delay: 300ms;
  }
  .bwc-o-animation--from-left:nth-child(2) {
    z-index: 0;
    animation-delay: 600ms;
  }
}
.bwc-o-animation--from-left {
  animation-name: bwc-o-from-left;
}
.bwc-o-animation--from-right {
  transform: translateX(100%);
  animation-name: bwc-o-from-right;
}
.bwc-o-animation--from-bottom {
  transform: translateY(100%);
  animation-name: bwc-o-from-bottom;
}
.bwc-o-animation--vertical-list-item {
  transform: translateY(-200%);
  opacity: 0;
  animation-name: bwc-o-fade-in, bwc-o-drop-in;
}
.bwc-o-animation--staged:nth-child(2) {
  z-index: 28;
  animation-delay: 20ms;
}
.bwc-o-animation--staged:nth-child(3) {
  z-index: 27;
  animation-delay: 40ms;
}
.bwc-o-animation--staged:nth-child(4) {
  z-index: 26;
  animation-delay: 60ms;
}
.bwc-o-animation--staged:nth-child(5) {
  z-index: 25;
  animation-delay: 80ms;
}
.bwc-o-animation--staged:nth-child(6) {
  z-index: 24;
  animation-delay: 100ms;
}
.bwc-o-animation--staged:nth-child(7) {
  z-index: 23;
  animation-delay: 120ms;
}
.bwc-o-animation--staged:nth-child(8) {
  z-index: 22;
  animation-delay: 140ms;
}
.bwc-o-animation--staged:nth-child(9) {
  z-index: 21;
  animation-delay: 160ms;
}
.bwc-o-animation--staged:nth-child(10) {
  z-index: 20;
  animation-delay: 180ms;
}
.bwc-o-animation--staged:nth-child(11) {
  z-index: 19;
  animation-delay: 200ms;
}
.bwc-o-animation--staged:nth-child(12) {
  z-index: 18;
  animation-delay: 220ms;
}
.bwc-o-animation--staged:nth-child(13) {
  z-index: 17;
  animation-delay: 240ms;
}
.bwc-o-animation--staged:nth-child(14) {
  z-index: 16;
  animation-delay: 260ms;
}
.bwc-o-animation--staged:nth-child(15) {
  z-index: 15;
  animation-delay: 280ms;
}
.bwc-o-animation--staged:nth-child(16) {
  z-index: 14;
  animation-delay: 300ms;
}
.bwc-o-animation--staged:nth-child(17) {
  z-index: 13;
  animation-delay: 320ms;
}
.bwc-o-animation--staged:nth-child(18) {
  z-index: 12;
  animation-delay: 340ms;
}
.bwc-o-animation--staged:nth-child(19) {
  z-index: 11;
  animation-delay: 360ms;
}
.bwc-o-animation--staged:nth-child(20) {
  z-index: 10;
  animation-delay: 380ms;
}
.bwc-o-animation--staged:nth-child(21) {
  z-index: 9;
  animation-delay: 400ms;
}
.bwc-o-animation--staged:nth-child(22) {
  z-index: 8;
  animation-delay: 420ms;
}
.bwc-o-animation--staged:nth-child(23) {
  z-index: 7;
  animation-delay: 440ms;
}
.bwc-o-animation--staged:nth-child(24) {
  z-index: 6;
  animation-delay: 460ms;
}
.bwc-o-animation--staged:nth-child(25) {
  z-index: 5;
  animation-delay: 480ms;
}
.bwc-o-animation--staged:nth-child(26) {
  z-index: 4;
  animation-delay: 500ms;
}
.bwc-o-animation--staged:nth-child(27) {
  z-index: 3;
  animation-delay: 520ms;
}
.bwc-o-animation--staged:nth-child(28) {
  z-index: 2;
  animation-delay: 540ms;
}
.bwc-o-animation--staged:nth-child(29) {
  z-index: 1;
  animation-delay: 560ms;
}
.bwc-o-animation--staged:nth-child(30) {
  z-index: 0;
  animation-delay: 580ms;
}
.bwc-o-animation--reset {
  animation-name: none !important; /* stylelint-disable-line declaration-no-important */
}

bwc-bluebiz-home-page-template {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  display: flex;
  flex-direction: row;
}
@media (min-width: 600px) {
  bwc-bluebiz-home-page-template .bwc-content-template__heading-level1 {
    font-size: 2.5rem;
    line-height: 1.1;
    font-family: GothamSSm, "Helvetica Neue", sans-serif;
    color: #0c1caf;
    font-weight: 900;
  }
}
bwc-bluebiz-home-page-template .bwc-content-template__heading-level1 {
  font-size: 2.5rem;
  line-height: 1.1;
  font-family: GothamSSm, "Helvetica Neue", sans-serif;
  color: #0c1caf;
  font-weight: 900;
  margin: 1em 0;
}
@media (min-width: 600px) {
  bwc-bluebiz-home-page-template .bwc-content-template__heading-level2 {
    font-size: 1.25rem;
    line-height: 1.2;
    font-family: GothamSSm, "Helvetica Neue", sans-serif;
    color: #1d1d1d;
    font-weight: 900;
  }
}
bwc-bluebiz-home-page-template .bwc-content-template__heading-level2 {
  font-size: 1.25rem;
  line-height: 1.2;
  font-family: GothamSSm, "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: 900;
  margin: 1em 0;
}
bwc-bluebiz-home-page-template .bwc-content-template__heading-level3 {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: bold;
  margin: 1em 0;
}
bwc-bluebiz-home-page-template .bwc-content-template__bullet-list {
  margin: 0;
  list-style-type: none;
}
bwc-bluebiz-home-page-template .bwc-content-template__bullet-list li {
  position: relative;
  margin: 0 0 16px;
  padding: 0 0 0 32px;
}
bwc-bluebiz-home-page-template .bwc-content-template__bullet-list li .bwc-bullet-icon {
  position: absolute;
  top: 0;
  left: 0;
  color: #0c1caf;
  font-size: 1em;
}
bwc-bluebiz-home-page-template .bwc-content-template__picture-content {
  overflow: hidden;
}
@media (min-width: 600px) {
  bwc-bluebiz-home-page-template .bwc-content-template__picture-content bwc-logo {
    padding: 40px 24px;
    float: left;
    border: 1px solid #aab9d1;
  }
}
bwc-bluebiz-home-page-template .bwc-content-template__picture-content bwc-logo {
  display: block;
  margin: 8px 24px 24px 0;
}
@media (min-width: 600px) {
  bwc-bluebiz-home-page-template .bwc-content-template__main {
    flex: 1 1 auto;
    padding: 0 274px 0 32px;
  }
}
bwc-bluebiz-home-page-template .bwc-content-template__main {
  padding: 0 16px;
}
bwc-bluebiz-home-page-template p {
  margin: 0;
}
@media (min-width: 600px) {
  bwc-bluebiz-home-page-template .bwc-toc {
    display: block;
    flex: 0 0 250px;
    width: 250px;
  }
}
bwc-bluebiz-home-page-template .bwc-toc {
  display: none;
  position: fixed;
  top: 80px;
  right: 0;
}

bwc-offer-list {
  display: block;
  padding: 32px;
  background-color: #efeff9;
}
bwc-offer-list .bwc-offer-list__item {
  display: flex;
  flex-direction: row;
  padding: 24px 0;
}
bwc-offer-list .bwc-offer-list__content {
  flex: 1 1 auto;
}
bwc-offer-list .bwc-offer-list__img {
  flex: 0 0 auto;
  padding: 0 32px;
}

/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
@media (min-width: 960px) {
  .mat-bottom-sheet-container {
    min-width: 960px !important;
  }
}
.mat-bottom-sheet-container {
  padding: 0 !important;
  border-radius: 8px 8px 0 0 !important;
}

.bwc-bottom-sheet-container {
  display: flex;
  flex-direction: column;
  max-height: 430px;
  overflow-y: hidden;
}
@media (min-width: 960px) {
  .bwc-bottom-sheet-container__header, .bwc-bottom-sheet-container__content, .bwc-bottom-sheet-container__footer {
    padding: 24px;
  }
}
.bwc-bottom-sheet-container__header, .bwc-bottom-sheet-container__content, .bwc-bottom-sheet-container__footer {
  padding: 16px;
}
.bwc-bottom-sheet-container--noScroll {
  padding-bottom: 0;
  border-bottom: none !important;
}
.bwc-bottom-sheet-container__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--bwc-palette-grey-300);
}
.bwc-bottom-sheet-container__content {
  overflow-y: scroll;
}
.bwc-bottom-sheet-container__footer {
  display: flex;
  justify-content: end;
  border-top: 1px solid var(--bwc-palette-grey-300);
}
@media (max-width: 599px) {
  .bwc-bottom-sheet-container__footer button {
    flex-grow: 1;
  }
}
.bwc-bottom-sheet-container__footer button {
  padding: 8px 40px !important;
}
.bwc-bottom-sheet-container__footer button:last-child {
  margin-left: 16px;
}

/*------------------------------------*\
  #CAROUSEL-SLIDESHOW
\*------------------------------------*/
@media (min-width: 600px) {
  bwc-carousel-slideshow {
    padding-bottom: 0;
  }
}
bwc-carousel-slideshow {
  display: block;
  position: relative;
  box-sizing: content-box;
  padding: 0 0 72px;
  overflow: hidden;
}

@media (min-width: 600px) {
  .bwc-carousel-slideshow {
    overflow-y: auto;
  }
}
.bwc-carousel-slideshow {
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-y: unset !important;
}
.bwc-carousel-slideshow__item {
  display: flex;
  box-sizing: border-box;
  flex: 0 0 100%;
  flex-direction: column;
  width: 100%;
  padding: 12px;
  background-size: cover;
}
.bwc-carousel-slideshow__item__content {
  display: flex;
  flex: 1 1 auto;
}
.bwc-carousel-slideshow__item__button {
  align-self: center;
}
.bwc-carousel-slideshow.bwc-carousel-slideshow--slideshow {
  height: 100%;
}
.bwc-carousel-slideshow.bwc-carousel-slideshow--slideshow .bwc-carousel-slideshow__item {
  height: 100%;
}
.bwc-carousel-slideshow.bwc-slideshow__transition--fade .bwc-carousel-slideshow__item {
  visibility: hidden;
  position: absolute;
  transition: opacity 1s ease-in, visibility 1s ease-in;
  opacity: 0;
}
.bwc-carousel-slideshow.bwc-slideshow__transition--fade .bwc-carousel-slideshow__item.active-item {
  visibility: visible;
  opacity: 1;
}

@media (min-width: 600px) {
  .bwc-carousel-slideshow-controls {
    position: static;
    height: auto;
    background: none;
  }
}
.bwc-carousel-slideshow-controls {
  position: relative;
  height: 72px;
  background: #f7fafd;
}
.bwc-carousel-slideshow-controls__button {
  position: absolute;
  bottom: calc(50% - 16px);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  text-align: center;
}
.bwc-carousel-slideshow-controls__button::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
}
.bwc-carousel-slideshow-controls__button:hover::before {
  opacity: 0.04;
}
.bwc-carousel-slideshow-controls__button:active::before {
  opacity: 0.08;
}
.bwc-carousel-slideshow-controls__button--left {
  left: 22px;
}
.bwc-carousel-slideshow-controls__button--right {
  right: 22px;
}
.bwc-carousel-slideshow-controls__button--play, .bwc-carousel-slideshow-controls__button--pause {
  margin-left: 8px;
}
.bwc-carousel-slideshow-controls__button--play, .bwc-carousel-slideshow-controls__button--pause, .bwc-carousel-slideshow-controls__button--previous, .bwc-carousel-slideshow-controls__button--next {
  position: relative;
  top: 0;
}
.bwc-carousel-slideshow-controls__button--next {
  margin-left: 12px;
}
.bwc-carousel-slideshow-controls__button--hidden {
  visibility: hidden;
}
@media (min-width: 600px) {
  .bwc-carousel-slideshow-controls__bottom-row {
    bottom: 24px;
  }
}
.bwc-carousel-slideshow-controls__bottom-row {
  display: flex;
  position: absolute;
  bottom: calc(50% - 20px);
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
}

@media (min-width: 600px) {
  .bwc-carousel-slideshow-pagination {
    bottom: 0;
  }
}
.bwc-carousel-slideshow-pagination {
  display: inline-block;
  list-style: none;
}
.bwc-carousel-slideshow-pagination__item {
  display: inline-block;
  margin-left: 12px;
}
.bwc-carousel-slideshow-pagination__item__button {
  display: flex;
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  outline: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.bwc-carousel-slideshow-pagination__item__button::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
}
.bwc-carousel-slideshow-pagination__item__button:hover::before {
  opacity: 0.04;
}
.bwc-carousel-slideshow-pagination__item__button:active::before {
  opacity: 0.08;
}
.bwc-carousel-slideshow-pagination__item--active .bwc-carousel-slideshow-pagination__item__button::before {
  opacity: 0.08;
}

.bwc-single-page-content .bwc-single-page-title {
  margin-bottom: 24px;
}
.bwc-single-page-content .bwc-single-page-description {
  margin-bottom: 16px;
}

.bwc-month .bwc-day__button.mdc-button .mdc-button__label {
  padding: 0;
}

.bwc-day__button.mdc-button .mdc-button__label {
  font-weight: normal !important;
}

.bwc-calendar__next-month-button .mdc-icon-button__ripple, .bwc-calendar__previous-month-button .mdc-icon-button__ripple {
  display: none;
}

/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
.bwc-error-page {
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.bwc-error-page, .bwc-error-page-title, .bwc-error-page-subtitle, .bwc-error-page-message, .bwc-error-page-link-list {
  display: block;
}
.bwc-error-page-message, .bwc-error-page-link-list {
  margin-top: 20px;
}
.bwc-error-page-subtitle {
  margin-top: 16px;
}
.bwc-error-page .mat-mdc-list .mdc-list-item {
  height: 32px;
}
.bwc-error-page .mat-mdc-list .mdc-list-item__content,
.bwc-error-page .mat-mdc-list .mdc-list-item .bwc-multi-list__link {
  padding: 0;
}
.bwc-error-page .mat-mdc-list .bwc-multi-list__item {
  min-height: 0;
}
@media (min-width: 600px) {
  .bwc-error-page {
    position: relative;
    padding: 100px 0 100px 10%;
  }
  .bwc-error-page__card {
    width: 382px;
  }
}
@media (max-width: 599px) {
  .bwc-error-page {
    background: none !important;
  }
}

/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
.bwc-redirection-notice {
  padding: 16px;
  padding-right: 40px;
  padding-bottom: 0;
}
.bwc-redirection-notice__close-button {
  position: absolute;
  top: 0;
  right: 0;
}
.bwc-redirection-notice__content {
  display: flex;
  flex-direction: column;
  white-space: normal;
}

/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
.bwc-redirection-prompt-spinner-container {
  margin-bottom: 16px;
}

.bwc-redirection-prompt-spinner {
  margin: auto;
}

.bwc-markdown {
  display: inline;
}
.bwc-markdown ul,
.bwc-markdown ol {
  margin-left: 24px;
}

/*------------------------------------*\
  #NAVIGATION LIST
\*------------------------------------*/
[bwcNavButton] .bwc-nav-button__label {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: bold;
}

.bwc-nav-button--expanded .bwc-nav-button__icon {
  transform: scaleY(-1);
}

[bwcNavList] {
  padding: 0;
}
[bwcNavList] .mdc-list-item {
  --mdc-list-list-item-one-line-container-height: auto;
  padding: 0;
  line-height: 0;
}
[bwcNavList] .mdc-list-item__content {
  height: auto;
  padding: 0;
  line-height: 0;
}
[bwcNavList] [bwcNavList] {
  overflow: hidden;
}
[bwcNavList] [bwcNavList][aria-expanded=true] {
  height: auto;
}
[bwcNavList] [bwcNavList][aria-expanded=false] {
  height: 0;
  padding: 0;
}
[bwcNavList] [bwcNavList] .bwc-nav-button__label {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  width: 100%;
  white-space: initial;
  overflow-wrap: break-word;
}
[bwcNavList] [bwcNavList] .bwc-nav-button--expanded {
  border-top: none;
}
[bwcNavList] [bwcNavList] [bwcNavList] {
  border-bottom: none;
}
@media (min-width: 600px) {
  [bwcNavList] [bwcNavList] [bwcNavList] button[bwcNavButton] {
    padding-left: 44px;
  }
}
[bwcNavList] [bwcNavList] [bwcNavList] button[bwcNavButton] {
  padding-left: 28px;
}

/*------------------------------------*\
  #NAVIGATION LIST TABLE OF CONTENT
\*------------------------------------*/
[bwcNavButtonToc] {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 12px 16px 12px 12px;
  border-left: 4px solid transparent;
  text-decoration: none;
}
[bwcNavButtonToc] .bwc-nav-toc-button__label {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}

.bwc-nav-toc-button--expanded .bwc-nav-toc-button__icon {
  transform: scaleY(-1);
}

[bwcNavListToc] {
  padding: 0;
}
[bwcNavListToc] .mat-mdc-list-base .mdc-list-item {
  height: auto;
  padding: 0;
  line-height: 0;
}
[bwcNavListToc] .mat-mdc-list-base .mdc-list-item__content {
  height: auto;
  line-height: 0;
}
[bwcNavListToc] .mat-mdc-list-base .mdc-list-item .mdc-list-item-ripple {
  display: none;
}
[bwcNavListToc] [bwcNavListToc] {
  overflow: hidden;
}
[bwcNavListToc] [bwcNavListToc] .mdc-list-item .bwc-nav-list--selected {
  border-style: none;
}
[bwcNavListToc] [bwcNavListToc][aria-expanded=true] {
  height: auto;
}
[bwcNavListToc] [bwcNavListToc][aria-expanded=false] {
  height: 0;
  padding: 0;
}
[bwcNavListToc] [bwcNavListToc] .bw-information-sidenav-child {
  border-style: none;
}
[bwcNavListToc] [bwcNavListToc] .bwc-nav-toc-button__label {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  margin-left: 32px;
  overflow: auto;
  text-overflow: unset;
  white-space: initial;
}
[bwcNavListToc] [bwcNavListToc] .bwc-nav-toc-button--expanded {
  border-top: none;
}
[bwcNavListToc] [bwcNavListToc] [bwcNavListToc] {
  border-bottom: none;
}
@media (min-width: 600px) {
  [bwcNavListToc] [bwcNavListToc] [bwcNavListToc] button[bwcNavButtonToc] {
    padding-left: 44px;
  }
}
[bwcNavListToc] [bwcNavListToc] [bwcNavListToc] button[bwcNavButtonToc] {
  padding-left: 28px;
}

.mat-mdc-nav-list[bwcnavlisttoc] .mdc-list-item--with-one-line {
  --mdc-list-list-item-one-line-container-height: auto;
}

/*------------------------------------*\
  #ONBOARDING
\*------------------------------------*/
@media (min-width: 600px) {
  bwc-onboarding {
    width: 360px;
    height: 573px;
    overflow: visible;
  }
}
@media screen and (max-height: 599px) and (orientation: landscape) {
  bwc-onboarding {
    width: 100vw;
    height: 100%;
  }
}
bwc-onboarding {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
}
bwc-onboarding .bwc-onboarding-wrapper {
  overflow: hidden;
}
bwc-onboarding .bwc-onboarding-wrapper:focus {
  outline: none;
}
bwc-onboarding .bwc-onboarding {
  display: flex;
  width: 6000px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}
@media (min-width: 600px) {
  bwc-onboarding .bwc-onboarding__item {
    width: 360px;
    height: 573px;
  }
}
@media screen and (max-height: 599px) and (orientation: landscape) {
  bwc-onboarding .bwc-onboarding__item {
    flex-direction: row;
    width: 100vw;
    height: 100vh;
  }
}
bwc-onboarding .bwc-onboarding__item {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: auto;
}
@media screen and (max-height: 599px) and (orientation: landscape) {
  bwc-onboarding .bwc-onboarding__item__image {
    width: auto;
    height: 100%;
  }
}
bwc-onboarding .bwc-onboarding__item__image {
  width: 100%;
}
@media (max-width: 599px) {
  bwc-onboarding .bwc-onboarding__item__content-container {
    padding-bottom: 74px;
  }
}
@media screen and (max-height: 599px) and (orientation: landscape) {
  bwc-onboarding .bwc-onboarding__item__content-container {
    padding-right: 69px;
    padding-bottom: 50px;
  }
}
bwc-onboarding .bwc-onboarding__item__content-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  padding: 24px;
  text-align: center;
}
bwc-onboarding .bwc-onboarding__item__button {
  align-self: center;
}
@media screen and (max-height: 599px) and (orientation: landscape) {
  bwc-onboarding .bwc-onboarding__item__content-wrapper {
    justify-content: center;
  }
}
bwc-onboarding .bwc-onboarding__item__content-wrapper {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
@media screen and (max-height: 599px) and (orientation: landscape) {
  bwc-onboarding .bwc-onboarding__item__title {
    max-height: 50px;
    white-space: normal;
  }
}
bwc-onboarding .bwc-onboarding__item__title {
  margin-bottom: 8px;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (max-height: 599px) and (orientation: landscape) {
  bwc-onboarding .bwc-onboarding__item__message-text {
    max-height: 132px;
    line-height: 1.6em;
    white-space: normal;
  }
}
bwc-onboarding .bwc-onboarding__item__message-text {
  max-height: 70px;
  overflow: hidden;
}
@media (min-width: 600px) {
  bwc-onboarding .bwc-onboarding-controls__button {
    bottom: calc(50% - 17px);
  }
}
@media screen and (max-height: 599px) and (orientation: landscape) {
  bwc-onboarding .bwc-onboarding-controls__button {
    bottom: calc(50% - 17px);
  }
}
bwc-onboarding .bwc-onboarding-controls__button {
  position: absolute;
  bottom: 16px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  outline: none;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
  text-align: center;
}
@media (min-width: 600px) {
  bwc-onboarding .bwc-onboarding-controls__button--left {
    left: -82px;
  }
}
@media screen and (max-height: 599px) and (orientation: landscape) {
  bwc-onboarding .bwc-onboarding-controls__button--left {
    left: 16px;
  }
}
bwc-onboarding .bwc-onboarding-controls__button--left {
  left: 16px;
}
@media (min-width: 600px) {
  bwc-onboarding .bwc-onboarding-controls__button--right {
    right: -82px;
  }
}
@media screen and (max-height: 599px) and (orientation: landscape) {
  bwc-onboarding .bwc-onboarding-controls__button--right {
    right: 16px;
  }
}
bwc-onboarding .bwc-onboarding-controls__button--right {
  right: 16px;
}
bwc-onboarding .bwc-onboarding-close {
  position: absolute;
  top: 8px;
  right: 8px;
}
bwc-onboarding .bwc-onboarding-close__button {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
}
@media (min-width: 600px) {
  bwc-onboarding .bwc-onboarding-pagination {
    bottom: -36px;
    width: 360px;
  }
}
@media screen and (max-height: 599px) and (orientation: landscape) {
  bwc-onboarding .bwc-onboarding-pagination {
    bottom: 10px;
    width: 100%;
  }
}
bwc-onboarding .bwc-onboarding-pagination {
  display: flex;
  position: absolute;
  bottom: 19px;
  justify-content: center;
  width: 100%;
  list-style: none;
}
bwc-onboarding .bwc-onboarding-pagination__item {
  margin-left: 12px;
}
bwc-onboarding .bwc-onboarding-pagination__item:first-child {
  margin-left: 0;
}
bwc-onboarding .bwc-onboarding-pagination__item__button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  outline: none;
}

/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
/*------------------------------------*\
  #PAGE-TEMPLATE
\*------------------------------------*/
bwc-page-template > .mat-drawer-container,
bwc-page-template > .mat-drawer-container > .mat-drawer-content {
  overflow: initial;
}
bwc-page-template .bwc-page-template__container {
  display: flex;
  width: 100%;
  height: 100%;
  transform: none !important;
}
bwc-page-template .bwc-page-template__container .mat-sidenav-content,
bwc-page-template .bwc-page-template__container .mat-sidenav-container,
bwc-page-template .bwc-page-template__container .mat-drawer-content {
  transform: none !important;
}
bwc-page-template .bwc-page-template__container > .mat-drawer-content {
  flex: 1 0 auto;
  flex-direction: column;
  width: 100%;
}
bwc-page-template .bwc-page-template__container footer {
  z-index: 0;
}
bwc-page-template .bwc-page-template__content {
  display: flex;
  flex-direction: column;
  height: inherit;
}
bwc-page-template .bwc-page-template__content__sticky-header {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  z-index: 1;
  top: 0;
  width: 100%;
  transition: transform 180ms ease-in;
}
bwc-page-template .bwc-page-template__content__sticky-header bwc-subheader .mat-toolbar {
  box-shadow: none;
}
bwc-page-template .bwc-page-template__content__sticky-header bwc-logo-header .mat-toolbar {
  box-shadow: none;
}
bwc-page-template .bwc-page-template__content__sticky-header__toptasks {
  display: none;
  background-color: var(--bwc-palette-white);
}
@media (min-width: 960px) {
  bwc-page-template .bwc-page-template__content__sticky-header__toptasks {
    display: block;
  }
}
bwc-page-template .bwc-page-template__content__sticky-header-collapsed {
  transform: translateY(-56px);
}
bwc-page-template .bwc-page-template__content__sticky-header-collapsed .bwc-logo-header__container--hide-collapsed {
  display: none;
}
bwc-page-template .bwc-page-template__content__sticky-top-tasks {
  display: block;
  position: sticky;
  z-index: 1;
  bottom: 0;
  width: 100%;
  padding-bottom: env(safe-area-inset-bottom);
  box-shadow: 0 -2px 7px 0 rgba(0, 0, 0, 0.22);
}
@media (min-width: 960px) {
  bwc-page-template .bwc-page-template__content__sticky-top-tasks {
    display: none;
    height: 0;
    overflow: hidden;
  }
}
bwc-page-template .bwc-page-template__content__main-view {
  position: relative;
  z-index: 0;
  flex-grow: 1;
  flex-shrink: 0;
}
bwc-page-template .bwc-page-template__content bwc-legal-footer {
  flex-grow: 0;
  flex-shrink: 0;
}
bwc-page-template .bwc-page-template__sidenav {
  width: 280px;
}
@media (min-width: 600px) {
  bwc-page-template .bwc-page-template__sidenav {
    width: 320px;
  }
}
bwc-page-template .bwc-page-template__sidenav__divider {
  display: block;
  margin: 0;
  border-top: 1px solid transparent;
}
bwc-page-template .bwc-page-template__sidenav__alllinks {
  margin-top: 16px;
  margin-left: 40px;
}
bwc-page-template .bwc-page-template__sidenav__enabler {
  padding: 0 20px;
}
bwc-page-template .bwc-page-template__sidenav__enabler button {
  width: 100%;
  min-height: 56px;
  padding: 0 20px;
}
bwc-page-template .bwc-page-template__sidenav__enabler button__button-flag-wrapper {
  display: flex;
  align-items: center;
  justify-content: left;
}
bwc-page-template .bwc-page-template__sidenav__enabler button__button-flag-wrapper__left-icon {
  margin-right: 8px;
}
bwc-page-template .bwc-page-template__sidenav__close-button {
  padding: 16px;
}
bwc-page-template .bwc-page-template__sidenav bwc-multi-list:not([horizontal]) .bwc-multi-list-item .mdc-list-item {
  height: auto;
  min-height: 48px;
}
bwc-page-template .bwc-page-template__sidenav bwc-multi-list:not([horizontal]) .bwc-multi-list-item .mdc-list-item__content {
  padding: 0;
}
bwc-page-template .bwc-page-template__sidenav bwc-multi-list:not([horizontal]) .bwc-multi-list-item__button, bwc-page-template .bwc-page-template__sidenav bwc-multi-list:not([horizontal]) .bwc-multi-list-item__link {
  box-sizing: border-box;
  min-height: 24px;
  text-decoration: none;
  white-space: normal;
}
bwc-page-template .bwc-page-template__sidenav bwc-multi-list:not([horizontal]) .bwc-multi-list-item__icon {
  margin-right: 16px;
}
bwc-page-template .bwc-page-template__sidenav bwc-multi-list:not([horizontal]) .bwc-multi-list-item__link--active {
  padding-left: 36px;
  border-left: 4px solid transparent;
}
bwc-page-template .bwc-page-template__notification.bwc-notification .bwc-notification__container {
  flex-basis: 1440px;
  flex-grow: 0;
  margin: 0 auto;
}
bwc-page-template .bwc-page-template__notification.bwc-notification__linklist {
  margin: 0;
  list-style: none;
}
bwc-page-template .bwc-page-template__notification.bwc-notification__linklist a {
  margin-left: 8px;
}

html.bwc-page-template-powered {
  display: flex;
  min-height: 100%;
}
html.bwc-page-template-powered body {
  flex: 1 1 100%;
  max-width: 100%;
}

bwc-print-header {
  display: none;
}

/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
/*------------------------------------*\
  #SLIDESHOW
\*------------------------------------*/
.bwc-slideshow {
  display: block;
  position: relative;
  box-sizing: content-box;
  height: 100%;
  padding: 0 0 64px;
  overflow: hidden;
}
@media (min-width: 600px) {
  .bwc-slideshow {
    padding-bottom: 0;
  }
}
.bwc-slideshow__wrapper-container {
  height: inherit;
}
.bwc-slideshow__container {
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0;
}
.bwc-slideshow__container.bwc-slideshow__transition--fade {
  position: relative;
}
.bwc-slideshow__controls {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 64px;
}
@media (min-width: 600px) {
  .bwc-slideshow__controls {
    bottom: 24px;
    height: 40px;
  }
}
.bwc-slideshow__controls-middle-section {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
@media (min-width: 600px) {
  .bwc-slideshow__controls-middle-section {
    flex-grow: 0;
  }
}
.bwc-slideshow__control-button {
  width: 32px;
  height: 32px;
  margin: 0 8px;
  border-radius: 50%;
  background-color: var(--bwc-palette-white);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  color: var(--bwc-palette-primary-500);
  text-align: center;
}
.bwc-slideshow__control-button--hidden {
  visibility: hidden;
}
.bwc-slideshow__pagination {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.bwc-slideshow__pagination-button {
  width: 12px;
  height: 12px;
  margin: 8px;
  border-radius: 50%;
  outline: none;
  background-color: var(--bwc-palette-white);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.bwc-slideshow__pagination-button--active {
  background-color: var(--bwc-palette-primary-500);
}
.bwc-slideshow__announcer {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.bwc-slideshow-item {
  display: flex;
  box-sizing: border-box;
  flex: 0 0 100%;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 12px;
  background-size: cover;
}
.bwc-slideshow-item__inspirational {
  padding: 0;
}
.bwc-slideshow__transition--fade .bwc-slideshow-item {
  visibility: hidden;
  position: absolute;
  transition: opacity 1s ease-in, visibility 1s ease-in;
  opacity: 0;
}
.bwc-slideshow__transition--fade .bwc-slideshow-item--active {
  visibility: visible;
  opacity: 1;
}

/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
/*------------------------------------*\
  #TOP-TASK structural styles
\*------------------------------------*/
bwc-top-task {
  display: flex;
}
bwc-top-task bwc-multi-list[horizontal] {
  height: 64px;
}
@media (min-width: 960px) {
  bwc-top-task bwc-multi-list[horizontal] {
    height: auto;
  }
}
:host-context(.bw-af) bwc-top-task bwc-multi-list[horizontal] {
  height: 56px;
}

/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
.bwc-hero--is-landing .bwc-hero__image-container {
  border-radius: 0;
}
.bwc-hero__image-container {
  overflow: hidden;
  border-radius: 0;
}
@media (min-width: 960px) {
  .bwc-hero__image-container {
    border-radius: 0;
  }
}
.bwc-hero--no-image [bwc-hero-title],
.bwc-hero--no-image [bwc-hero-sub-title] {
  color: inherit !important;
}
.bwc-hero--no-image [bwc-hero-component-slot-1] {
  margin-bottom: 24px;
}
.bwc-hero--no-image .bwc-breadcrumb__item {
  color: var(--bwc-palette-primary-900) !important;
}
.bwc-hero--no-image .bwc-breadcrumb__item__link {
  color: var(--bwc-palette-primary-500) !important;
}
.bwc-hero__content .bwc-breadcrumb {
  padding: 0 !important;
}
.bwc-hero__content .bwc-breadcrumb__item {
  color: var(--bwc-palette-white);
}
.bwc-hero__content .bwc-breadcrumb__item__link {
  color: var(--bwc-palette-white);
}
.bwc-hero__content .bwc-breadcrumb__item {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: bold;
}
.bwc-hero__content [bwc-hero-title] {
  margin: 8px 0;
}
.bwc-hero__content [bwc-hero-title],
.bwc-hero__content [bwc-hero-sub-title] {
  color: var(--bwc-palette-white);
}
.bwc-hero__content [bwc-hero-component-slot-1] {
  margin-top: 24px;
}
.bwc-hero__component-slot-2-container--overlap [bwc-hero-component-slot-2] {
  margin-bottom: 0 !important;
}
.bwc-hero__component-slot-2-container [bwc-hero-component-slot-2] {
  margin-bottom: 48px;
}

@media (min-width: 600px) {
  .bwc-cookiebar {
    padding: 16px 24px 8px;
  }
}
.bwc-cookiebar {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  padding: 8px 16px;
}
.bwc-cookiebar__link {
  text-decoration: underline;
}
.bwc-cookiebar__content {
  display: flex;
  justify-content: space-between;
  max-width: 960px;
  margin: 0 auto;
}
.bwc-cookiebar__button {
  text-align: right;
}
.bwc-cookiebar__button button {
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  .bwc-cookiebar__msg {
    display: block;
    padding-bottom: 8px;
  }
}
@media (min-width: 600px) {
  .bwc-cookiebar__msg--short {
    display: none;
  }
}
@media (max-width: 599px) {
  .bwc-cookiebar__msg--long {
    display: none;
  }
}

/*------------------------------------*\
  #CAROUSEL-SLIDESHOW
\*------------------------------------*/
.bwc-footer__top-row {
  border-top: solid 1px;
}
@media (max-width: 599px) {
  .bwc-footer bwc-footer-nav-list {
    width: 100%;
    border-bottom: solid 1px;
  }
}
@media (min-width: 600px) {
  .bwc-footer bwc-footer-nav-list {
    width: 93%;
    margin-bottom: 24px;
    padding-top: 16px;
    border: none;
  }
}
@media (min-width: 960px) {
  .bwc-footer bwc-footer-nav-list {
    width: 93%;
  }
}
.bwc-footer bwc-footer-nav-list {
  display: block;
  box-sizing: border-box;
}
.bwc-footer bwc-footer-nav-list:last-child {
  border: none;
}
.bwc-footer .bwc-footer-nav-list__app-badge {
  border-width: 1px;
}

/* stylelint-disable color-no-hex */
.bwc-flight-segment__details .mat-expansion-panel {
  box-shadow: none !important;
}
.bwc-flight-segment__details .mat-expansion-panel .mat-expansion-panel-header {
  display: inline-flex;
  padding: 0 !important;
}
.bwc-flight-segment__details .mat-expansion-panel .mat-expansion-panel-header:hover {
  background: var(--bwc-palette-white) !important;
}
.bwc-flight-segment__details .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  display: inline-block;
}
.bwc-flight-segment__details .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title .bwc-typo-body-m-regular {
  color: var(--bwc-palette-primary-300);
}
.bwc-flight-segment__details .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator {
  display: inline-block;
  padding: 0;
}
.bwc-flight-segment__details .mat-expansion-panel .mat-expansion-panel-header .mat-content {
  display: inline;
  flex: auto;
}
.bwc-flight-segment__details .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 0;
}
.bwc-flight-segment__node-dot {
  background-color: var(--bwc-palette-white);
}
.bwc-flight-segment--cancelled .bwc-flight-segment__node-dot {
  border-color: var(--bwc-palette-grey-500);
  background-color: var(--bwc-palette-grey-500);
}
.bwc-flight-segment__amenities {
  border-color: var(--bwc-palette-grey-200);
}
.bwc-flight-segment__carrier-logo img {
  width: auto !important;
  height: 16px;
  margin-left: 8px;
  vertical-align: top;
}
.bwc-flight-segment--cancelled .bwc-flight-segment__transfer-border, .bwc-flight-segment--cancelled .bwc-flight-segment__details-border, .bwc-flight-segment--cancelled .bwc-flight-segment__transfer-time-border, .bwc-flight-segment--cancelled .bwc-flight-segment__amenities {
  border-color: var(--bwc-palette-grey-500);
}
.bwc-flight-segment--cancelled .bwc-flight-segment.bwc-typo-body-m-regular,
.bwc-flight-segment--cancelled .bwc-flight-segment .bwc-typo-headline-xs,
.bwc-flight-segment--cancelled .bwc-flight-segment .bwc-typo-caption,
.bwc-flight-segment--cancelled .bwc-flight-segment .bwc-typo-body-m-regular:not(.bwc-notification__content) {
  color: var(--bwc-palette-grey-500);
}
.bwc-flight-segment--cancelled .bwc-flight-segment__node:last-child .bwc-flight-segment__node-dot {
  background-color: var(--bwc-palette-grey-500);
}
.bwc-flight-segment--cancelled .bwc-flight-segment .mat-icon.mat-primary, .bwc-flight-segment--cancelled .bwc-flight-segment .mat-icon.mat-accent, .bwc-flight-segment--cancelled .bwc-flight-segment .mat-icon.mat-warn {
  color: var(--bwc-palette-grey-500);
}
.bwc-flight-segment .bwc-flight-segment__amenity-icon {
  display: inline-block;
  width: calc(1em / 16 * 24);
  height: calc(1em / 16 * 24);
  font-size: 1rem;
  line-height: 0;
  text-align: left;
  vertical-align: middle;
}
.bwc-flight-segment .bwc-flight-segment__rich-content-caption {
  font-weight: bold;
}
.bwc-flight-segment .mat-mdc-card > .mat-mdc-card-actions {
  display: flex;
}
.bwc-flight-segment .mat-mdc-card > .mat-mdc-card-actions:last-child {
  padding-bottom: 8px;
}
.bwc-flight-segment translate-transfer-time {
  padding-right: 4px;
}

.bwc-content-image-caption .bwc-typo-body-m-bold {
  background-color: rgba(var(--bwc-palette-primary-500-rgb), 0.65);
  color: var(--bwc-palette-grey-100);
}

/*------------------------------------*\
  #LEGAL-FOOTER theme styles
\*------------------------------------*/
bwc-legal-footer .bwc-legal-footer {
  background-color: var(--bwc-palette-white);
}
bwc-legal-footer .bwc-legal-footer__item {
  color: var(--bwc-palette-grey-900);
}
bwc-legal-footer .bwc-legal-footer__item:after {
  content: "|";
  border: none;
  content: "|";
  border: none;
}
/*------------------------------------*\
  #COUNTRYLANGUAGETHEME
\*------------------------------------*/
.bwc-menu__button-action .mat-mdc-menu-item {
  color: var(--bwc-palette-primary-900);
}

.bwc-menu-item__expand .mat-icon-no-color {
  color: var(--bwc-palette-primary-900);
}
/*------------------------------------*\
  #MULTI-LIST
\*------------------------------------*/
/*------------------------------------*\
  #NAVIGATION LIST TABLE OF CONTENT
\*------------------------------------*/
[bwcNavButtonToc].bwc-nav-list--selected {
  border-color: var(--bwc-palette-accent-500);
  background: var(--bwc-palette-grey-200);
}
[bwcNavButtonToc].bwc-nav-list-item--selected .bwc-nav-toc-button__label {
  color: var(--bwc-palette-primary-900);
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: bold;
}
[bwcNavButtonToc].bwc-nav-list-nobg--selected {
  border-color: var(--bwc-palette-accent-500);
  background: var(--bwc-palette-grey-200);
  background: initial;
}

.bwc-nav-toc-button--expanded {
  border-top: 1px solid;
}

.mat-mdc-nav-list[bwcnavlisttoc] .mdc-list-item__content {
  padding: 0;
}

/*------------------------------------*\
  #NAVIGATION LIST
\*------------------------------------*/
[bwcNavButton].bwc-nav-list--selected {
  border-color: var(--bwc-palette-accent-500);
}
[bwcNavButton].bwc-nav-list--selected .bwc-nav-button__label {
  color: var(--bwc-palette-accent-500);
}

.bwc-nav-button--expanded {
  border-top: 1px solid;
}

[bwcNavList] [bwcNavList][aria-expanded=true] {
  border-bottom: 1px solid;
}
[bwcNavList] [bwcNavList] [bwcNavButton].bwc-nav-list--selected .bwc-nav-button__label {
  color: var(--bwc-palette-accent-500);
}

bwc-sidenav .bwc-nav-list__container .bwc-sidenav__button {
  border-color: transparent;
}
bwc-sidenav .bwc-nav-list__container .bwc-sidenav.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) .mat-drawer-inner-container {
  display: block;
}

/*------------------------------------*\
  #ONBOARDING
\*------------------------------------*/
/*------------------------------------*\
  #PAGE-TEMPLATE
\*------------------------------------*/
bwc-page-template .bwc-page-template__sidenav bwc-multi-list:not([horizontal]) .bwc-multi-list-item__link, bwc-page-template .bwc-page-template__sidenav bwc-multi-list:not([horizontal]) .bwc-multi-list-item__button {
  color: var(--bwc-palette-primary-900);
}
bwc-page-template .bwc-page-template__sidenav bwc-multi-list:not([horizontal]) .bwc-multi-list-item__link bwc-icon, bwc-page-template .bwc-page-template__sidenav bwc-multi-list:not([horizontal]) .bwc-multi-list-item__button bwc-icon {
  color: var(--bwc-palette-primary-500);
}
bwc-page-template .bwc-page-template__sidenav bwc-multi-list:not([horizontal]) .bwc-multi-list-item__link--active {
  border-color: var(--bwc-palette-accent-500);
}
bwc-page-template .bwc-page-template__content__sticky-top-tasks {
  background-color: var(--bwc-palette-white);
}

.bwc-overlay-inspire-pane .mat-mdc-dialog-container {
  /* Need to override angular material close btn styling - border shadow is removed.
   * Reason - Since we could not reach dialog container within stylesURl. */
}
@media (min-width: 600px) {
  .bwc-overlay-inspire-pane .mat-mdc-dialog-container {
    padding: 0;
  }
  .bwc-overlay-inspire-pane .mat-mdc-dialog-container .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-ripple {
    border: 1.5px solid;
    box-shadow: none;
  }
  .bwc-overlay-inspire-pane .mat-mdc-dialog-container .mat-mdc-dialog-surface {
    padding: 0 24px 24px;
    background-color: #0c1caf;
  }
}
.bwc-overlay-inspire-pane .mat-mdc-dialog-container {
  padding: 0;
}

/*------------------------------------*\
  #SUBHEADER
\*------------------------------------*/
bwc-scroll-shrink-subheader {
  background-image: linear-gradient(rgba(var(--bwc-palette-primary-900-rgb), 0.1), rgba(var(--bwc-palette-primary-900-rgb), 0.2)), linear-gradient(rgba(var(--bwc-palette-primary-900-rgb), 0.1), rgba(var(--bwc-palette-primary-900-rgb), 0.1));
}
bwc-scroll-shrink-subheader.bwc-scroll-shrink-subheader--has-picture .bwc-scroll-shrink-subheader__background-gradient {
  background: linear-gradient(rgba(var(--bwc-palette-primary-900-rgb), 0.1), rgba(var(--bwc-palette-primary-900-rgb), 0.2)), linear-gradient(rgba(var(--bwc-palette-primary-900-rgb), 0.1), rgba(var(--bwc-palette-primary-900-rgb), 0.1));
}
bwc-scroll-shrink-subheader.bwc-scroll-shrink-subheader--has-picture .bwc-subheader__label-title {
  text-shadow: var(--bwc-palette-black) 0 2px 2px;
}
bwc-scroll-shrink-subheader .bwc-scroll-shrink-subheader bwc-subheader {
  position: relative;
  z-index: 100;
}
bwc-scroll-shrink-subheader .bwc-scroll-shrink-subheader bwc-subheader, bwc-scroll-shrink-subheader .bwc-scroll-shrink-subheader bwc-subheader mat-toolbar {
  width: 100%;
  height: 100%;
}
bwc-scroll-shrink-subheader .bwc-scroll-shrink-subheader bwc-subheader .mat-toolbar,
bwc-scroll-shrink-subheader .bwc-scroll-shrink-subheader bwc-subheader .mat-toolbar-row {
  width: 100%;
  box-shadow: none;
}
bwc-scroll-shrink-subheader .bwc-scroll-shrink-subheader bwc-subheader .mat-toolbar-single-row {
  white-space: normal;
}
bwc-scroll-shrink-subheader .bwc-scroll-shrink-subheader--scroll-finished bwc-subheader .mat-toolbar {
  height: auto;
}
bwc-scroll-shrink-subheader .bwc-scroll-shrink-subheader--scroll-finished bwc-subheader .bwc-subheader__button-back {
  margin-right: 0;
}
bwc-scroll-shrink-subheader .bwc-scroll-shrink-subheader--scroll-finished bwc-subheader .bwc-subheader__label-title {
  display: block;
  top: 26px;
  bottom: auto;
  align-self: auto;
  text-shadow: none;
}
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
/*------------------------------------*\
  #TOP-TASK themeable color styles
\*------------------------------------*/
@media (min-width: 960px) {
  bwc-top-task {
    background: linear-gradient(92deg, #2a6ff3, #021873);
  }
}
bwc-top-task {
  background-color: var(--bwc-palette-white);
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0;
}
@media (min-width: 960px) {
  bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list {
    height: auto;
  }
}
@media (min-width: 960px) {
  bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .bwc-multi-list-item {
    flex: 0 0 auto;
  }
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .bwc-multi-list-item {
  display: flex;
  flex: 1 0 0;
  align-items: flex-end;
  justify-content: center;
  height: 100%;
  min-height: auto;
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .bwc-multi-list-item:not(:last-child) {
  margin-right: 0;
}
@media (min-width: 960px) {
  bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .bwc-multi-list-item__content {
    width: auto;
    height: auto;
  }
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .bwc-multi-list-item__content {
  width: 100%;
  height: 100%;
  padding: 0;
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .bwc-multi-list-item--link {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
@media (min-width: 960px) {
  bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .bwc-multi-list-item--link {
    font-size: 1.125rem;
    line-height: 1.4444444444;
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    color: #1d1d1d;
    font-weight: normal;
    flex-direction: row;
    height: auto;
    min-height: auto;
    margin: 0;
    padding: 12px 24px 8px;
    border-bottom: 4px solid transparent;
  }
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .bwc-multi-list-item--link {
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0 4px;
  border-bottom: none;
  line-height: 1.5;
  text-align: center;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media (min-width: 960px) {
  bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .bwc-multi-list-item--link bwc-icon {
    display: none;
    margin-right: 8px;
  }
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .bwc-multi-list-item--link bwc-icon {
  margin-top: 8px;
  margin-right: 0;
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .bwc-multi-list-item--link:hover, bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .bwc-multi-list-item--link:focus {
  outline: none;
  text-decoration: none;
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .bwc-multi-list-item--link:hover {
  background: none;
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item {
  height: 100%;
  padding: 0;
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item:hover::before {
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item:active::before {
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  background-color: var(--bwc-palette-black);
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item .mdc-list-item__content {
  height: 100%;
  padding: 0;
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item .mdc-list-item__content .mdc-list-item__primary-text {
  display: flex;
  width: 100%;
  height: 100%;
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item .mdc-list-item__content .bwc-multi-list-item--link,
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item .mdc-list-item__content .bwc-multi-list-item .mdc-list-item {
  width: 100%;
  height: 100%;
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item .mdc-list-item__content .bwc-multi-list-item--link bwc-icon,
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item .mdc-list-item__content .bwc-multi-list-item .mdc-list-item bwc-icon {
  color: var(--bwc-palette-primary-500);
}
@media (min-width: 960px) {
  bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item .mdc-list-item__content .bwc-multi-list-item--link:hover, bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item .mdc-list-item__content .bwc-multi-list-item--link:focus,
  bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item .mdc-list-item__content .bwc-multi-list-item .mdc-list-item:hover,
  bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item .mdc-list-item__content .bwc-multi-list-item .mdc-list-item:focus {
    color: inherit;
  }
}
@media (min-width: 960px) {
  bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item .mdc-list-item__content .bwc-multi-list-item--link.bwc-multi-list-item--selected,
  bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item .mdc-list-item__content .bwc-multi-list-item .mdc-list-item.bwc-multi-list-item--selected {
    border-bottom: 4px solid;
  }
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item .mdc-list-item__content .bwc-multi-list-item--link.bwc-multi-list-item--selected,
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item .mdc-list-item__content .bwc-multi-list-item .mdc-list-item.bwc-multi-list-item--selected {
  color: inherit;
}
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item .mdc-list-item__content .bwc-multi-list-item--link.bwc-multi-list-item--selected bwc-icon,
bwc-top-task bwc-multi-list[horizontal] .bwc-multi-list .mat-mdc-list-item .mdc-list-item__content .bwc-multi-list-item .mdc-list-item.bwc-multi-list-item--selected bwc-icon {
  color: var(--bwc-palette-accent-500);
}
/*------------------------------------*\
  #TOC themeable color styles
\*------------------------------------*/
/*------------------------------------*\
  #STEPPER
\*------------------------------------*/
.bwc-form-select .mat-input-subscript-wrapper {
  top: 100%;
  margin-top: -1.45em;
}
.bwc-form-select .bwc-form-errors {
  flex-direction: row-reverse;
}
.bwc-form-select .bwc-form-errors .mat-icon {
  margin-left: 0;
}
.bwc-form-select__input-container .mat-mdc-select {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  width: 100%;
  padding-top: 0;
}
.bwc-form-select__input-container .mat-select .mat-select-underline {
  background-color: rgba(0, 0, 0, 0.12);
}
.bwc-form-select__input-container .mat-select.ng-touched.ng-invalid .mat-select-underline {
  background-color: var(--bwc-palette-red-500);
}
.bwc-form-select__input-container .mat-mdc-select-trigger {
  padding-right: 8px;
}
.bwc-form-select__input-container .mat-mdc-select-trigger .mat-mdc-select-value {
  padding-right: 8px;
}
.bwc-form-select__input-container .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-input-control {
  padding-right: 24px;
}
.bwc-form-select--inline .bwc-form-select__input-container .mat-mdc-form-field {
  height: 24px;
  margin-bottom: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: inherit;
}
.bwc-form-select--inline .bwc-form-select__input-container .mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0;
}
.bwc-form-select--inline .bwc-form-select__input-container .mat-mdc-form-field .mat-mdc-text-field-wrapper {
  min-height: 24px;
  padding: 0 4px;
}
.bwc-form-select--inline .bwc-form-select__input-container .mat-mdc-form-field .mat-mdc-form-field-infix {
  min-height: 24px;
  padding: 0;
  font-size: inherit;
}
.bwc-form-select--inline .bwc-form-select__input-container .mat-mdc-form-field .mat-mdc-form-field-infix .mat-mdc-select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: right;
  text-transform: inherit;
}
.bwc-form-select--inline .bwc-form-select__input-container .mat-mdc-form-field .mat-mdc-form-field-infix .mat-mdc-select[aria-expanded=true] .mat-mdc-select-arrow {
  transform: rotate(180deg);
  transition: all 0.4s ease;
  font-weight: 500;
}
.bwc-form-select--inline .bwc-form-select__input-container .mat-mdc-form-field .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow {
  transition: all 0.4s ease;
}
.bwc-form-select--inline .bwc-form-select__input-container .mat-mdc-form-field .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-trigger {
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: inherit;
}
.bwc-form-select--inline .bwc-form-select__input-container .mat-mdc-form-field .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value {
  font-weight: 600;
}
.bwc-form-select--inline .bwc-form-select__input-container .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline {
  opacity: 0;
}
.bwc-form-select--inline .mat-mdc-form-field.mat-focused .mat-mdc-select-arrow {
  color: var(--bwc-palette-primary-900);
}
.bwc-form-select--inline .mat-mdc-select-value {
  color: var(--bwc-palette-primary-900);
}
.bwc-form-select--inline .mat-mdc-select-arrow {
  color: var(--bwc-palette-primary-900);
}
.bwc-form-select--inline .mat-mdc-select-disabled .mat-mdc-select-value {
  color: var(--bwc-palette-grey-500);
}
.bwc-form-select--inline__panel.mat-primary .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text {
  color: var(--bwc-palette-primary-900);
  font-weight: 500;
}
.bwc-form-select--inline__panel {
  min-width: 200px;
}
.bwc-form-select--inline__panel .mat-pseudo-checkbox {
  display: none;
}

/* stylelint-disable no-descending-specificity */
.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}

html {
  --mat-sys-on-surface: initial;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #0c1caf;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #33b1ff;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #e32849;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #33b1ff;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #33b1ff;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #0c1caf;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0c1caf;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #33b1ff;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #33b1ff;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #e32849;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #e32849;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mdc-elevated-card-container-shape: 4px;
}
html {
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #0c1caf;
  --mdc-linear-progress-track-color: rgba(12, 28, 175, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #33b1ff;
  --mdc-linear-progress-track-color: rgba(51, 177, 255, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #e32849;
  --mdc-linear-progress-track-color: rgba(227, 40, 73, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}

html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

html {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
html {
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
html {
  --mdc-filled-text-field-caret-color: #0c1caf;
  --mdc-filled-text-field-focus-active-indicator-color: #0c1caf;
  --mdc-filled-text-field-focus-label-text-color: rgba(12, 28, 175, 0.87);
  --mdc-filled-text-field-container-color: rgb(244.8, 244.8, 244.8);
  --mdc-filled-text-field-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #e32849;
  --mdc-filled-text-field-error-focus-label-text-color: #e32849;
  --mdc-filled-text-field-error-label-text-color: #e32849;
  --mdc-filled-text-field-error-caret-color: #e32849;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #e32849;
  --mdc-filled-text-field-error-focus-active-indicator-color: #e32849;
  --mdc-filled-text-field-error-hover-active-indicator-color: #e32849;
}
html {
  --mdc-outlined-text-field-caret-color: #0c1caf;
  --mdc-outlined-text-field-focus-outline-color: #0c1caf;
  --mdc-outlined-text-field-focus-label-text-color: rgba(12, 28, 175, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #e32849;
  --mdc-outlined-text-field-error-focus-label-text-color: #e32849;
  --mdc-outlined-text-field-error-label-text-color: #e32849;
  --mdc-outlined-text-field-error-hover-label-text-color: #e32849;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #e32849;
  --mdc-outlined-text-field-error-hover-outline-color: #e32849;
  --mdc-outlined-text-field-error-outline-color: #e32849;
}
html {
  --mat-form-field-focus-select-arrow-color: rgba(12, 28, 175, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #e32849;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #33b1ff;
  --mdc-filled-text-field-focus-active-indicator-color: #33b1ff;
  --mdc-filled-text-field-focus-label-text-color: rgba(51, 177, 255, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color: #33b1ff;
  --mdc-outlined-text-field-focus-outline-color: #33b1ff;
  --mdc-outlined-text-field-focus-label-text-color: rgba(51, 177, 255, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(51, 177, 255, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #e32849;
  --mdc-filled-text-field-focus-active-indicator-color: #e32849;
  --mdc-filled-text-field-focus-label-text-color: rgba(227, 40, 73, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color: #e32849;
  --mdc-outlined-text-field-focus-outline-color: #e32849;
  --mdc-outlined-text-field-focus-label-text-color: rgba(227, 40, 73, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(227, 40, 73, 0.87);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
}
html {
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
}
html {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}

html {
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(12, 28, 175, 0.87);
  --mat-select-invalid-arrow-color: rgba(227, 40, 73, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(51, 177, 255, 0.87);
  --mat-select-invalid-arrow-color: rgba(227, 40, 73, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(227, 40, 73, 0.87);
  --mat-select-invalid-arrow-color: rgba(227, 40, 73, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mdc-dialog-container-shape: 4px;
}
html {
  --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}

html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #0c1caf;
  --mdc-chip-elevated-selected-container-color: #0c1caf;
  --mdc-chip-elevated-disabled-container-color: #0c1caf;
  --mdc-chip-flat-disabled-selected-container-color: #0c1caf;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #33b1ff;
  --mdc-chip-elevated-selected-container-color: #33b1ff;
  --mdc-chip-elevated-disabled-container-color: #33b1ff;
  --mdc-chip-flat-disabled-selected-container-color: #33b1ff;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #e32849;
  --mdc-chip-elevated-selected-container-color: #e32849;
  --mdc-chip-elevated-disabled-container-color: #e32849;
  --mdc-chip-flat-disabled-selected-container-color: #e32849;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}

html {
  --mdc-switch-selected-focus-state-layer-color: #021873;
  --mdc-switch-selected-handle-color: #021873;
  --mdc-switch-selected-hover-state-layer-color: #021873;
  --mdc-switch-selected-pressed-state-layer-color: #021873;
  --mdc-switch-selected-focus-handle-color: black;
  --mdc-switch-selected-hover-handle-color: black;
  --mdc-switch-selected-pressed-handle-color: black;
  --mdc-switch-selected-focus-track-color: #3b5071;
  --mdc-switch-selected-hover-track-color: #3b5071;
  --mdc-switch-selected-pressed-track-color: #3b5071;
  --mdc-switch-selected-track-color: #3b5071;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #03081d;
  --mdc-switch-selected-handle-color: #03081d;
  --mdc-switch-selected-hover-state-layer-color: #03081d;
  --mdc-switch-selected-pressed-state-layer-color: #03081d;
  --mdc-switch-selected-focus-handle-color: black;
  --mdc-switch-selected-hover-handle-color: black;
  --mdc-switch-selected-pressed-handle-color: black;
  --mdc-switch-selected-focus-track-color: #0062e6;
  --mdc-switch-selected-hover-track-color: #0062e6;
  --mdc-switch-selected-pressed-track-color: #0062e6;
  --mdc-switch-selected-track-color: #0062e6;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #b60403;
  --mdc-switch-selected-handle-color: #b60403;
  --mdc-switch-selected-hover-state-layer-color: #b60403;
  --mdc-switch-selected-pressed-state-layer-color: #b60403;
  --mdc-switch-selected-focus-handle-color: #5c0202;
  --mdc-switch-selected-hover-handle-color: #5c0202;
  --mdc-switch-selected-pressed-handle-color: #5c0202;
  --mdc-switch-selected-focus-track-color: #fb1c1b;
  --mdc-switch-selected-hover-track-color: #fb1c1b;
  --mdc-switch-selected-pressed-track-color: #fb1c1b;
  --mdc-switch-selected-track-color: #fb1c1b;
}

html {
  --mdc-switch-state-layer-size: 40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Roboto, sans-serif;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: 0.0178571429em;
  --mat-switch-label-text-weight: 400;
}

html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #0c1caf;
  --mdc-radio-selected-hover-icon-color: #0c1caf;
  --mdc-radio-selected-icon-color: #0c1caf;
  --mdc-radio-selected-pressed-icon-color: #0c1caf;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #0c1caf;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #33b1ff;
  --mdc-radio-selected-hover-icon-color: #33b1ff;
  --mdc-radio-selected-icon-color: #33b1ff;
  --mdc-radio-selected-pressed-icon-color: #33b1ff;
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #33b1ff;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #e32849;
  --mdc-radio-selected-hover-icon-color: #e32849;
  --mdc-radio-selected-icon-color: #e32849;
  --mdc-radio-selected-pressed-icon-color: #e32849;
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #e32849;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mdc-radio-state-layer-size: 40px;
}
html {
  --mat-radio-touch-target-display: block;
}

html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}

html {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}

html {
  --mdc-slider-handle-color: #0c1caf;
  --mdc-slider-focus-handle-color: #0c1caf;
  --mdc-slider-hover-handle-color: #0c1caf;
  --mdc-slider-active-track-color: #0c1caf;
  --mdc-slider-inactive-track-color: #0c1caf;
  --mdc-slider-with-tick-marks-inactive-container-color: #0c1caf;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
}
html {
  --mat-slider-ripple-color: #0c1caf;
  --mat-slider-hover-state-layer-color: rgba(12, 28, 175, 0.05);
  --mat-slider-focus-state-layer-color: rgba(12, 28, 175, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #33b1ff;
  --mdc-slider-focus-handle-color: #33b1ff;
  --mdc-slider-hover-handle-color: #33b1ff;
  --mdc-slider-active-track-color: #33b1ff;
  --mdc-slider-inactive-track-color: #33b1ff;
  --mdc-slider-with-tick-marks-inactive-container-color: #33b1ff;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-accent {
  --mat-slider-ripple-color: #33b1ff;
  --mat-slider-hover-state-layer-color: rgba(51, 177, 255, 0.05);
  --mat-slider-focus-state-layer-color: rgba(51, 177, 255, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #e32849;
  --mdc-slider-focus-handle-color: #e32849;
  --mdc-slider-hover-handle-color: #e32849;
  --mdc-slider-active-track-color: #e32849;
  --mdc-slider-inactive-track-color: #e32849;
  --mdc-slider-with-tick-marks-inactive-container-color: #e32849;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #e32849;
  --mat-slider-hover-state-layer-color: rgba(227, 40, 73, 0.05);
  --mat-slider-focus-state-layer-color: rgba(227, 40, 73, 0.2);
}

html {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}

html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #0c1caf;
  --mdc-radio-selected-hover-icon-color: #0c1caf;
  --mdc-radio-selected-icon-color: #0c1caf;
  --mdc-radio-selected-pressed-icon-color: #0c1caf;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #33b1ff;
  --mdc-radio-selected-hover-icon-color: #33b1ff;
  --mdc-radio-selected-icon-color: #33b1ff;
  --mdc-radio-selected-pressed-icon-color: #33b1ff;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #e32849;
  --mdc-radio-selected-hover-icon-color: #e32849;
  --mdc-radio-selected-icon-color: #e32849;
  --mdc-radio-selected-pressed-icon-color: #e32849;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #0c1caf;
  --mdc-checkbox-selected-hover-icon-color: #0c1caf;
  --mdc-checkbox-selected-icon-color: #0c1caf;
  --mdc-checkbox-selected-pressed-icon-color: #0c1caf;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #0c1caf;
  --mdc-checkbox-selected-hover-state-layer-color: #0c1caf;
  --mdc-checkbox-selected-pressed-state-layer-color: #0c1caf;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #33b1ff;
  --mdc-checkbox-selected-hover-icon-color: #33b1ff;
  --mdc-checkbox-selected-icon-color: #33b1ff;
  --mdc-checkbox-selected-pressed-icon-color: #33b1ff;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #33b1ff;
  --mdc-checkbox-selected-hover-state-layer-color: #33b1ff;
  --mdc-checkbox-selected-pressed-state-layer-color: #33b1ff;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #e32849;
  --mdc-checkbox-selected-hover-icon-color: #e32849;
  --mdc-checkbox-selected-icon-color: #e32849;
  --mdc-checkbox-selected-pressed-icon-color: #e32849;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e32849;
  --mdc-checkbox-selected-hover-state-layer-color: #e32849;
  --mdc-checkbox-selected-pressed-state-layer-color: #e32849;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0c1caf;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}

html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

html {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
}
html {
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #0c1caf;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #0c1caf;
  --mat-tab-header-active-ripple-color: #0c1caf;
  --mat-tab-header-inactive-ripple-color: #0c1caf;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #0c1caf;
  --mat-tab-header-active-hover-label-text-color: #0c1caf;
  --mat-tab-header-active-focus-indicator-color: #0c1caf;
  --mat-tab-header-active-hover-indicator-color: #0c1caf;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #33b1ff;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #33b1ff;
  --mat-tab-header-active-ripple-color: #33b1ff;
  --mat-tab-header-inactive-ripple-color: #33b1ff;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #33b1ff;
  --mat-tab-header-active-hover-label-text-color: #33b1ff;
  --mat-tab-header-active-focus-indicator-color: #33b1ff;
  --mat-tab-header-active-hover-indicator-color: #33b1ff;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #e32849;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #e32849;
  --mat-tab-header-active-ripple-color: #e32849;
  --mat-tab-header-inactive-ripple-color: #e32849;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #e32849;
  --mat-tab-header-active-hover-label-text-color: #e32849;
  --mat-tab-header-active-focus-indicator-color: #e32849;
  --mat-tab-header-active-hover-indicator-color: #e32849;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #0c1caf;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #33b1ff;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #e32849;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #33b1ff;
  --mdc-checkbox-selected-hover-icon-color: #33b1ff;
  --mdc-checkbox-selected-icon-color: #33b1ff;
  --mdc-checkbox-selected-pressed-icon-color: #33b1ff;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #33b1ff;
  --mdc-checkbox-selected-hover-state-layer-color: #33b1ff;
  --mdc-checkbox-selected-pressed-state-layer-color: #33b1ff;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #0c1caf;
  --mdc-checkbox-selected-hover-icon-color: #0c1caf;
  --mdc-checkbox-selected-icon-color: #0c1caf;
  --mdc-checkbox-selected-pressed-icon-color: #0c1caf;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #0c1caf;
  --mdc-checkbox-selected-hover-state-layer-color: #0c1caf;
  --mdc-checkbox-selected-pressed-state-layer-color: #0c1caf;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #e32849;
  --mdc-checkbox-selected-hover-icon-color: #e32849;
  --mdc-checkbox-selected-icon-color: #e32849;
  --mdc-checkbox-selected-pressed-icon-color: #e32849;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e32849;
  --mdc-checkbox-selected-hover-state-layer-color: #e32849;
  --mdc-checkbox-selected-pressed-state-layer-color: #e32849;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-touch-target-display: block;
}

html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
}
html {
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
}
html {
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
}
html {
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
}
html {
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
}
html {
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
}
html {
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}

html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #0c1caf;
}
.mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color: #0c1caf;
  --mat-text-button-ripple-color: rgba(12, 28, 175, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #33b1ff;
}
.mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color: #33b1ff;
  --mat-text-button-ripple-color: rgba(51, 177, 255, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #e32849;
}
.mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color: #e32849;
  --mat-text-button-ripple-color: rgba(227, 40, 73, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #0c1caf;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #33b1ff;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #e32849;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #0c1caf;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #33b1ff;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #e32849;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #0c1caf;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color: #0c1caf;
  --mat-outlined-button-ripple-color: rgba(12, 28, 175, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #33b1ff;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color: #33b1ff;
  --mat-outlined-button-ripple-color: rgba(51, 177, 255, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #e32849;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color: #e32849;
  --mat-outlined-button-ripple-color: rgba(227, 40, 73, 0.1);
}

html {
  --mdc-text-button-container-height: 36px;
}
html {
  --mdc-filled-button-container-height: 36px;
}
html {
  --mdc-protected-button-container-height: 36px;
}
html {
  --mdc-outlined-button-container-height: 36px;
}
html {
  --mat-text-button-touch-target-display: block;
}
html {
  --mat-filled-button-touch-target-display: block;
}
html {
  --mat-protected-button-touch-target-display: block;
}
html {
  --mat-outlined-button-touch-target-display: block;
}

html {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
}
html {
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
}
html {
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}
html {
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
}
html {
  --mdc-icon-button-icon-size: 24px;
}

html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #0c1caf;
}
html .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color: #0c1caf;
  --mat-icon-button-ripple-color: rgba(12, 28, 175, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #33b1ff;
}
html .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color: #33b1ff;
  --mat-icon-button-ripple-color: rgba(51, 177, 255, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #e32849;
}
html .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color: #e32849;
  --mat-icon-button-ripple-color: rgba(227, 40, 73, 0.1);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-fab-container-color: white;
}
html {
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html {
  --mdc-fab-small-container-color: white;
}
html {
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #0c1caf;
}
html .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #33b1ff;
}
html .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #e32849;
}
html .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #0c1caf;
}
html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #33b1ff;
}
html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #e32849;
}
html .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-small-touch-target-display: block;
}

html {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}
html {
  --mdc-snackbar-container-shape: 4px;
}

html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
}
html {
  --mat-snack-bar-button-color: #aab9d1;
}

html {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}

html {
  --mdc-circular-progress-active-indicator-color: #0c1caf;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #33b1ff;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #e32849;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}

html {
  --mat-badge-background-color: #0c1caf;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #33b1ff;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #e32849;
  --mat-badge-text-color: white;
}

html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
}
html {
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
}
html {
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
}
html {
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #0c1caf;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(12, 28, 175, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(12, 28, 175, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(12, 28, 175, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #0c1caf;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(12, 28, 175, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #33b1ff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(51, 177, 255, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(51, 177, 255, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(51, 177, 255, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(51, 177, 255, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #e32849;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(227, 40, 73, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(227, 40, 73, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(227, 40, 73, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(227, 40, 73, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #33b1ff;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #e32849;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #0c1caf;
}
.mat-icon.mat-accent {
  --mat-icon-color: #33b1ff;
}
.mat-icon.mat-warn {
  --mat-icon-color: #e32849;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #0c1caf;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #0c1caf;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #0c1caf;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #e32849;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #e32849;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #33b1ff;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #33b1ff;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #33b1ff;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #e32849;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #e32849;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #e32849;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0c1caf;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #33b1ff;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #e32849;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height: 48px;
}

html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-timepicker-container-background-color: white;
}

.bwc .mat-mdc-autocomplete-panel .mat-mdc-optgroup-label {
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  margin-bottom: 4px;
  border-bottom: 1px solid;
}
.bwc .mat-mdc-autocomplete-panel .mat-mdc-option {
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc .mat-badge:not(.mat-badge-hidden) .mat-badge-content {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  color: #f7fafd;
  font-weight: 600;
}
.bwc .mat-badge-small .mat-badge-content {
  min-width: 8px;
  max-width: 20px;
  padding: 0 4px;
  border-radius: 8px;
  font-size: 12px;
}
.bwc .mat-badge-medium .mat-badge-content {
  min-width: 12px;
  max-width: 20px;
  padding: 0 5px;
  border-radius: 11px;
  font-size: 10px;
}
.bwc .mat-badge-large .mat-badge-content {
  min-width: 14px;
  max-width: 24px;
  padding: 0 7px;
  border-radius: 14px;
}
.bwc .mat-mdc-outlined-button {
  border-radius: 30px;
}
.bwc .mat-mdc-outlined-button:not(:disabled) {
  --mdc-outlined-button-label-text-color: #1d1d1d;
  --mdc-outlined-button-outline-color: #dfdfdf;
}
.bwc .mat-mdc-outlined-button[disabled] {
  --mdc-outlined-button-disabled-label-text-color: #919195;
  --mdc-outlined-button-disabled-outline-color: #919195;
}
.bwc .mat-mdc-outlined-button:hover {
  --mdc-outlined-button-outline-color: #1d1d1d;
}
.bwc .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.08;
}
.bwc .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.16;
}
.bwc .mat-mdc-button-base {
  --mdc-protected-button-container-elevation: none;
  --mdc-protected-button-hover-container-elevation: none;
  --mdc-protected-button-pressed-container-elevation: none;
  --mdc-protected-button-focus-container-elevation: none;
  --mat-mdc-button-persistent-ripple-color: #1d1d1d;
}
.bwc .mat-mdc-button:not(:disabled) {
  --mdc-text-button-label-text-color: #1d1d1d;
  --mdc-shape-small: 30px;
}
.bwc .mat-mdc-button[disabled] {
  --mdc-text-button-disabled-label-text-color: #919195;
}
.bwc .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.08;
}
.bwc .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.16;
}
.bwc .mat-mdc-raised-button.mat-primary, .bwc .mat-mdc-raised-button.mat-accent {
  --mdc-shape-small: 30px;
}
.bwc .mat-mdc-raised-button.mat-primary .mat-mdc-button-ripple, .bwc .mat-mdc-raised-button.mat-accent .mat-mdc-button-ripple {
  border-radius: inherit;
}
.bwc .mat-mdc-raised-button.mat-primary bwc-button-content, .bwc .mat-mdc-raised-button.mat-accent bwc-button-content {
  vertical-align: baseline;
}
.bwc .mat-mdc-raised-button {
  border-width: 0;
}
.bwc .mat-mdc-raised-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: black;
}
.bwc .mat-mdc-raised-button.mat-accent:not([disabled]) {
  background-color: white;
  color: #1d1d1d;
}
.bwc .mat-mdc-raised-button.mat-accent:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.08;
}
.bwc .mat-mdc-raised-button.mat-accent:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.16;
}
.bwc .mat-mdc-raised-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: black;
}
.bwc .mat-mdc-raised-button[disabled] {
  --mdc-protected-button-disabled-container-color: #919195;
  --mdc-protected-button-disabled-label-text-color: #f7fafd;
}
.bwc .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.16;
}
.bwc .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.bwc a.mdc-button .mdc-button__label {
  display: flex;
  justify-content: center;
}
.bwc .mdc-button {
  min-width: 96px;
  height: auto;
  padding: 8px 24px;
}
.bwc .mdc-button.mat-mdc-button {
  padding: 8px;
}
.bwc .mdc-button .mdc-button__label {
  font-size: 0.875rem;
  line-height: 2;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: bold;
}
.bwc .mdc-button .mdc-button__label bwc-icon:last-child {
  margin-right: -4px;
  padding-left: 8px;
}
.bwc .mdc-button .mdc-button__label bwc-icon:first-child {
  margin-left: -4px;
  padding-right: 8px;
}
.bwc .mdc-button.mat-unthemed {
  --mdc-protected-button-label-text-color: #1d1d1d;
  padding: 8px;
  border: 1px solid #1d1d1d;
}
.bwc .mdc-button.bwc-button-large {
  padding: 16px 32px;
}
.bwc .mdc-button.bwc-button-large .mdc-button__label {
  line-height: 1.7145;
}
.bwc .mdc-button.bwc-button-large .mdc-button__label bwc-icon:last-child {
  margin-right: -8px;
}
.bwc .mdc-button.bwc-button-large .mdc-button__label bwc-icon:first-child {
  margin-left: -8px;
}
.bwc .mdc-icon-button {
  width: auto;
  min-width: 44px;
  height: auto;
  min-height: 44px;
  padding: 0;
  border-radius: 30px;
  font-size: inherit;
}
.bwc .mdc-icon-button.mat-mdc-icon-button svg {
  width: inherit;
  height: inherit;
}
.bwc .mdc-icon-button.mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
  border-radius: 30px;
}
.bwc .mdc-icon-button .mdc-button__label bwc-icon:last-child {
  padding-left: 0;
}
.bwc .mdc-icon-button .mdc-button__label bwc-icon:first-child {
  padding-right: 0;
}
.bwc .mat-mdc-icon-button[disabled] {
  --mdc-icon-button-disabled-icon-color: #919195;
}
.bwc .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.08;
}
.bwc .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.16;
}
.bwc .mdc-fab {
  --mat-mdc-button-persistent-ripple-color: black;
  --mdc-fab-container-shape: 30px;
  min-width: 44px;
  min-height: 44px;
  box-shadow: none;
}
.bwc .mdc-fab.mat-primary:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.16;
}
.bwc .mdc-fab:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24;
}
.bwc .mdc-fab:hover, .bwc .mdc-fab:focus, .bwc .mdc-fab:active, .bwc .mdc-fab:focus:active {
  box-shadow: none;
}
.bwc .mdc-fab[disabled] {
  --mdc-fab-container-color: #919195;
  --mat-mdc-fab-color: #f7fafd;
}
.bwc .mdc-fab.mat-accent {
  --mat-mdc-button-persistent-ripple-color: black;
  --mdc-fab-container-color: white;
  --mat-mdc-fab-color: #1d1d1d;
}
.bwc .mdc-fab.mat-accent[disabled] {
  --mdc-fab-container-color: #919195;
  --mat-mdc-fab-color: #919195;
}
.bwc .mdc-fab.mat-accent:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.08;
}
.bwc .mdc-fab.bwc-button-fab--stroked {
  --mdc-fab-container-color: white;
  --mat-mdc-fab-color: #1d1d1d;
  border: 1px solid #dfdfdf;
}
.bwc .mdc-fab.bwc-button-fab--stroked .mat-mdc-button-persistent-ripple {
  --mat-mdc-button-persistent-ripple-color: #1d1d1d;
}
.bwc .mdc-fab.bwc-button-fab--stroked:hover {
  border: 1px solid #1d1d1d;
}
.bwc .mdc-fab.bwc-button-fab--stroked:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.08;
}
.bwc .mdc-fab.bwc-button-fab--stroked:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.16;
}
.bwc .mdc-fab.bwc-button-fab--stroked[disabled] {
  --mdc-fab-container-color: white;
  --mat-mdc-fab-color: #919195;
  border-color: #919195;
}
.bwc .mat-mdc-card {
  padding: 16px;
  border-radius: 8px;
  color: #3b5071;
}
.bwc .mat-mdc-card.mat-mdc-card-flat {
  border: 1px solid #e8e5e5;
  box-shadow: none;
}
.bwc .mat-mdc-card.bwc-card-image {
  border-radius: 8px;
}
.bwc .mat-mdc-card .mat-mdc-card-image {
  display: block;
  width: calc(100% + 32px);
  margin: -16px -16px 16px;
  overflow: hidden;
}
.bwc .mat-mdc-card .mat-mdc-card-header,
.bwc .mat-mdc-card .mat-mdc-card-content,
.bwc .mat-mdc-card .mat-mdc-card-title {
  padding: 0;
}
.bwc .mat-mdc-card .mat-mdc-card-subtitle,
.bwc .mat-mdc-card .mat-mdc-card-title {
  margin-bottom: 8px;
}
.bwc .mat-mdc-card .mat-mdc-card-content {
  margin-bottom: 16px;
}
.bwc .mat-mdc-card .mat-mdc-card-content:last-child {
  margin-bottom: 0;
}
.bwc .mat-mdc-card .mat-mdc-card-content {
  margin-bottom: 0.5rem;
}
.bwc .mat-mdc-card .mat-mdc-card-actions {
  margin-right: -8px;
  margin-bottom: -8px;
  margin-left: -8px;
  padding: 8px 0 0;
}
@media (min-width: 600px) {
  .bwc .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title,
  .bwc .mat-mdc-card .mat-mdc-card-title {
    font-size: 1.25rem;
    line-height: 1.2;
    font-family: GothamSSm, "Helvetica Neue", sans-serif;
    color: #1d1d1d;
    font-weight: 900;
  }
}
.bwc .mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title,
.bwc .mat-mdc-card .mat-mdc-card-title {
  font-size: 1.25rem;
  line-height: 1.2;
  font-family: GothamSSm, "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: 900;
}
.bwc .mat-mdc-card .mat-mdc-card-subtitle {
  color: #0c1caf;
}
.bwc .mat-mdc-card .mat-mdc-card-subtitle,
.bwc .mat-mdc-card .mat-mdc-card-content {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc .bwc-card-link {
  display: inline-block;
  text-decoration: none;
}
.bwc .bwc-card-link .mat-mdc-card {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 599px) {
  .bwc .mat-mdc-card-header .mat-mdc-card-title {
    margin-bottom: 8px;
  }
}
.bwc .mat-mdc-card-header .mat-mdc-card-title {
  margin-bottom: 24px;
}
.bwc .bwc-card-button {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.bwc .bwc-card-inspirational {
  display: flex;
  position: relative;
  flex-direction: initial;
  align-items: flex-end;
  height: 170px;
  padding: 8px;
  overflow: hidden;
}
.bwc .bwc-card-inspirational bwc-card-background-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  background-size: cover;
}
.bwc .bwc-card-inspirational.mat-mdc-card .mat-mdc-card-content p {
  margin-bottom: 0;
}
.bwc .bwc-card-inspirational.mat-mdc-card .mat-mdc-card-content {
  display: inline-block;
  position: relative;
  max-width: calc(100% - 16px);
  min-height: 72px;
  margin: 0;
  padding: 8px;
  border-radius: 2px;
  background-color: rgba(12, 28, 175, 0.6);
  color: #f7fafd;
}
.bwc .bwc-card-inspirational--variant1 {
  display: flex;
  position: relative;
  flex-direction: initial;
  align-items: flex-end;
  padding: 0;
  overflow: hidden;
  border: none;
}
@media (prefers-reduced-motion) {
  .bwc .bwc-card-inspirational--variant1 bwc-content-image {
    transition: none;
  }
}
.bwc .bwc-card-inspirational--variant1 bwc-content-image {
  height: 100%;
  transition: scale 0.4s ease;
}
.bwc .bwc-card-inspirational--variant1 bwc-content-image img {
  height: 100%;
  border-radius: 4px;
}
@media (prefers-reduced-motion) {
  .bwc .bwc-card-inspirational--variant1:hover bwc-content-image {
    scale: 1;
  }
}
.bwc .bwc-card-inspirational--variant1:hover bwc-content-image {
  scale: 1.1;
}
.bwc .bwc-card-inspirational--variant1:hover .mat-mdc-card-content bwc-icon .mat-icon {
  transform: translate(16px, 6px);
  transition: all 0.4s ease-out;
  opacity: 1;
}
.bwc .bwc-card-inspirational--variant1 .mat-mdc-card-content h4 {
  display: -webkit-box;
  overflow: hidden;
  color: #f7fafd;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.bwc .bwc-card-inspirational--variant1 .mat-mdc-card-content .bwc-card-content {
  display: inline-block;
  max-width: 100%;
}
.bwc .bwc-card-inspirational--variant1 .mat-mdc-card-content {
  display: flex;
  position: absolute;
  right: 0;
  left: 0;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 16px 24px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  backdrop-filter: blur(10px);
}
.bwc .bwc-card-inspirational--variant1 .mat-mdc-card-content bwc-icon.mat-mdc-card-avatar {
  width: 24px;
  height: 24px;
}
@media (max-width: 599px) {
  .bwc .bwc-card-inspirational--variant1 .mat-mdc-card-content bwc-icon .mat-icon {
    opacity: 1;
  }
}
.bwc .bwc-card-inspirational--variant1 .mat-mdc-card-content bwc-icon .mat-icon {
  opacity: 0;
  color: #f7fafd;
}
.bwc .bwc-card-inspirational--variant2 {
  position: relative;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  border: none;
}
@media (prefers-reduced-motion) {
  .bwc .bwc-card-inspirational--variant2 bwc-content-image {
    transition: none;
  }
}
.bwc .bwc-card-inspirational--variant2 bwc-content-image {
  height: 100%;
  transition: scale 0.4s ease;
}
.bwc .bwc-card-inspirational--variant2 bwc-content-image img {
  height: 100%;
  border-radius: 8px;
}
.bwc .bwc-card-inspirational--variant2 .bwc-card-gradiant {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0) 75%);
}
.bwc .bwc-card-inspirational--variant2 .bwc-card-header {
  position: absolute;
  top: 24px;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease-out;
  animation: fadeOut 0.4s;
  text-align: center;
}
.bwc .bwc-card-inspirational--variant2 .bwc-card-header h4 {
  color: #f7fafd;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
@media (min-width: 600px) {
  .bwc .bwc-card-inspirational--variant2 .bwc-card-action-container {
    margin-bottom: 8px;
    transform: translateY(80px);
    transition: all 0.4s ease-out;
    animation: fadeOut 0.4s;
  }
}
.bwc .bwc-card-inspirational--variant2 .bwc-card-action-container {
  margin-right: -8px;
  margin-bottom: 16px;
  margin-left: -8px;
}
.bwc .bwc-card-inspirational--variant2 .bwc-card-content {
  position: absolute;
  right: 24px;
  bottom: 0;
  left: 24px;
  height: 44px;
  border-radius: 4px;
}
.bwc .bwc-card-inspirational--variant2 .bwc-card-content button {
  display: block;
  justify-content: left;
  width: 100%;
  padding: 8px 16px;
  background-color: var(--bwc-palette-primary-300);
}
.bwc .bwc-card-inspirational--variant2 .bwc-card-content button .mdc-button__label {
  display: flex;
  justify-content: space-between;
}
.bwc .bwc-card-inspirational--variant2 .bwc-card-content button .bwc-card-icon {
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}
.bwc .bwc-card-inspirational--variant2:hover .bwc-card-header {
  transform: translateY(8px);
  transition: all 0.4s ease-out;
  animation: fadeIn 0.4s;
}
.bwc .bwc-card-inspirational--variant2:hover .bwc-card-action-container {
  transform: translateY(-16px);
  transition: all 0.4s ease-out;
  animation: fadeIn 0.4s;
}
@media (prefers-reduced-motion) {
  .bwc .bwc-card-inspirational--variant2:hover bwc-content-image {
    scale: 1;
  }
}
.bwc .bwc-card-inspirational--variant2:hover bwc-content-image {
  scale: 1.1;
}
.bwc .bwc-expandable-card .mat-mdc-card-header-text {
  margin: 0;
}
.bwc .bwc-expandable-card .mat-expansion-panel .mat-expansion-panel-header {
  padding: 0;
}
.bwc .bwc-expandable-card .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator {
  width: 24px;
  height: 24px;
  text-align: center;
}
.bwc .bwc-expandable-card .mat-expansion-panel .mat-expansion-panel-header:not(.mat-expanded):not([aria-disabled=true]) {
  background: none;
}
.bwc .bwc-expandable-card .mat-expansion-panel .mat-expansion-panel-body {
  padding: 0;
}
.bwc .mat-mdc-checkbox {
  margin-left: -8px;
}
.bwc .mat-mdc-checkbox .mdc-checkbox__ripple {
  background-color: #0c1caf;
}
.bwc .mat-mdc-checkbox .mdc-form-field {
  margin-top: -8px;
  margin-bottom: -8px;
}
.bwc .mat-mdc-checkbox .mdc-form-field:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  border-color: #0c1caf;
}
.bwc .mat-mdc-checkbox .mdc-form-field label {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  border-color: #0c1caf;
}
.bwc .mat-mdc-checkbox .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  border-color: #0c1caf;
}
.bwc .mat-mdc-checkbox .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #f7fafd;
}
.bwc .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  border-color: #0c1caf;
  background-color: #0c1caf;
}
.bwc .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #f7fafd;
}
.bwc .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__ripple {
  background-color: #0c1caf;
}
.bwc .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox:not(:disabled):active .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  border-color: #0c1caf;
  background-color: #0c1caf;
}
.bwc .mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  border-color: #0c1caf;
  background-color: #0c1caf;
}
.bwc .mat-mdc-checkbox.mat-accent .mdc-checkbox--selected ~ .mdc-checkbox__ripple {
  background: #0c1caf;
}
.bwc mat-chip.mat-mdc-chip {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc mat-chip.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay {
  opacity: 0.08;
}
.bwc mat-chip.mat-mdc-chip:active .mat-mdc-chip-focus-overlay {
  opacity: 0.16;
}
.bwc mat-chip.mat-mdc-chip.mat-mdc-standard-chip {
  border: 1px solid #2a6ff3;
  background-color: #f7fafd;
  color: #0c1caf;
}
.bwc mat-chip.mat-mdc-chip.mat-mdc-standard-chip bwc-icon:first-of-type {
  margin-right: 8px;
  color: #2a6ff3;
}
.bwc mat-chip.mat-mdc-chip.mat-mdc-standard-chip bwc-icon.mat-mdc-chip-trailing-icon {
  margin-right: 0;
}
.bwc mat-chip.mat-mdc-chip.mat-mdc-standard-chip bwc-icon.mat-mdc-chip-trailing-icon .mat-icon {
  transform: translate(3px, 1px);
}
.bwc mat-chip.mat-mdc-chip.mat-mdc-standard-chip.mat-mdc-chip-selected bwc-icon {
  color: #f7fafd;
}
.bwc mat-chip.mat-mdc-chip.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary {
  background-color: #2a6ff3;
}
.bwc mat-chip.mat-mdc-chip.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary .mat-mdc-chip-remove {
  opacity: 1;
  color: #f7fafd;
}
.bwc mat-chip.mat-mdc-chip.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary:hover::after {
  opacity: 0;
  background: transparent;
}
.bwc mat-chip.mat-mdc-chip.mat-mdc-standard-chip .mat-mdc-chip-action-label {
  color: #0c1caf;
}
.bwc mat-chip-option.mdc-evolution-chip--selectable:hover .mat-mdc-chip-focus-overlay {
  opacity: 0.16;
}
.bwc mat-chip-option.mdc-evolution-chip--selectable:active .mat-mdc-chip-focus-overlay {
  opacity: 0.24;
}
.bwc mat-chip-listbox.mat-mdc-chip-listbox bwc-icon:first-of-type {
  margin-right: 8px;
}
.bwc mat-chip-listbox.mat-mdc-chip-listbox bwc-icon.mat-mdc-chip-trailing-icon {
  margin-right: 0;
}
.bwc mat-chip-listbox.mat-mdc-chip-listbox bwc-icon.mat-mdc-chip-trailing-icon .mat-icon {
  transform: translate(3px, 1px);
}
.bwc .mat-calendar-table-header,
.bwc .mat-calendar-body-label,
.bwc .mat-calendar-body-cell-content {
  color: #0c1caf;
}
.bwc .mat-calendar-body tr:not([role=row]) {
  display: none;
}
.bwc .mat-calendar .mat-button:not([disabled]):hover:not([color]) {
  background-color: transparent;
}
.bwc .mat-calendar-table .mat-calendar-body tr .mat-calendar-body-label {
  visibility: hidden;
}
.bwc .mat-calendar-arrow {
  border-top-color: #0c1caf;
}
.bwc .mat-calendar-previous-button::after,
.bwc .mat-calendar-next-button::after {
  border-color: #0c1caf;
}
.bwc .mat-calendar-header .mat-mdc-icon-button {
  height: 40px;
}
.bwc .mat-calendar-header .mat-mdc-icon-button svg {
  position: absolute;
  top: 2px;
  left: 0;
  color: #0c1caf;
}
.bwc .mat-calendar-table-header-divider::after {
  background: #e8e5e5;
}
.bwc .mat-calendar-body-cell .mat-calendar-body-cell-content::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
}
.bwc .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background: unset;
}
.bwc .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected)::after {
  opacity: 0.04;
  background: black;
}
.bwc .mat-calendar-body-cell:not(.mat-calendar-body-disabled):focus .mat-calendar-body-cell-content:not(.mat-calendar-body-selected).mat-focus-indicator.mat-calendar-body-today::after {
  opacity: 0.04;
  background-color: #0c1caf;
}
.bwc .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: #0c1caf;
}
.bwc .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #f7fafd;
}
.bwc .mat-calendar-body-selected {
  background-color: #33b1ff;
  color: #f7fafd;
}
.bwc .mat-mdc-table .mat-mdc-header-cell {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: bold;
}
.bwc .mat-mdc-table .mat-mdc-header-cell:first-of-type {
  padding-left: 24px;
}
.bwc .mat-mdc-table .mat-mdc-header-cell {
  border-color: inherit;
  color: #3b5071;
}
.bwc .mat-mdc-table .mat-mdc-header-cell .mat-sort-header-arrow {
  margin: 4px 0 0 6px;
}
.bwc .mat-mdc-table .mat-mdc-footer-cell:first-of-type {
  padding-left: 24px;
}
.bwc .mat-mdc-table .mat-mdc-header-row,
.bwc .mat-mdc-table .mat-mdc-row {
  padding: 0;
}
.bwc .mat-mdc-table .mat-mdc-cell {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc .mat-mdc-table .mat-mdc-cell:first-of-type {
  padding-left: 24px;
}
.bwc .mat-mdc-table .mat-mdc-cell {
  border-color: inherit;
}
.bwc .mat-mdc-paginator-decrement,
.bwc .mat-mdc-paginator-increment {
  margin: 0;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #0c1caf;
}
.bwc .mat-mdc-paginator-decrement {
  margin-right: 3px;
}
.bwc .mat-mdc-paginator-increment {
  margin-left: 3px;
}
.bwc .mat-sort-header-asc {
  top: 4px;
}
.bwc .mat-sort-header-desc {
  top: 10px;
}
.bwc .mat-sort-header-stem {
  display: none;
}
.bwc .mdc-data-table__cell,
.bwc .mdc-data-table__header-cell {
  padding: 0;
}
.bwc .bwc-responsive-data-table {
  overflow: auto;
  border-collapse: collapse;
  background: transparent;
  background-attachment: local, local, local, scroll;
  background-image: linear-gradient(to right, #f7fafd, #f7fafd), linear-gradient(to right, #f7fafd, #f7fafd), linear-gradient(to right, #f7fafd, rgba(255, 255, 255, 0)), linear-gradient(to left, #dfdfdf, rgba(255, 255, 255, 0));
  background-repeat: no-repeat;
  background-position: left center, right top;
  background-size: 23px 100%;
}
.bwc .cdk-overlay-container .bwc-overlay-pane.mat-mdc-dialog-panel {
  --mat-dialog-container-max-width: 100%;
  --mat-dialog-container-small-max-width: 100%;
}
@media (min-width: 600px) {
  .bwc .cdk-overlay-container .bwc-overlay-pane.mat-mdc-dialog-panel {
    width: auto;
  }
}
.bwc .cdk-overlay-container .bwc-overlay-pane.mat-mdc-dialog-panel {
  width: 100%;
}
@media (max-width: 599px) {
  .bwc .cdk-overlay-container .bwc-overlay-pane .mat-mdc-dialog-container {
    margin: 0;
  }
}
.bwc .cdk-overlay-container .bwc-overlay-pane .mat-mdc-dialog-container {
  height: fit-content;
  margin: 36px;
}
.bwc .cdk-overlay-container .bwc-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  padding: 16px;
}
.bwc .cdk-overlay-container .bwc-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-content,
.bwc .cdk-overlay-container .bwc-overlay-pane .mat-mdc-dialog-container .mat-mdc-dialog-actions {
  padding: 0;
}
.bwc .cdk-overlay-container .bwc-overlay-pane-flat .mat-mdc-dialog-surface {
  padding: 0;
}
.bwc .cdk-overlay-container .bwc-overlay-full-page .mat-mdc-dialog-container {
  height: 100%;
  margin: 0;
}
.bwc .cdk-overlay-container .bwc-side-panel-overlay {
  top: 0 !important;
  left: 0 !important;
}
@media (max-width: 599px) {
  .bwc .cdk-overlay-container .bwc-date-picker-overlay {
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    transform: none !important;
  }
}
.bwc .cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.4);
}
.bwc .mat-mdc-dialog-surface {
  padding: 16px;
}
@media (min-width: 600px) {
  .bwc .mat-mdc-dialog-container .mat-mdc-dialog-title {
    font-size: 1.25rem;
    line-height: 1.2;
    font-family: GothamSSm, "Helvetica Neue", sans-serif;
    color: #1d1d1d;
    font-weight: 900;
  }
}
.bwc .mat-mdc-dialog-container .mat-mdc-dialog-title {
  font-size: 1.25rem;
  line-height: 1.2;
  font-family: GothamSSm, "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: 900;
  padding: 0;
}
.bwc .mat-mdc-dialog-container .mat-mdc-dialog-title:before {
  display: initial;
  height: auto;
}
.bwc .mat-mdc-dialog-container .mdc-dialog__content {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc .mat-mdc-dialog-container .mdc-dialog__content > :last-child {
  margin-bottom: 16px;
}
.bwc .mat-mdc-dialog-container .mdc-icon-button {
  z-index: 1;
}
@media (max-width: 599px) {
  .bwc .bw-dialog-wrapper {
    position: absolute !important;
    top: 0;
    bottom: 0;
    width: 100%;
  }
}
.bwc .bw-dialog-wrapper mat-dialog-container {
  max-width: none;
}
.bwc .bw-dialog-wrapper .bwc-onboarding-dialog-container {
  position: relative;
  padding: 0;
  overflow: visible;
}
@media (max-width: 599px) {
  .bwc .bwc-onboarding-dialog-wrapper {
    left: 0;
  }
}
@media (max-width: 599px) {
  .bwc .bw-dialog-enter {
    animation: bwDialogEnterMobile 0.4s ease-in-out forwards;
  }
}
@media (max-width: 599px) {
  .bwc .bw-dialog-exit {
    animation: bwDialogExitMobile 0.4s ease-in-out forwards;
  }
}
@keyframes bwDialogEnterMobile {
  from {
    right: -100%;
  }
  to {
    right: 0;
  }
}
@keyframes bwDialogExitMobile {
  from {
    right: 0;
  }
  to {
    right: -100%;
  }
}
.bwc .bwc .mat-mdc-dialog-container {
  padding: 32px;
}
.bwc .mat-expansion-panel:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.bwc .mat-expansion-panel:last-child {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.bwc .mat-expansion-panel .mat-expansion-panel-header.bwc-expansion-panel-header button {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  border-radius: 50%;
}
.bwc .mat-expansion-panel .mat-expansion-panel-header.bwc-expansion-panel-header button bwc-icon {
  transition: all 0.4s ease;
}
.bwc .mat-expansion-panel .mat-expansion-panel-header.bwc-expansion-panel-header.mat-expanded button bwc-icon,
.bwc .mat-expansion-panel .mat-expansion-panel-header.bwc-expansion-panel-header.mat-expanded .bwc-expansion-panel-header-icon bwc-icon {
  transform: rotate(180deg);
}
.bwc .mat-expansion-panel .mat-expansion-panel-header.bwc-expansion-panel-header .mat-content {
  align-items: center;
  margin: 0;
  overflow: visible;
}
.bwc .mat-expansion-panel .mat-expansion-panel-header.bwc-expansion-panel-header .mat-expansion-panel-header-title bwc-icon {
  margin-right: 16px;
}
.bwc .mat-expansion-panel .mat-expansion-panel-header.bwc-expansion-panel-header {
  height: auto;
  padding: 24px 16px;
}
.bwc .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 0 16px 24px;
}
.bwc .bwc-content-expansion-panel .mat-expansion-panel:last-of-type {
  border-bottom-width: 0;
}
.bwc .bwc-content-expansion-panel .mat-expansion-panel {
  border: none;
  border-bottom: 1px solid;
}
.bwc .bwc-content-expansion-panel .mat-expansion-panel .mat-expansion-panel-header {
  height: auto;
  padding: 24px 16px;
}
.bwc .bwc-content-expansion-panel .mat-expansion-panel .mat-expansion-panel-header button {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  border-radius: 50%;
}
.bwc .bwc-content-expansion-panel .mat-expansion-panel .mat-expansion-panel-header button bwc-icon {
  transition: all 0.4s ease;
}
.bwc .bwc-content-expansion-panel .mat-expansion-panel .mat-expansion-panel-header.mat-expanded button bwc-icon,
.bwc .bwc-content-expansion-panel .mat-expansion-panel .mat-expansion-panel-header.mat-expanded .bwc-expansion-panel-header-icon bwc-icon {
  transform: rotate(180deg);
}
.bwc .bwc-content-expansion-panel .mat-expansion-panel .mat-expansion-panel-header.mat-expanded button bwc-icon mat-icon,
.bwc .bwc-content-expansion-panel .mat-expansion-panel .mat-expansion-panel-header.mat-expanded .bwc-expansion-panel-header-icon bwc-icon mat-icon {
  margin-left: -1px;
}
.bwc .bwc-content-expansion-panel .mat-expansion-panel .mat-expansion-panel-header .mat-content {
  align-items: center;
  margin: 0;
  overflow: visible;
}
.bwc .mat-form-field-label {
  color: #3b5071;
}
.bwc .mat-focused .mat-form-field-label {
  color: #0c1caf;
}
.bwc .mat-focused .mat-form-field-label.mat-float .mat-placeholder-required {
  color: currentColor;
}
.bwc .mat-form-field-underline {
  border-color: #3b5071;
  background: rgba(0, 0, 0, 0.12);
}
.bwc .mat-form-field-underline.mat-disabled {
  border-color: transparent;
  border-top: 1px solid #506c99;
}
.bwc .mat-mdc-form-field {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  width: 100%;
}
.bwc .mat-mdc-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translate3d(0, -1.3em, 0) scale(0.75);
}
.bwc .mat-mdc-form-field .mdc-text-field__input {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc .mat-mdc-form-field .mat-mdc-form-field-infix {
  width: inherit;
}
.bwc .mat-mdc-form-field .mat-form-field-ripple {
  top: -1px;
  background-color: #0c1caf;
}
.bwc .mat-mdc-form-field.mat-form-field-disabled .mat-form-field-underline {
  background: none;
}
.bwc .mat-mdc-form-field.ng-invalid.ng-touched .mat-form-field-label {
  color: #e32849;
}
.bwc .mat-mdc-form-field.ng-invalid.ng-touched .mat-form-field-underline {
  background-color: #e32849;
}
.bwc .mat-mdc-form-field.ng-invalid.ng-touched .mat-form-field-ripple {
  height: 2px;
  background-color: #e32849;
}
.bwc .mat-mdc-input-element {
  caret-color: #96a5bc;
  margin: 0;
  color: #2a2a2a;
}
.bwc .mat-mdc-input-element:disabled {
  color: #1d1d1d;
}
.bwc .mat-form-field-subscript-wrapper {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  margin-top: 2px;
}
.bwc .bwc-form-errors__icon {
  margin-top: 2px;
}
.bwc .mat-mdc-list a,
.bwc .mat-mdc-nav-list a {
  text-decoration: none;
}
.bwc .mat-mdc-list a:hover,
.bwc .mat-mdc-nav-list a:hover {
  text-decoration: underline;
}
.bwc .mat-mdc-list .mdc-list-item,
.bwc .mat-mdc-nav-list .mdc-list-item {
  padding: 0;
  border-radius: 0;
}
.bwc .mat-mdc-list .mdc-list-item__content,
.bwc .mat-mdc-nav-list .mdc-list-item__content {
  padding: 0 16px;
}
.bwc .mat-mdc-list .mdc-list-item__content [mat-icon-button],
.bwc .mat-mdc-nav-list .mdc-list-item__content [mat-icon-button] {
  line-height: 1;
}
.bwc .mat-mdc-list[dense] .mdc-list-item__content [mat-icon-button],
.bwc .mat-mdc-nav-list[dense] .mdc-list-item__content [mat-icon-button] {
  line-height: 1;
}
.bwc .mat-mdc-nav-list[bwcnavlist] .mdc-list-item__content {
  padding: 0;
}
.bwc .mat-mdc-radio-button {
  margin-right: 20px;
}
.bwc .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #0c1caf;
}
.bwc .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #0c1caf;
}
.bwc .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #0c1caf;
}
.bwc .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:hover:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #0c1caf;
}
.bwc .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:hover:enabled:checked + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #0c1caf;
}
.bwc .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:hover:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #0c1caf;
}
.bwc .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #919195;
}
.bwc .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #919195;
}
.bwc .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #919195;
}
.bwc .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #919195;
}
.bwc .mat-mdc-radio-button .mdc-radio--disabled + label {
  color: #919195;
  cursor: default;
}
.bwc .mat-mdc-radio-button label {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  padding-left: 0;
  cursor: pointer;
}
.bwc .cdk-overlay-pane {
  margin-top: 3rem;
}
.bwc .mat-mdc-select {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  padding-top: 0;
}
.bwc .mat-mdc-select .mat-mdc-select-arrow {
  color: #3b5071;
}
.bwc .mat-mdc-select .mat-mdc-select-trigger {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc .mat-mdc-select .mat-mdc-select-value-text {
  line-height: inherit;
}
.bwc .mat-mdc-select .mat-select-underline {
  bottom: 1px;
}
.bwc .mat-mdc-select.ng-invalid.ng-touched .mat-select-underline {
  bottom: 0;
  height: 2px;
}
.bwc .mat-mdc-select:focus:not(.mat-select-disabled) .mat-select-underline {
  bottom: 0;
  height: 2px;
}
.bwc .mat-mdc-option {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc .bwc-form-input-container--outline .mat-mdc-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix {
  padding: 16px 0;
}
.bwc .bwc-form-input-container--outline .mat-mdc-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix select.mat-mdc-input-element {
  top: 0;
  padding-top: 0;
}
.bwc .bwc-form-input-container--outline .mat-mdc-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-infix::after {
  right: 8px;
}
.bwc .mat-drawer-container {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  background: #f7fafd;
}
.bwc .mat-mdc-slide-toggle .mdc-switch__icons {
  display: none;
}
.bwc .mat-mdc-slide-toggle.mat-accent .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after {
  background-color: white;
}
.bwc .mat-mdc-slide-toggle.mat-accent .mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after {
  background-color: white;
}
.bwc .mat-mdc-slide-toggle.mat-accent .mdc-switch.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle::after {
  background-color: white;
}
.bwc .mat-mdc-slide-toggle.mat-accent .mdc-switch:enabled .mdc-switch__track::before {
  background-color: #727272;
}
.bwc .mat-mdc-slide-toggle.mat-accent .mdc-switch:enabled .mdc-switch__track::after {
  background-color: rgba(20, 67, 139, 0.3);
}
.bwc .mat-mdc-slide-toggle.mat-accent .mdc-switch:enabled:hover:not(:focus) .mdc-switch__ripple::after {
  background-color: #0c1caf;
}
.bwc .mat-mdc-slide-toggle.mat-accent .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before {
  background-color: #727272;
}
.bwc .mat-mdc-slide-toggle.mat-accent .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::after {
  background-color: rgba(20, 67, 139, 0.3);
}
.bwc .mat-mdc-slide-toggle.mat-accent .mdc-switch:enabled:focus:not(:active) .mdc-switch__track::after {
  background-color: rgba(20, 67, 139, 0.3);
}
.bwc .mat-mdc-slide-toggle.mat-accent .mdc-switch:enabled:focus:not(:active) .mdc-switch__track::before {
  background-color: #727272;
}
.bwc .mat-mdc-slide-toggle.mat-accent .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after {
  background-color: #0c1caf;
}
.bwc .mat-mdc-slide-toggle.mat-accent .mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle::after {
  background-color: #0c1caf;
}
.bwc .mat-mdc-slide-toggle.mat-accent .mdc-switch.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle::after {
  background-color: #0c1caf;
}
.bwc .mat-mdc-slide-toggle.mat-accent .mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple::after {
  background-color: #0c1caf;
}
.bwc .mat-mdc-slide-toggle .mdc-switch {
  margin-right: 4px;
}
@media (min-width: 600px) {
  .bwc .mat-mdc-slide-toggle .mat-slide-toggle-ripple {
    display: block;
  }
}
.bwc .mat-mdc-slide-toggle .mat-slide-toggle-ripple {
  display: none;
}
.bwc .mat-mdc-slide-toggle .mdc-form-field label {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc .mat-mdc-slider .mdc-slider__track--inactive {
  opacity: 1;
  background-color: #dfdfdf;
}
.bwc .mat-mdc-slider .mdc-slider__thumb--focused .mdc-slider__thumb-knob {
  border: 1px solid #dfdfdf;
  background-color: #f7fafd;
}
.bwc .mat-mdc-slider .mdc-slider__thumb-knob {
  border: 1px solid #dfdfdf;
  background-color: #f7fafd;
}
.bwc .mat-mdc-slider {
  --mdc-slider-handle-color: #0c1caf;
  --mdc-slider-focus-handle-color: #0c1caf;
  --mdc-slider-hover-handle-color: #0c1caf;
  --mdc-slider-active-track-color: #0c1caf;
  --mdc-slider-inactive-track-color: #0c1caf;
  --mdc-slider-with-tick-marks-inactive-container-color: #0c1caf;
  --mat-mdc-slider-ripple-color: #0c1caf;
}
@media (min-width: 600px) {
  .bwc .mat-mdc-snack-bar-container {
    margin-bottom: 8px;
  }
}
.bwc .mat-mdc-snack-bar-container {
  margin-bottom: 48px;
}
@media (min-width: 600px) {
  .bwc .mat-mdc-snack-bar-container .mdc-snackbar__surface {
    border-radius: 8px;
  }
}
.bwc .mat-mdc-snack-bar-container .mdc-snackbar__surface {
  min-width: 344px;
  padding: 0;
  border-radius: 8px;
  background-color: #0c1caf;
}
.bwc .mat-mdc-snack-bar-container .mdc-snackbar__surface .mat-mdc-snack-bar-label.mdc-snackbar__label {
  padding: 16px 0 16px 16px;
  color: white;
}
.bwc .mat-mdc-snack-bar-container .mdc-snackbar__surface .mat-mdc-snack-bar-actions:before {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.24);
}
.bwc .mat-mdc-snack-bar-container .mdc-snackbar__surface button.mat-mdc-snack-bar-action {
  border: none;
}
.bwc .mat-mdc-snack-bar-container .mdc-snackbar__surface button.mat-mdc-snack-bar-action:hover {
  background: inherit;
}
.bwc .mat-step-text-label {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc .mat-step-icon,
.bwc .mat-step-icon-not-touched {
  width: 32px;
  height: 32px;
}
.bwc .mat-step-header .mat-step-label,
.bwc .mat-step-header .mat-step-optional {
  color: #96a5bc;
}
.bwc .mat-step-header .mat-step-label.mat-step-label-active,
.bwc .mat-step-header .mat-step-optional.mat-step-label-active {
  color: #0c1caf;
}
.bwc .mat-step-header .mat-step-icon,
.bwc .mat-step-header .mat-step-icon-not-touched {
  color: #f7fafd;
  font-weight: bold;
}
.bwc .mat-step-header .mat-step-icon {
  background-color: #2a6ff3;
}
.bwc .mat-step-header .mat-step-icon bwc-icon .mat-icon {
  position: static;
}
.bwc .mat-step-header .mat-step-icon-not-touched {
  background-color: #96a5bc;
}
.bwc .mat-step-header[aria-selected=true] .mat-step-icon {
  background-color: #33b1ff;
  color: #f7fafd;
}
.bwc .mat-step-label-selected {
  font-weight: bold;
}
.bwc .mat-stepper-horizontal-line {
  border-top-color: #e8e5e5;
}
.bwc {
  --mdc-tab-indicator-active-indicator-color: ;
}
.bwc .mat-mdc-tab-header {
  border-bottom: 0;
}
.bwc .mat-mdc-tab-header-pagination .mat-mdc-tab-header-pagination-chevron {
  border-color: #0c1caf;
}
.bwc .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron {
  border-color: #1d1d1d;
}
.bwc .mat-mdc-tab-list:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 3px solid #0c1caf;
  border-radius: 3px;
}
.bwc .mat-mdc-tab-labels {
  gap: 16px;
}
.bwc .mat-mdc-tab {
  min-width: auto;
  padding: 0 16px;
  opacity: unset;
}
.bwc .mat-mdc-tab:hover bwc-icon .mat-icon {
  color: #0c1caf;
}
.bwc .mat-mdc-tab:hover {
  color: #0c1caf;
}
.bwc .mat-mdc-tab:hover .mdc-tab__ripple::before {
  opacity: 0;
}
.bwc .mat-mdc-tab:focus {
  outline: none;
}
.bwc .mat-mdc-tab.mat-mdc-tab-disabled {
  color: #1d1d1d;
}
.bwc .mat-mdc-tab bwc-icon {
  margin-right: 8px;
}
.bwc .mat-mdc-tab bwc-icon .mat-icon {
  color: #575757;
}
.bwc .mat-mdc-tab .mdc-tab__text-label {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: bold;
  color: inherit;
  letter-spacing: normal;
}
.bwc .mat-mdc-tab.mdc-tab--active {
  color: #0c1caf;
}
.bwc .mat-mdc-tab.mdc-tab--active bwc-icon .mat-icon {
  color: #575757;
}
.bwc .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
  color: black;
}
.bwc .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-top-width: 3px;
  border-radius: 3px;
}
.bwc .mat-mdc-tab-group.bwc-tab-group--variant .mat-mdc-tab-header {
  display: flex;
  width: auto;
  padding: 2px;
  border-radius: 8px;
}
.bwc .mat-mdc-tab-group.bwc-tab-group--variant .mat-mdc-tab-header .mat-mdc-tab-list:after {
  border: none;
}
.bwc .mat-mdc-tab-group.bwc-tab-group--variant .mat-mdc-tab-header .mat-mdc-tab-labels {
  gap: 0;
}
.bwc .mat-mdc-tab-group.bwc-tab-group--variant .mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab {
  display: flex;
  align-items: flex-start;
  padding: 0 24px;
}
.bwc .mat-mdc-tab-group.bwc-tab-group--variant .mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab.mdc-tab--active {
  margin-left: 1px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  background: white;
}
.bwc .mat-mdc-tab-group.bwc-tab-group--variant .mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab:hover {
  background: unset;
  color: #0c1caf;
}
.bwc .mat-mdc-tab-group.bwc-tab-group--variant .mat-mdc-tab-header .mat-mdc-tab-labels .mat-mdc-tab:hover .mdc-tab__ripple::before {
  opacity: 0;
}
.bwc .mat-mdc-tab-group.bwc-tab-group--variant .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border: none;
}
.bwc .mat-toolbar {
  letter-spacing: normal;
}
.bwc .mat-toolbar.mat-primary, .bwc .mat-toolbar.mat-accent {
  color: #f7fafd;
}
.bwc .mat-toolbar.mat-toolbar--sticky {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.bwc .mat-toolbar.mat-toolbar--sticky + * {
  padding-top: 56px;
}
@media (min-width: 600px) {
  .bwc .mat-toolbar.mat-toolbar--sticky + * {
    padding-top: 64px;
  }
}
.bwc .mat-toolbar .mat-toolbar__title {
  margin: 5px 0 0 30px;
}
.bwc .mat-toolbar .mat-mdc-button-base.mat-unthemed {
  --mdc-text-button-label-text-color: ;
  --mdc-outlined-button-label-text-color: ;
}
.bwc mat-tooltip-component .mat-mdc-tooltip .mdc-tooltip__surface {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  padding: 4px 16px;
  color: #f7fafd;
}
.bwc .mat-tree-node {
  min-height: 40px;
  font-size: inherit;
}
.bwc .mat-tree-node .mat-icon {
  fill: #0c1caf;
}
.bwc *:focus {
  outline-color: #96a5bc;
}
.bwc .cdk-mouse-focused *:focus,
.bwc .cdk-program-focused *:focus {
  outline: none;
}
.bwc .cdk-keyboard-focused .bwc-card-button:focus,
.bwc .cdk-keyboard-focused .bwc-card-link:focus,
.bwc .cdk-keyboard-focused .bwc-form-rich-checkbox:focus {
  border-radius: 0;
  outline: 1px solid #96a5bc;
  box-shadow: 0 0 16px 2px #96a5bc, inset 0 0 2px 2px #e8e5e5;
}
.bwc .cdk-keyboard-focused a:not(.mat-button):not(.mat-raised-button):not(.mat-mdc-icon-button):not(.mat-mdc-menu-item):not(.bwc-card-link):not(.bwc-card-button):not(.mat-mdc-tab-link):focus {
  outline: 1px solid #96a5bc;
  box-shadow: 0 0 16px 2px #96a5bc, inset 0 0 2px 2px #e8e5e5;
}
.bwc .cdk-keyboard-focused {
  /* stylelint-disable no-descending-specificity */
}
.bwc .cdk-keyboard-focused .bwc-slideshow .bwc-slideshow__controls button:focus:not(.mat-button):not(.mat-raised-button):not(.mat-mdc-icon-button):not(.mat-mdc-menu-item):not(.bwc-card-link):not(.bwc-card-button):not(.mat-mdc-tab-link):focus {
  outline: 1px solid #96a5bc;
  box-shadow: 0 0 16px 2px black, inset 0 0 2px 2px #e8e5e5;
}
.bwc .cdk-keyboard-focused bwc-multi-list .bwc-multi-list__button:focus {
  background: none;
}
.bwc .cdk-keyboard-focused .mat-form-field.mat-focused .mat-form-field-flex {
  outline: 1px solid #96a5bc;
  box-shadow: 0 0 16px 2px #96a5bc, inset 0 0 2px 2px #e8e5e5;
}
.bwc .cdk-keyboard-focused .mat-form-field.mat-focused .mat-form-field-flex *:focus {
  outline: none;
  box-shadow: none;
}
.bwc .cdk-keyboard-focused .bwc-star-rating--input :focus-within {
  outline: 1px solid #96a5bc;
  box-shadow: 0 0 16px 2px #96a5bc, inset 0 0 2px 2px #e8e5e5;
}
.bwc .cdk-keyboard-focused .mat-calendar-table .mat-calendar-body-active .mat-calendar-body-cell-content {
  outline: 1px solid #96a5bc;
  box-shadow: 0 0 16px 2px #96a5bc, inset 0 0 2px 2px #e8e5e5;
}
.bwc .cdk-keyboard-focused .mat-calendar-table .mat-calendar-body-active .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: inherit;
}
.bwc .mdc-button.cdk-keyboard-focused .mat-mdc-focus-indicator,
.bwc .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-focus-indicator,
.bwc .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-focus-indicator {
  opacity: 0;
}
.bwc .mdc-button.cdk-keyboard-focused .mat-mdc-button-ripple,
.bwc .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-ripple,
.bwc .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-ripple {
  border: 1px solid #96a5bc;
  box-shadow: 0 0 16px 2px #96a5bc, inset 0 0 2px 2px #e8e5e5;
}
.bwc .mat-step-header.cdk-keyboard-focused, .bwc .mat-step-header.cdk-program-focused {
  outline: 1px solid #96a5bc;
  box-shadow: 0 0 16px 2px #96a5bc, inset 0 0 2px 2px #e8e5e5;
}
.bwc .mat-step-header.cdk-keyboard-focused .mat-step-header-ripple, .bwc .mat-step-header.cdk-program-focused .mat-step-header-ripple {
  background: none;
}
.bwc .mat-mdc-slider.cdk-keyboard-focused .mat-slider-focus-ring {
  box-sizing: border-box;
  border: 1px solid #96a5bc;
  background: none;
  box-shadow: 0 0 16px 2px #96a5bc, inset 0 0 2px 2px #e8e5e5;
}
.bwc .mat-expansion-panel-header.cdk-keyboard-focused, .bwc .mat-expansion-panel-header.cdk-program-focused {
  box-sizing: border-box;
  border: 1px solid #96a5bc;
  box-shadow: 0 0 16px 2px #96a5bc, inset 0 0 2px 2px #e8e5e5;
}
.bwc .mat-mdc-tab-group .mat-mdc-tab-label.cdk-keyboard-focused:not(.mat-mdc-tab-disabled) {
  padding: 0 11px;
  background: none;
}
.bwc .mat-mdc-tab-group .mat-mdc-tab-label.cdk-keyboard-focused:not(.mat-mdc-tab-disabled) .mdc-tab__content {
  padding: 4px;
  border: 1px solid #96a5bc;
  border-radius: 2px;
  box-shadow: 0 0 16px 2px #96a5bc, inset 0 0 2px 2px #e8e5e5;
}
.bwc .mat-mdc-tab-group.bwc-tab-group--primary .mat-mdc-tab-label.cdk-keyboard-focused:not(.mat-mdc-tab-disabled) {
  padding: 0 27px;
}
.bwc .mat-mdc-tab-group.bwc-tab-group--secondary .mat-mdc-tab-label.cdk-keyboard-focused:not(.mat-mdc-tab-disabled) {
  padding: 0 11px;
}
.bwc .mat-mdc-tab-nav-bar .mat-mdc-tab-link.cdk-keyboard-focused {
  box-sizing: border-box;
  border-radius: 2px;
  outline: none;
  box-shadow: 0 0 16px 2px #96a5bc, inset 0 0 2px 2px #e8e5e5;
}
.bwc .mat-mdc-menu-item.cdk-keyboard-focused {
  background: none;
}
.bwc .mat-mdc-menu-item.cdk-keyboard-focused .mat-menu-ripple {
  box-sizing: border-box;
  border: 1px solid #96a5bc;
  border-radius: 2px;
  box-shadow: 0 0 16px 2px #96a5bc, inset 0 0 2px 2px #e8e5e5;
}
.bwc .mat-mdc-checkbox.cdk-keyboard-focused .mdc-checkbox__ripple-ripple,
.bwc .mat-mdc-checkbox.cdk-keyboard-focused .mat-mdc-radio-ripple,
.bwc .mat-mdc-checkbox.cdk-keyboard-focused .mat-slide-toggle-ripple,
.bwc .mat-mdc-radio-button.cdk-keyboard-focused .mdc-checkbox__ripple-ripple,
.bwc .mat-mdc-radio-button.cdk-keyboard-focused .mat-mdc-radio-ripple,
.bwc .mat-mdc-radio-button.cdk-keyboard-focused .mat-slide-toggle-ripple,
.bwc .mat-slide-toggle.cdk-keyboard-focused .mdc-checkbox__ripple-ripple,
.bwc .mat-slide-toggle.cdk-keyboard-focused .mat-mdc-radio-ripple,
.bwc .mat-slide-toggle.cdk-keyboard-focused .mat-slide-toggle-ripple {
  box-sizing: border-box;
  border: 1px solid #96a5bc;
  border-radius: 50%;
  box-shadow: 0 0 16px 2px #96a5bc, inset 0 0 2px 2px #e8e5e5;
}
.bwc .mat-mdc-checkbox.cdk-keyboard-focused .mat-checkbox-persistent-ripple,
.bwc .mat-mdc-radio-button.cdk-keyboard-focused .mat-checkbox-persistent-ripple,
.bwc .mat-slide-toggle.cdk-keyboard-focused .mat-checkbox-persistent-ripple {
  opacity: 0;
}
.bwc .mat-mdc-checkbox.cdk-keyboard-focused:not(.mat-mdc-radio-disabled) .mat-radio-persistent-ripple,
.bwc .mat-mdc-radio-button.cdk-keyboard-focused:not(.mat-mdc-radio-disabled) .mat-radio-persistent-ripple,
.bwc .mat-slide-toggle.cdk-keyboard-focused:not(.mat-mdc-radio-disabled) .mat-radio-persistent-ripple {
  opacity: 0;
}
.bwc .mat-mdc-checkbox.cdk-keyboard-focused:not(.mat-slide-toggle-disabled) .mat-slide-toggle-persistent-ripple,
.bwc .mat-mdc-radio-button.cdk-keyboard-focused:not(.mat-slide-toggle-disabled) .mat-slide-toggle-persistent-ripple,
.bwc .mat-slide-toggle.cdk-keyboard-focused:not(.mat-slide-toggle-disabled) .mat-slide-toggle-persistent-ripple {
  opacity: 0;
}
.bwc .mat-mdc-autocomplete-panel .mat-option.mat-active {
  background: #efeff9;
  box-shadow: inset 0 0 2px 2px #e8e5e5;
}

.bw-unknown-error__icon--info {
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-bottom: bwc-layout--bs-grid(1);
  background: get-icon-for(information-yellow);
}
.bw-unknown-error__urls {
  padding: 0 bwc-layout--bs-grid(1);
}
.bw-unknown-error mat-card-content {
  text-align: center;
}
.bw-unknown-error .bwc-typo-headline-m,
.bw-unknown-error mat-card-actions,
.bw-unknown-error hr {
  margin-bottom: bwc-layout--bs-grid(2);
}
.bw-unknown-error hr {
  border-width: 1px;
  border-style: solid;
  color: #efeff9;
}
.bw-unknown-error mat-card-actions button {
  margin: 5px 10px;
  padding: bwc-layout--bs-grid(1) bwc-layout--bs-grid(2);
  border: 1px solid #aab9d1;
}

bwc-carousel-slideshow .bwc-carousel-slideshow-controls__button {
  background-color: #f7fafd;
  color: #0c1caf;
}
bwc-carousel-slideshow .bwc-carousel-slideshow-controls__button::before {
  background-color: black;
}
bwc-carousel-slideshow .bwc-carousel-slideshow-pagination__item__button {
  background-color: #f7fafd;
}
bwc-carousel-slideshow .bwc-carousel-slideshow-pagination__item__button::before {
  background-color: black;
}
bwc-carousel-slideshow .bwc-carousel-slideshow-pagination__item--active .bwc-carousel-slideshow-pagination__item__button {
  background-color: #0c1caf;
}

.bwc-cookiebar {
  color: #f7fafd;
}
.bwc-cookiebar__link {
  color: #f7fafd;
}
.bwc-cookiebar__button button {
  color: #f7fafd;
}

.bwc-country-language {
  background-color: #f7fafd;
}
.bwc-country-language__content__panel__title {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: bold;
  border-bottom: 1px solid #efeff9;
}
.bwc-country-language__content .bwc-country-language-list-item {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  cursor: pointer;
}
.bwc-country-language__content .bwc-country-language-list-item--selected {
  background-color: #aab9d1;
}
.bwc-country-language__content .bwc-country-language-list-item:hover, .bwc-country-language__content .bwc-country-language-list-item:focus {
  background-color: #e8e5e5;
}
.bwc-country-language__content .bwc-country-language__letter-list__button {
  color: black;
}
.bwc-country-language__content .bwc-country-language__letter-list__button[disabled] {
  color: #dfdfdf;
}
.bwc-country-language__content .bwc-country-language__letter-list__button--selected {
  color: #0c1caf;
}
.bwc-country-language__content .bwc-country-language__content__panel__body__countries {
  border-right: 1px solid #efeff9;
}
@media (min-width: 600px) {
  .bwc-country-language__toolbar-title {
    font-size: 1.25rem;
    line-height: 1.2;
    font-family: GothamSSm, "Helvetica Neue", sans-serif;
    color: #1d1d1d;
    font-weight: 900;
  }
}
.bwc-country-language__toolbar-title {
  font-size: 1.25rem;
  line-height: 1.2;
  font-family: GothamSSm, "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: 900;
}
.bwc-country-language__country-list__letter {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: bold;
}

.bwc-destination-card:host:before {
  background: linear-gradient(180deg, black 0, rgba(0, 0, 0, 0.6) 16%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.6) 65%, black 100%);
}
.bwc-destination-card__container {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 16%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.3) 100%);
}
.bwc-destination-card__content {
  color: #f7fafd;
}
.bwc-destination-card__title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bwc-destination-card__weather-temperature {
  color: #f7fafd;
}
.bwc-destination-card__weather-month {
  color: #f7fafd;
}
.bwc-destination-card__country-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bwc-destination-card__icon-text-item {
  color: #f7fafd;
}
.bwc-destination-card__theme {
  background: rgba(247, 250, 253, 0.3);
  color: #f7fafd;
}
.bwc-destination-card__inspiration-button--secondary.mat-button.mat-primary, .bwc-destination-card__inspiration-button--secondary.mat-button.mat-accent, .bwc-destination-card__inspiration-button--secondary.mat-raised-button.mat-primary, .bwc-destination-card__inspiration-button--secondary.mat-raised-button.mat-accent {
  color: black;
}
.bwc-destination-card__inspiration-button--ternary.mat-button.mat-primary, .bwc-destination-card__inspiration-button--ternary.mat-button.mat-accent, .bwc-destination-card__inspiration-button--ternary.mat-raised-button.mat-primary, .bwc-destination-card__inspiration-button--ternary.mat-raised-button.mat-accent {
  color: #f7fafd;
}
.bwc-destination-card__inspiration-button.mat-button.mat-primary, .bwc-destination-card__inspiration-button.mat-button.mat-accent, .bwc-destination-card__inspiration-button.mat-raised-button.mat-primary, .bwc-destination-card__inspiration-button.mat-raised-button.mat-accent {
  border-radius: 4px;
}
@media (min-width: 600px) {
  .bwc-error-page-title {
    font-size: 2.5rem;
    line-height: 1.1;
    font-family: GothamSSm, "Helvetica Neue", sans-serif;
    color: #0c1caf;
    font-weight: 900;
  }
}
.bwc-error-page-title {
  font-size: 2.5rem;
  line-height: 1.1;
  font-family: GothamSSm, "Helvetica Neue", sans-serif;
  color: #0c1caf;
  font-weight: 900;
}
@media (min-width: 600px) {
  .bwc-error-page-subtitle {
    font-size: 1.5rem;
    line-height: 1.2083333333;
    font-family: GothamSSm, "Helvetica Neue", sans-serif;
    color: #1d1d1d;
    font-weight: 900;
  }
}
.bwc-error-page-subtitle {
  font-size: 1.5rem;
  line-height: 1.2083333333;
  font-family: GothamSSm, "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: 900;
}
.bwc-error-page-message {
  color: var(--bwc-palette-accent-500);
}
.bwc-error-page .mdc-card {
  display: block;
  position: relative;
  box-sizing: content-box;
  padding: 16px;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 4px;
}
.bwc-error-page .mdc-list {
  padding-top: 8px;
  padding-bottom: 0;
}

.bwc-form-errors {
  color: #e32849 !important;
}
.bwc-form-errors .bwc-form-errors__icon {
  margin-right: 4px;
}

.bwc-form-input-container--outline .mat-mdc-form-field .bwc-form-errors {
  color: #e32849 !important;
}

.bwc-form-checkbox {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  display: inline-block;
  position: relative;
  width: 100%;
}
.bwc-form-checkbox__input-container {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  margin-bottom: 1.35em;
}
.bwc-form-checkbox .bwc-form-errors {
  flex-direction: row-reverse;
  margin-top: auto;
}
.bwc-form-checkbox .bwc-form-errors .mat-icon {
  margin-left: 0;
}
.bwc-form-checkbox__subscript-wrapper {
  top: 100%;
  margin-top: -1.5em;
}
.bwc-form-checkbox__hint-wrapper {
  display: flex;
}
.bwc-form-checkbox__hint-spacer {
  flex: 1 0 10px;
}

.bwc-form-date-fields__date-input .mat-select-underline {
  background-color: rgba(0, 0, 0, 0.12);
}
.bwc-form-date-fields__date-input--month.mat-select-disabled .mat-select-value-text {
  color: #1d1d1d;
}
.bwc-form-date-fields--outline .bwc-form-date-fields__input-wrapper .mat-form-field-wrapper {
  padding-bottom: 24px;
}
.bwc-form-date-fields--outline .bwc-form-date-fields__input-wrapper .mat-form-field-wrapper .mat-mdc-form-field-infix {
  padding: 16px;
  border-top: 0;
}
.bwc-form-date-fields--outline .bwc-form-date-fields__input-wrapper .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.bwc-form-date-fields--outline .bwc-form-date-fields__input-wrapper .mat-form-field-wrapper .mat-form-field-subscript-wrapper {
  top: 56px;
  margin-top: 4px;
}
.bwc-form-date-fields--outline .bwc-form-date-fields__input-wrapper .mat-form-field-wrapper .mat-form-field-outline .mat-form-field-outline-start,
.bwc-form-date-fields--outline .bwc-form-date-fields__input-wrapper .mat-form-field-wrapper .mat-form-field-outline .mat-form-field-outline-gap,
.bwc-form-date-fields--outline .bwc-form-date-fields__input-wrapper .mat-form-field-wrapper .mat-form-field-outline .mat-form-field-outline-end,
.bwc-form-date-fields--outline .bwc-form-date-fields__input-wrapper .mat-form-field-wrapper .mat-form-field-outline-thick .mat-form-field-outline-start,
.bwc-form-date-fields--outline .bwc-form-date-fields__input-wrapper .mat-form-field-wrapper .mat-form-field-outline-thick .mat-form-field-outline-gap,
.bwc-form-date-fields--outline .bwc-form-date-fields__input-wrapper .mat-form-field-wrapper .mat-form-field-outline-thick .mat-form-field-outline-end {
  border: none;
}
.bwc-form-date-fields--outline .bwc-form-date-fields__input-wrapper .mat-mdc-form-field.mat-form-field-appearance-outline .mdc-notched-outline {
  display: none;
}
.bwc-form-date-fields--outline .mat-mdc-select-trigger {
  padding-right: 8px;
}
.bwc-form-date-fields--outline .bwc-form-date-fields__date-input-wrapper .mat-mdc-text-field-wrapper {
  max-height: 56px;
}
.bwc-form-date-fields__input-wrapper .mat-mdc-input-element,
.bwc-form-date-fields__input-wrapper .mat-form-field-underline {
  visibility: hidden;
}
.bwc-form-date-fields__input-wrapper .mat-form-field-invalid .mat-form-field-underline .mat-form-field-ripple {
  visibility: hidden;
}

.bwc-form-rich-checkbox {
  position: relative;
  border: 1px solid;
  background-color: #efeff9;
}
.bwc-form-rich-checkbox--label-position-before {
  justify-content: space-between;
}
.bwc-form-rich-checkbox--label-position-before .bwc-form-rich-checkbox__label {
  order: 1;
}
.bwc-form-rich-checkbox--label-position-before .bwc-form-rich-checkbox__check-icon {
  order: 2;
  margin-left: 8px;
}
.bwc-form-rich-checkbox--label-position-after .bwc-form-rich-checkbox__check-icon {
  order: 1;
  margin-right: 8px;
}
.bwc-form-rich-checkbox--label-position-after .bwc-form-rich-checkbox__label {
  order: 2;
}

.bwc-form-info-box__arrow__point {
  background-color: #efeff9;
}
.bwc-form-info-box__content {
  background-color: #efeff9;
}

.bwc-form-calendar-icon .mat-icon {
  width: 16px;
  height: 16px;
  fill: #0c1caf;
}

.bwc-form-info-icon {
  color: #0c1caf;
}

.bwc-form-radio-group {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc-form-radio-group--block .mat-mdc-radio-button {
  display: block;
}
.bwc-form-radio-group--block .mat-mdc-radio-button:not(:first-of-type) {
  margin-top: 12px;
}
.bwc-form-radio-group--block .mat-mdc-radio-button .mat-radio-label {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.bwc-form-radio-group--block .mat-mdc-radio-button .mat-radio-label-content {
  flex: 1;
  white-space: initial;
}
.bwc-form-radio-group__input-container {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc-form-radio-group__input-container--error .bwc-form-radio-group__input-container__label {
  color: #e32849;
}
.bwc-form-radio-group .mat-mdc-radio-group {
  display: flex;
  flex-wrap: wrap;
}
.bwc-form-radio-group .bwc-form-errors {
  flex-direction: row-reverse;
}
.bwc-form-radio-group .bwc-form-errors .mat-icon {
  margin-left: 0;
}
.bwc-form-radio-group .mat-input-subscript-wrapper {
  top: 100%;
  margin-top: -1.5em;
}

.bwc-form-section {
  background-color: #f7fafd;
}

.bwc-form-section-header__initials {
  background-color: #0c1caf;
  color: #f7fafd;
}

.bwc .mat-form-field-underline {
  bottom: 1.33em;
  background: rgba(0, 0, 0, 0.12);
}

.bwc-form-input-container--has-info .mat-mdc-form-field-icon-prefix .mat-icon,
.bwc-form-input-container--has-info .mat-mdc-form-field-icon-suffix .mat-icon {
  margin-top: -1px;
  line-height: 0;
}
.bwc-form-input-container--has-info .mat-form-field-label-wrapper {
  overflow: visible;
}
.bwc-form-input-container--has-info .mat-form-field-should-float .mat-mdc-form-field-icon-prefix + .mat-mdc-form-field-infix .mat-form-field-label {
  transform: translate3d(-26px, -1em, 0) scale(0.75);
}
.bwc-form-input-container.bwc-form-input-container--has-subscript {
  margin-bottom: 4px;
}
.bwc-form-input-container.bwc-form-input-container--has-subscript .bwc-form-info-box {
  margin-top: 0;
}
.bwc-form-input-container--outline .bwc-form-field-label.bwc-disabled .bwc-form-field-label__value,
.bwc-form-input-container--outline .bwc-form-field-label.bwc-disabled .mat-mdc-form-field-icon-prefix,
.bwc-form-input-container--outline .bwc-form-field-label.bwc-disabled .mat-mdc-form-field-icon-suffix,
.bwc-form-input-container--outline .bwc-form-field-label.bwc-disabled [translate-hint=""] {
  color: #96a5bc;
}
.bwc-form-input-container--outline .bwc-form-field-label.bwc-disabled .mat-mdc-form-field-icon-prefix svg,
.bwc-form-input-container--outline .bwc-form-field-label.bwc-disabled .mat-mdc-form-field-icon-suffix svg {
  fill: #96a5bc;
}
.bwc-form-input-container--outline [translate-hint=""] {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  color: #1d1d1d;
}
.bwc-form-input-container--outline .bwc-form-field-label__value {
  margin-bottom: 8px;
}
.bwc-form-input-container--outline .bwc-form-field-label__value:has(+ .bwc-form-select--inline) {
  margin-bottom: 0;
}
.bwc-form-input-container--outline .bwc-form-field-label__value--no-label {
  width: 0;
  height: 0;
  margin-bottom: 0;
  overflow: hidden;
}
.bwc-form-input-container--outline .bwc-form-field-label__value,
.bwc-form-input-container--outline [translate-hint=""] {
  display: block;
}
.bwc-form-input-container--outline .mat-mdc-form-field {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  margin-bottom: 24px;
}
.bwc-form-input-container--outline .mat-mdc-form-field .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error .bwc-form-errors {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc-form-input-container--outline .mat-mdc-form-field .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error .bwc-form-errors .bwc-form-errors__icon {
  margin-left: 0;
}
.bwc-form-input-container--outline .mat-mdc-form-field .mat-mdc-form-field-infix {
  padding: 16px 0;
  border-top: 0;
  font-size: 1rem;
}
.bwc-form-input-container--outline .mat-mdc-form-field .mat-mdc-form-field-infix input.mat-mdc-input-element {
  margin-top: 0;
}
.bwc-form-input-container--outline .mat-mdc-form-field .mat-mdc-form-field-infix textarea.mat-mdc-input-element {
  margin-bottom: -8px;
}
.bwc-form-input-container--outline .mat-mdc-form-field.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #0c1caf;
}
.bwc-form-input-container--outline .mat-mdc-form-field.mat-form-field-appearance-outline .mat-form-field-flex {
  padding-right: 8px;
}
.bwc-form-input-container--outline .mat-mdc-form-field.mat-form-field-appearance-outline .mdc-notched-outline {
  color: #1d1d1d;
}
.bwc-form-input-container--outline .mat-mdc-form-field.mat-form-field-appearance-outline .mat-form-field-outline-start,
.bwc-form-input-container--outline .mat-mdc-form-field.mat-form-field-appearance-outline .mat-form-field-outline-gap,
.bwc-form-input-container--outline .mat-mdc-form-field.mat-form-field-appearance-outline .mat-form-field-outline-end {
  background-color: #f7fafd;
}
.bwc-form-input-container--outline .mat-mdc-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix {
  top: auto;
  align-self: center;
  line-height: inherit;
}
.bwc-form-input-container--outline .mat-mdc-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix mat-datepicker-toggle bwc-icon {
  margin-top: 8px;
  font-size: 1.125rem;
  text-align: center;
}
.bwc-form-input-container--outline .mat-mdc-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button bwc-icon .mat-icon {
  transform: none;
}
.bwc-form-input-container--outline .mat-mdc-form-field.mat-form-field-disabled .mat-form-field-outline {
  color: #dfdfdf;
}
.bwc-form-input-container--outline .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  margin-top: 4px;
}
.bwc-form-input-container--outline .bwc-form-input-container--has-info .mat-mdc-form-field {
  width: calc(100% - 32px);
}
.bwc-form-input-container--outline .bwc-form-input-container--has-info .mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
  position: relative;
  top: 0;
  right: -44px;
}
.bwc-form-input-container--outline .bwc-form-input-container--has-info .mat-mdc-form-field.mat-form-field-invalid {
  margin-bottom: 0;
}
.bwc-form-input-container--outline .bwc-form-input-container--has-info .mat-mdc-form-field.mat-form-field-invalid .mat-form-field-wrapper {
  padding-bottom: 0;
}
.bwc-form-input-container--outline .bwc-form-input-container--has-info .mat-mdc-form-field + bwc-form-info-box .bwc-form-info-box__arrow {
  position: relative;
}
.bwc-form-input-container--outline .bwc-form-input-container--has-info .mat-mdc-form-field + bwc-form-info-box .bwc-form-info-box__arrow__point {
  position: absolute;
  right: 7px;
}
.bwc-form-input-container--outline .bwc-form-input-container--has-info .mat-mdc-form-field + bwc-form-info-box span {
  display: block;
}
.bwc-form-input-container--outline .mat-mdc-form-field.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline {
  color: #e32849;
}
.bwc-form-input-container--outline .mdc-text-field--outlined:not(.mdc-text-field--invalid):not(.mdc-text-field--focused):not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
.bwc-form-input-container--outline .mdc-text-field--outlined:not(.mdc-text-field--invalid):not(.mdc-text-field--focused):not(.mdc-text-field--disabled) .mdc-notched-outline__leading {
  border-color: currentColor;
}
.bwc-form-input-container--outline .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing,
.bwc-form-input-container--outline .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading {
  border-color: #dfdfdf;
}
.bwc-form-input-container--outline .mat-mdc-form-field-icon-suffix bwc-icon {
  vertical-align: middle;
  text-align: inherit;
}
.bwc-form-input-container--password mat-form-field .mat-form-field-wrapper input {
  width: calc(100% - (16px));
}
.bwc-form-input-container--password mat-form-field button {
  margin-right: 16px;
  text-decoration: underline;
}
.bwc-form-input-container .mat-input-subscript-wrapper,
.bwc-form-input-container .bwc-form-checkbox__subscript-wrapper {
  position: absolute;
  width: 100%;
  overflow: hidden;
  font-size: 75%;
  line-height: 1.2em;
}
.bwc-form-input-container .mat-form-field-underline {
  bottom: 1.33em;
}
.bwc-form-input-container .mat-mdc-form-field-error-wrapper {
  position: static;
}
.bwc-form-input-container .mat-mdc-form-field-bottom-align::before {
  display: none;
}
.bwc-form-input-container .mat-mdc-form-field .mat-mdc-text-field-wrapper {
  min-height: 56px;
  padding-right: 12px;
  padding-left: 12px;
}
.bwc-form-input-container .mat-mdc-form-field .mat-mdc-text-field-wrapper .mdc-notched-outline__leading,
.bwc-form-input-container .mat-mdc-form-field .mat-mdc-text-field-wrapper .mdc-notched-outline__trailing {
  transition: border-width 50ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.bwc-form-input-container .mat-mdc-form-field .mat-mdc-text-field-wrapper:hover .mdc-notched-outline__leading,
.bwc-form-input-container .mat-mdc-form-field .mat-mdc-text-field-wrapper:hover .mdc-notched-outline__trailing {
  border-width: 2px;
}

.bwc-form-phone-number-fields__phone-number-input-wrapper .mat-form-field {
  margin-bottom: 0;
}
.bwc-form-phone-number-fields__phone-number-input-wrapper .mat-form-field.mat-form-field-appearance-outline .bwc-form-phone-number-fields__input--dialcode .mat-select-arrow-wrapper {
  transform: none;
}
.bwc-form-phone-number-fields__input-wrapper .mat-mdc-input-element {
  visibility: hidden;
}
.bwc-form-phone-number-fields__input-wrapper .mat-mdc-form-field.mat-form-field-appearance-outline .mdc-notched-outline {
  display: none;
}
.bwc-form-phone-number-fields .bwc-form-phone-number-fields__input-wrapper .mat-form-field-wrapper .mat-form-field-outline .mat-form-field-outline-start,
.bwc-form-phone-number-fields .bwc-form-phone-number-fields__input-wrapper .mat-form-field-wrapper .mat-form-field-outline .mat-form-field-outline-gap,
.bwc-form-phone-number-fields .bwc-form-phone-number-fields__input-wrapper .mat-form-field-wrapper .mat-form-field-outline .mat-form-field-outline-end,
.bwc-form-phone-number-fields .bwc-form-phone-number-fields__input-wrapper .mat-form-field-wrapper .mat-form-field-outline-thick .mat-form-field-outline-start,
.bwc-form-phone-number-fields .bwc-form-phone-number-fields__input-wrapper .mat-form-field-wrapper .mat-form-field-outline-thick .mat-form-field-outline-gap,
.bwc-form-phone-number-fields .bwc-form-phone-number-fields__input-wrapper .mat-form-field-wrapper .mat-form-field-outline-thick .mat-form-field-outline-end {
  border: none;
}

bwc-multi-list .bwc-multi-list .mdc-list-item:active::before {
  background-color: var(--bwc-palette-black);
}
bwc-multi-list .bwc-multi-list .mat-mdc-menu-item .mat-icon {
  color: inherit;
}
bwc-multi-list .bwc-multi-list-item__link, bwc-multi-list .bwc-multi-list-item__button {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
bwc-multi-list .bwc-multi-list-item__link-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.bwc-multi-list-large-list__item {
  border-bottom: 1px solid var(--bwc-palette-primary-100);
}
.bwc-multi-list-large-list__item:focus {
  background-color: var(--bwc-palette-grey-200);
  cursor: pointer;
}
.bwc-multi-list-large-list__item__link {
  color: var(--bwc-palette-primary-900);
}
.bwc-multi-list-large-list__item::before {
  background-color: var(--bwc-palette-black);
}
.bwc-multi-list-large-list__title__label, .bwc-multi-list-large-list__title__subtitle {
  color: var(--bwc-palette-primary-900);
}
.bwc-multi-list-large-list__title .mat-mdc-list-item {
  padding: 0;
}

.bwc-logo-header__menu-list .bwc-multi-list,
.bwc-logo-header__profile-list .bwc-multi-list {
  padding: 0;
}
.bwc-logo-header__menu-list .bwc-multi-list .bwc-multi-list__button,
.bwc-logo-header__profile-list .bwc-multi-list .bwc-multi-list__button {
  padding: 0 24px;
}
.bwc-logo-header__menu-list .bwc-multi-list .mdc-list-item,
.bwc-logo-header__profile-list .bwc-multi-list .mdc-list-item {
  height: auto;
  padding: 0;
}
.bwc-logo-header__menu-list .bwc-multi-list .mdc-list-item__content,
.bwc-logo-header__profile-list .bwc-multi-list .mdc-list-item__content {
  padding: 0;
}
.bwc-logo-header__menu-list .bwc-multi-list .mat-mdc-menu-item.mdc-list-item,
.bwc-logo-header__profile-list .bwc-multi-list .mat-mdc-menu-item.mdc-list-item {
  min-height: 56px;
  padding: 0 16px;
}

.bwc-logo-header__auth-menu ul {
  list-style: none;
}
.bwc-logo-header__auth-menu ul li {
  height: 36px;
  min-height: auto;
  padding: 0 16px;
  outline: none;
  line-height: 36px;
}
.bwc-logo-header__auth-menu ul li:hover, .bwc-logo-header__auth-menu ul li:focus {
  background-color: var(--mat-menu-item-hover-state-layer-color);
}
.bwc-logo-header__auth-menu ul li button {
  outline: none;
  text-decoration: none;
}
.bwc-logo-header__auth-menu ul li button .bwc-menu-item__action-icon {
  margin-right: 8px;
}
.bwc-logo-header__auth-menu ul li button .bwc-menu-item__label-action {
  vertical-align: middle;
}

bwc-logo-header {
  background: var(--bwc-palette-white);
}
bwc-logo-header button {
  color: inherit;
}
bwc-logo-header .mat-toolbar {
  background: #f7fafd;
  color: #3b5071;
}
bwc-logo-header .bwc-logo-header {
  display: grid;
  justify-content: center;
}
bwc-logo-header .bwc-logo-header__logo-container {
  align-items: center;
  margin-left: 8px;
}
bwc-logo-header .bwc-logo-header__productname {
  margin-left: 8px;
  white-space: normal;
}
bwc-logo-header .bwc-logo-header__logo {
  width: 160px;
  height: 40px;
  background-image: url("../../components/42.0.0/fb/logo/flyingblue.svg");
}
bwc-logo-header .bwc-logo-header__button-countrylang .mdc-button__label img {
  margin-top: -4px;
}
bwc-logo-header .bwc-logo-header__user-profile-info.mdc-button {
  min-width: 0;
}
bwc-logo-header .bwc-logo-header__user-profile-info.mdc-button:not([color]) {
  border: none;
}
bwc-logo-header .bwc-logo-header__user-profile-info .mdc-button__label {
  display: flex;
}
bwc-logo-header .bwc-logo-header__login-button.mdc-button, bwc-logo-header .bwc-logo-header__enrol-button.mdc-button, bwc-logo-header .bwc-logo-header__button-countrylang.mdc-button {
  min-width: 40px;
  min-height: 40px;
  line-height: 0;
  text-align: center;
}
bwc-logo-header .bwc-logo-header__login-button.mdc-button .mdc-button__label bwc-icon, bwc-logo-header .bwc-logo-header__enrol-button.mdc-button .mdc-button__label bwc-icon, bwc-logo-header .bwc-logo-header__button-countrylang.mdc-button .mdc-button__label bwc-icon {
  margin-top: -4px;
}
bwc-logo-header .bwc-logo-header__login-button.mdc-button .mdc-button__label bwc-icon:first-child, bwc-logo-header .bwc-logo-header__enrol-button.mdc-button .mdc-button__label bwc-icon:first-child, bwc-logo-header .bwc-logo-header__button-countrylang.mdc-button .mdc-button__label bwc-icon:first-child {
  padding-right: 0;
}
bwc-logo-header .bwc-logo-header__menu-list .bwc-multi-list .mdc-list-item__content, bwc-logo-header .bwc-logo-header__profile-list .bwc-multi-list .mdc-list-item__content {
  padding: 0;
}
bwc-logo-header .bwc-logo-header__redirection-notice-container {
  background-color: var(--bwc-palette-primary-100);
}
bwc-logo-header .bwc-logo-header__redirection-notice-container:before {
  border-bottom: 10px solid var(--bwc-palette-primary-100);
}
bwc-logo-header .bwc-logo-header.bwc-small-header .bwc-logo-header {
  height: auto;
}
bwc-logo-header .bwc-logo-header__search-overlay {
  position: fixed;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(var(--bwc-palette-black-rgb), 0.5);
}

@media (min-width: 600px) {
  .bwc-logo-header__user-profile-button {
    font-size: 1.125rem;
    line-height: 1.4444444444;
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    color: #1d1d1d;
    font-weight: normal;
    color: #f7fafd;
  }
}
.bwc-logo-header__user-profile-button {
  background-color: var(--bwc-palette-primary-500);
  color: #f7fafd;
}

.mat-mdc-menu-content .bwc-logo-header__profile-menu-divider {
  margin: 0 8px;
  border-top-color: var(--bwc-palette-primary-100);
}
.mat-mdc-menu-content .bwc-logo-header__user-profile-menu-info {
  display: flex;
  padding: 8px 16px;
}
.mat-mdc-menu-content .bwc-logo-header__user-profile-menu-info .bwc-logo-header__user-profile-button {
  font-size: 1.125rem;
  line-height: 1.4444444444;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  align-self: center;
  width: 40px;
  height: 40px;
  padding: 8px 0;
}
@media (min-width: 600px) {
  .mat-mdc-menu-content .bwc-logo-header__user-profile-menu-info {
    display: none;
  }
}

.bwc-next-best-action {
  background-color: var(--bwc-palette-primary-500);
}
.bwc-next-best-action::before {
  background-color: var(--bwc-palette-black);
}
.bwc-next-best-action__icon {
  color: var(--bwc-palette-white);
}
.bwc-next-best-action__title, .bwc-next-best-action__description, .bwc-next-best-action__disclaimer {
  color: var(--bwc-palette-white);
}
.bwc-next-best-action__action--icon {
  color: var(--bwc-palette-white);
}
.bwc-next-best-action {
  /*
   NBA component with medium emphasis can not be colored blue
  */
}
.bwc-next-best-action--variant, .bwc-next-best-action--no-emphasis {
  background: var(--bwc-palette-white);
}
.bwc-next-best-action--variant::before, .bwc-next-best-action--no-emphasis::before {
  background-color: var(--bwc-palette-black);
}
.bwc-next-best-action--variant .bwc-next-best-action__icon, .bwc-next-best-action--no-emphasis .bwc-next-best-action__icon {
  color: var(--bwc-palette-primary-500);
}
.bwc-next-best-action--variant .bwc-next-best-action__title,
.bwc-next-best-action--variant .bwc-next-best-action__description,
.bwc-next-best-action--variant .bwc-next-best-action__disclaimer, .bwc-next-best-action--no-emphasis .bwc-next-best-action__title,
.bwc-next-best-action--no-emphasis .bwc-next-best-action__description,
.bwc-next-best-action--no-emphasis .bwc-next-best-action__disclaimer {
  color: var(--bwc-palette-primary-500);
}
.bwc-next-best-action--variant .bwc-next-best-action__action--icon, .bwc-next-best-action--no-emphasis .bwc-next-best-action__action--icon {
  color: var(--bwc-palette-primary-500);
}
.bwc-next-best-action {
  /*
   NBA component with medium emphasis has 'inline' icon
  */
}
.bwc-next-best-action--no-emphasis .bwc-next-best-action__icon {
  border-width: 0;
  background-color: var(--bwc-palette-white);
  color: var(--bwc-palette-primary-500);
}

.bwc-notification__main p:last-child {
  margin-bottom: 0;
}
.bwc-notification--success {
  border-color: #1d8293;
  background-color: #fcffeb;
}
.bwc-notification--success .bwc-notification__icon-container {
  color: #1d8293;
}
.bwc-notification--success .bwc-notification__button-action {
  color: black;
}
.bwc-notification--success button bwc-icon .mat-icon {
  color: black;
}
.bwc-notification--error {
  border-color: #e32849;
  background-color: #f9e8ea;
}
.bwc-notification--error .bwc-notification__icon-container {
  color: #e32849;
}
.bwc-notification--error .bwc-notification__button-action {
  color: black;
}
.bwc-notification--error button bwc-icon .mat-icon {
  color: black;
}
.bwc-notification--warning {
  border-color: #efff00;
  background-color: #fff8eb;
}
.bwc-notification--warning .bwc-notification__icon-container {
  color: #efff00;
}
.bwc-notification--warning .bwc-notification__button-action {
  color: black;
}
.bwc-notification--warning button bwc-icon .mat-icon {
  color: black;
}
.bwc-notification--info {
  border-color: #0c1caf;
  background-color: #efeff9;
}
.bwc-notification--info .bwc-notification__icon-container {
  color: #3b5071;
}
.bwc-notification--info .bwc-notification__button-action {
  color: black;
}
.bwc-notification--info button bwc-icon .mat-icon {
  color: black;
}

bwc-onboarding .bwc-onboarding-controls__button {
  background-color: #0c1caf;
}
bwc-onboarding .bwc-onboarding-controls__button bwc-icon svg {
  fill: #e8e5e5;
}
bwc-onboarding .bwc-onboarding-close__button {
  background-color: #0c1caf;
}
bwc-onboarding .bwc-onboarding-close__button bwc-icon svg {
  fill: #e8e5e5;
}
bwc-onboarding .bwc-onboarding-pagination__item__button {
  background-color: #e8e5e5;
}
bwc-onboarding .bwc-onboarding-pagination__item__button bwc-icon svg {
  fill: #e8e5e5;
}
bwc-onboarding .bwc-onboarding-pagination__item--active .bwc-onboarding-pagination__item__button {
  background-color: #0c1caf;
}

.bwc-password-strength-meter .mdc-linear-progress__bar-inner {
  border-top-width: 8px;
  border-radius: 4px;
}
.bwc-password-strength-meter .mat-primary .mdc-linear-progress__bar-inner {
  border-color: #22780f;
}
.bwc-password-strength-meter .mat-accent .mdc-linear-progress__bar-inner {
  border-color: #e32849;
}
.bwc-password-strength-meter .mat-warn .mdc-linear-progress__bar-inner {
  border-color: #ffb21f;
}
.bwc-password-strength-meter .mdc-linear-progress__buffer-bar {
  background-color: #e8e5e5 !important;
}

.bwc-skiplink button.mat-raised-button.mat-primary {
  background-color: var(--bwc-palette-primary-500);
}

bwc-stepper {
  display: block;
  font-size: 0.889em;
  line-height: 34px;
}
@media (max-width: 599px) {
  bwc-stepper nav {
    padding-top: 48px;
    padding-bottom: 24px;
  }
}
bwc-stepper nav {
  padding: 24px 0 0;
}
bwc-stepper .bwc-c-stepper {
  display: flex;
}
bwc-stepper .bwc-c-stepper__wrapper, bwc-stepper .bwc-c-stepper__wrapper--details {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}
@media (min-width: 600px) {
  bwc-stepper .bwc-c-stepper__list {
    flex: 0 1 auto;
  }
}
bwc-stepper .bwc-c-stepper__list, bwc-stepper .bwc-c-stepper__item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0;
}
bwc-stepper .bwc-c-stepper__title {
  display: block;
  color: var(--bwc-palette-black);
  line-height: 38px;
  white-space: nowrap;
  cursor: pointer;
}
bwc-stepper .bwc-c-stepper__seperator {
  display: block;
  flex: 1;
  width: 100%;
  height: 1px;
  margin-top: 18px;
  margin-left: 20px;
  background-color: var(--bwc-palette-grey-500);
}
bwc-stepper .bwc-c-stepper__item {
  box-sizing: border-box;
  padding: 0 10px;
}
bwc-stepper .bwc-c-stepper__item:first-child:nth-last-child(n+3) .bwc-c-stepper__title, bwc-stepper .bwc-c-stepper__item:first-child:nth-last-child(n+3) ~ .bwc-c-stepper__item .bwc-c-stepper__title {
  display: none;
}
bwc-stepper .bwc-c-stepper__item:last-child {
  flex: 1;
  width: 100%;
  padding-right: 0;
}
bwc-stepper .bwc-c-stepper__item:last-child.bwc-c-stepper__title {
  padding-right: 0;
}
bwc-stepper .bwc-c-stepper__item:last-child .bwc-c-stepper__seperator {
  display: none;
}
bwc-stepper .bwc-c-stepper__item:not(:last-child) {
  max-width: 200px;
}
bwc-stepper .bwc-c-stepper__icon--number {
  display: inline-block;
}
bwc-stepper .bwc-c-stepper__icon--check {
  display: none;
}
bwc-stepper .bwc-c-stepper--done .bwc-c-stepper__icon--number {
  display: none;
}
bwc-stepper .bwc-c-stepper--done .bwc-c-stepper__icon--check {
  display: inline-block;
  vertical-align: middle;
}
bwc-stepper .bwc-c-stepper__icon {
  display: flex;
  justify-content: center;
  min-width: 34px;
  max-width: 34px;
  height: 34px;
  margin-right: 10px;
  border-radius: 50%;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 359px) {
  bwc-stepper .bwc-c-stepper__list, bwc-stepper .bwc-c-stepper__item {
    justify-content: flex-start;
  }
}
@media (min-width: 600px) {
  bwc-stepper .bwc-c-stepper__item:first-child:nth-last-child(n+3) .bwc-c-stepper__title, bwc-stepper .bwc-c-stepper__item:first-child:nth-last-child(n+3) ~ .bwc-c-stepper__item .bwc-c-stepper__title {
    display: block;
  }
}
bwc-stepper .mat-mdc-card {
  color: #96a5bc !important; /* stylelint-disable-line declaration-no-important */
}
bwc-stepper .bwc-c-stepper--active {
  color: #33b1ff;
}
bwc-subheader {
  background: var(--bwc-palette-primary-500);
}
bwc-subheader .bwc-subheader__button-menu {
  color: var(--bwc-palette-white);
}
bwc-subheader .bwc-subheader__button-back, bwc-subheader .bwc-subheader__button-action {
  color: var(--bwc-palette-white);
}
bwc-subheader .bwc-subheader__button-back .bwc-typo-body-m-bold, bwc-subheader .bwc-subheader__button-action .bwc-typo-body-m-bold {
  color: var(--bwc-palette-primary-900);
}
@media (min-width: 600px) {
  bwc-subheader .bwc-subheader__label-title h1 {
    font-size: 1.25rem;
    line-height: 1.2;
    font-family: GothamSSm, "Helvetica Neue", sans-serif;
    color: #1d1d1d;
    font-weight: 900;
  }
}
bwc-subheader .bwc-subheader__label-title h1 {
  font-size: 1.25rem;
  line-height: 1.2;
  font-family: GothamSSm, "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: 900;
  color: var(--bwc-palette-white);
}
bwc-subheader .bwc-subheader__label-action.bwc-typo-body-m-regular {
  color: var(--bwc-palette-white);
}
bwc-subheader .mat-toolbar {
  background: none;
}
bwc-subheader .mat-toolbar.mat-primary {
  background: var(--bwc-palette-primary-500);
}
bwc-subheader .mat-toolbar.mat-primary .bwc-typo-body-m-regular {
  color: var(--bwc-palette-white);
}

.bwc-toc-content {
  border-left: 3px solid #0c1caf;
}
.bwc-toc-content ul li {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
}
.bwc-toc-content ul li.bwc-toc-heading-h1 {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: bold;
}
.bwc-toc-content ul li a {
  color: black;
}
.bwc-toc-content ul li a:focus {
  color: #33b1ff;
}
.bwc-toc-content ul li:hover {
  background-color: #efeff9;
}
.bwc-toc-content ul li:hover a {
  color: #0c1caf;
}
.bwc-toc-content ul li.bwc-active a {
  color: #33b1ff;
}

bwc-trip-stepper .bwc-trip-stepper__wrapper {
  background-color: var(--bwc-palette-white);
}
bwc-trip-stepper .bwc-trip-stepper__total-price__button span {
  color: var(--bwc-palette-primary-300);
}
bwc-trip-stepper .bwc-trip-stepper__total-price__button bwc-icon {
  color: var(--bwc-palette-primary-300);
}
bwc-trip-stepper .bwc-trip-stepper__total-price-separator {
  border-right: 1px solid;
}
bwc-trip-stepper .bwc-trip-stepper__steps li::after {
  background-color: var(--bwc-palette-grey-500);
}
bwc-trip-stepper .bwc-trip-stepper__steps li.bwc-trip-stepper__step--active::after {
  background-color: var(--bwc-palette-accent-500);
}
bwc-trip-stepper .bwc-trip-stepper__steps li.bwc-trip-stepper__step--passed::after {
  background-color: var(--bwc-palette-primary-300);
}

.bwc-trip-stepper-step {
  color: var(--bwc-palette-grey-500);
}
.bwc-trip-stepper-step.bwc-trip-stepper-step--active {
  color: var(--bwc-palette-accent-500);
}
.bwc-trip-stepper-step.bwc-trip-stepper-step--passed {
  color: var(--bwc-palette-primary-300);
}
.bwc-trip-stepper-step__icon {
  background-color: var(--bwc-palette-grey-500);
  color: var(--bwc-palette-white);
}
.bwc-trip-stepper-step--active .bwc-trip-stepper-step__icon {
  background-color: var(--bwc-palette-accent-500);
}
.bwc-trip-stepper-step--passed .bwc-trip-stepper-step__icon {
  background-color: var(--bwc-palette-primary-300);
}
.bwc-c-stepper__list .bwc-c-stepper__item.bwc-c-stepper--active .bwc-c-stepper__icon {
  background-color: var(--bwc-palette-accent-500);
}
.bwc-c-stepper__list .bwc-c-stepper__item.bwc-c-stepper--active .bwc-c-stepper__icon--number {
  color: var(--bwc-palette-white);
  font-weight: bold;
}
.bwc-c-stepper__list .bwc-c-stepper__item .bwc-c-stepper__icon {
  border: none;
  background-color: var(--bwc-palette-primary-800);
}
.bwc-c-stepper__list .bwc-c-stepper__item .bwc-c-stepper__icon--number {
  color: var(--bwc-palette-white);
  font-weight: bold;
}

.bwc-snack-bar-template__content {
  color: var(--bwc-palette-white);
}
.bwc-snack-bar-template__action:before {
  background-color: rgba(var(--bwc-palette-white-rgb), 0.24);
}
.bwc-snack-bar-template__action .mdc-button.mat-mdc-button.mat-mdc-button-base:hover {
  background: inherit;
}
.bwc-snack-bar-template__action .mdc-button.mat-mdc-button.mat-mdc-button-base .mdc-button__label {
  color: var(--bwc-palette-white);
}

.bwc-is-inverted-theme .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #0c1caf;
  --mdc-radio-selected-hover-icon-color: #0c1caf;
  --mdc-radio-selected-icon-color: #0c1caf;
  --mdc-radio-selected-pressed-icon-color: #0c1caf;
}
.bwc-is-inverted-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #0c1caf;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.bwc-is-inverted-theme .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #33b1ff;
  --mdc-radio-selected-hover-icon-color: #33b1ff;
  --mdc-radio-selected-icon-color: #33b1ff;
  --mdc-radio-selected-pressed-icon-color: #33b1ff;
}
.bwc-is-inverted-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #33b1ff;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.bwc-is-inverted-theme .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #e32849;
  --mdc-radio-selected-hover-icon-color: #e32849;
  --mdc-radio-selected-icon-color: #e32849;
  --mdc-radio-selected-pressed-icon-color: #e32849;
}
.bwc-is-inverted-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #e32849;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.bwc-is-inverted-theme {
  --mdc-switch-selected-focus-state-layer-color: #021873;
  --mdc-switch-selected-handle-color: #021873;
  --mdc-switch-selected-hover-state-layer-color: #021873;
  --mdc-switch-selected-pressed-state-layer-color: #021873;
  --mdc-switch-selected-focus-handle-color: black;
  --mdc-switch-selected-hover-handle-color: black;
  --mdc-switch-selected-pressed-handle-color: black;
  --mdc-switch-selected-focus-track-color: #3b5071;
  --mdc-switch-selected-hover-track-color: #3b5071;
  --mdc-switch-selected-pressed-track-color: #3b5071;
  --mdc-switch-selected-track-color: #3b5071;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.bwc-is-inverted-theme {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.bwc-is-inverted-theme .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
.bwc-is-inverted-theme .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #03081d;
  --mdc-switch-selected-handle-color: #03081d;
  --mdc-switch-selected-hover-state-layer-color: #03081d;
  --mdc-switch-selected-pressed-state-layer-color: #03081d;
  --mdc-switch-selected-focus-handle-color: black;
  --mdc-switch-selected-hover-handle-color: black;
  --mdc-switch-selected-pressed-handle-color: black;
  --mdc-switch-selected-focus-track-color: #0062e6;
  --mdc-switch-selected-hover-track-color: #0062e6;
  --mdc-switch-selected-pressed-track-color: #0062e6;
  --mdc-switch-selected-track-color: #0062e6;
}
.bwc-is-inverted-theme .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #b60403;
  --mdc-switch-selected-handle-color: #b60403;
  --mdc-switch-selected-hover-state-layer-color: #b60403;
  --mdc-switch-selected-pressed-state-layer-color: #b60403;
  --mdc-switch-selected-focus-handle-color: #5c0202;
  --mdc-switch-selected-hover-handle-color: #5c0202;
  --mdc-switch-selected-pressed-handle-color: #5c0202;
  --mdc-switch-selected-focus-track-color: #fb1c1b;
  --mdc-switch-selected-hover-track-color: #fb1c1b;
  --mdc-switch-selected-pressed-track-color: #fb1c1b;
  --mdc-switch-selected-track-color: #fb1c1b;
}
.bwc-is-inverted-theme {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #33b1ff;
  --mdc-checkbox-selected-hover-icon-color: #33b1ff;
  --mdc-checkbox-selected-icon-color: #33b1ff;
  --mdc-checkbox-selected-pressed-icon-color: #33b1ff;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #33b1ff;
  --mdc-checkbox-selected-hover-state-layer-color: #33b1ff;
  --mdc-checkbox-selected-pressed-state-layer-color: #33b1ff;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.bwc-is-inverted-theme {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}
.bwc-is-inverted-theme .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #0c1caf;
  --mdc-checkbox-selected-hover-icon-color: #0c1caf;
  --mdc-checkbox-selected-icon-color: #0c1caf;
  --mdc-checkbox-selected-pressed-icon-color: #0c1caf;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #0c1caf;
  --mdc-checkbox-selected-hover-state-layer-color: #0c1caf;
  --mdc-checkbox-selected-pressed-state-layer-color: #0c1caf;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.bwc-is-inverted-theme .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #e32849;
  --mdc-checkbox-selected-hover-icon-color: #e32849;
  --mdc-checkbox-selected-icon-color: #e32849;
  --mdc-checkbox-selected-pressed-icon-color: #e32849;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e32849;
  --mdc-checkbox-selected-hover-state-layer-color: #e32849;
  --mdc-checkbox-selected-pressed-state-layer-color: #e32849;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.bwc-is-inverted-theme {
  background-color: #0c1caf;
  color: #f7fafd;
}
.bwc-is-inverted-theme.bwc-typo-body-m-regular,
.bwc-is-inverted-theme .bwc-typo-body-m-regular {
  color: #f7fafd;
}

/* stylelint-disable aviato/prefer-bwc-layout--bs-grd */
.bwc .mat-badge-warn .mat-badge-content {
  background-color: var(--aero-color-surface-critical);
}
.bwc .mat-badge:not(.mat-badge-hidden) .mat-badge-content {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  color: #1d1d1d;
  font-weight: normal;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: var(--aero-border-radius-full);
  color: var(--aero-color-text-contrast);
}
.bwc .mat-badge-small .mat-badge-content {
  min-width: var(--aero-asset-size-xs);
  max-width: 100%;
  height: var(--aero-asset-size-xs);
  min-height: 16px;
  padding: 0 var(--aero-space-fix-2xs);
}
.bwc .mat-badge-medium .mat-badge-content {
  min-width: var(--aero-asset-size-md);
  max-width: 100%;
  height: var(--aero-asset-size-md);
  min-height: 24px;
  padding: 0 var(--aero-space-fix-2xs);
}
.bwc .mat-badge-large .mat-badge-content {
  min-width: var(--aero-asset-size-lg);
  max-width: 100%;
  height: var(--aero-asset-size-lg);
  min-height: 28px;
  padding: 0 var(--aero-space-fix-xs);
}
.bwc .mat-mdc-snack-bar-container .mdc-snackbar__surface button.mat-mdc-snack-bar-action,
.bwc .mat-mdc-snack-bar-container .mdc-snackbar__surface button.mat-mdc-button-base {
  background: inherit;
}

:root {
  --bwc-palette-primary-100: #aab9d1;
  --bwc-palette-primary-300: #3b5071;
  --bwc-palette-primary-500: #0c1caf;
  --bwc-palette-red-100: #f9e8ea;
  --bwc-palette-yellow-100: #fff8eb;
  --bwc-palette-green-100: #fcffeb;
  --bwc-palette-accent-500: #33b1ff;
  --bwc-palette-white: #ffffff;
  --bwc-palette-black: #000000;
  --bwc-palette-primary-100-rgb: 170, 185, 209;
  --bwc-palette-primary-300-rgb: 59, 80, 113;
  --bwc-palette-primary-500-rgb: 12, 28, 175;
  --bwc-palette-red-100-rgb: 249, 232, 234;
  --bwc-palette-yellow-100-rgb: 255, 248, 235;
  --bwc-palette-green-100-rgb: 252, 255, 235;
  --bwc-palette-white-rgb: 255, 255, 255;
  --bwc-palette-black-rgb: 0, 0, 0;
  --bwc-base-unit: 8px;
}

.bwc-typo-headline-l {
  margin-bottom: 8px !important;
  line-height: 48px;
}

.bwc-logo-header button[mat-icon-button] {
  display: none !important;
}

bwc-logo-header .bwc-logo-header__button-countrylang {
  display: none;
}

bwc-logo-header .bwc-logo-header__button-contrast {
  display: none;
}

.mat-horizontal-stepper-header-container {
  display: none !important;
}

.asfc-svg-captcha-refresh {
  display: inline-block;
  width: 57px;
  height: 57px;
  background: url("../img/refresh.svg") center no-repeat;
  background-size: 80%;
  vertical-align: middle;
}

.asfc-svg-captcha-audio {
  display: inline-block;
  width: 57px;
  height: 57px;
  background: url("../img/volume-increase.svg") center no-repeat;
  background-size: 80%;
  vertical-align: middle;
}

.asfc-svg-captcha {
  display: inline-block;
  vertical-align: middle;
}

.asfc-svg-content {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-around;
}

.login-social-container__separator {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  line-height: 20px;
}
.login-social-container__separator__border {
  display: flex;
  flex: 1;
  margin: 15px 32px;
  border-bottom: 1px solid #c2deea;
}
.login-social-container__separator__content {
  max-width: 200px;
  margin: auto;
  color: #828180;
  text-align: center;
}
.login-social-container__providers {
  display: flex;
  justify-content: center;
  padding: 16px;
  line-height: 50px;
}
.login-social-container__icons {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 10px;
  border-radius: 2px;
  background: url("../img/social-buttons-icon.jpg") no-repeat;
  cursor: pointer;
}
.login-social-container__facebook {
  background: url("../img/facebook.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__twitter {
  background: url("../img/twitter.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__linkedin {
  background: url("../img/linkedin.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__googleplus {
  background: url("../img/google.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__instagram {
  background: url("../img/instagram.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__mixi {
  background: url("../img/mixi.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__renren {
  background: url("../img/renren.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__sina {
  background: url("../img/sina.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__vkontakte {
  background: url("../img/vkontakte.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__wechat {
  background: url("../img/wechat.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__messenger {
  background: url("../img/messenger.svg") center no-repeat;
  background-size: 100%;
}

.social-loader-overlay .social-spinner {
  margin: auto;
}

@media (max-width: 960px) {
  .login-social-container__separator__border {
    margin: 15px 20px;
  }
}
asfc-page-not-found {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.error-chevron__right {
  transform: rotate(90deg);
  margin-bottom: 3px;
}
.error-chevron__right__pull-right {
  float: right;
  margin-top: 8px;
}

.error-inner-wrapper__contactus {
  border-top: 1px solid #c2deea;
  border-bottom: 1px solid #c2deea;
  margin-top: 25px;
  padding: 10px 0px;
  cursor: pointer;
}
.error-inner-wrapper__help-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  background: url(../img/support_icon.svg);
}
.error-inner-wrapper__text {
  margin-left: 48px;
  color: #00a1de;
}
.error-inner-wrapper__action {
  margin-top: 10px;
  margin-bottom: 30px;
}
.error-inner-wrapper__action__back {
  padding: 10px 0;
}
.error-inner-wrapper__action__link {
  margin-left: 15px;
}

/*****************Desktop********************/
@media (min-width: 601px) {
  asfc-page-not-found {
    min-height: calc(100vh - 64px);
  }
  .error-form-container {
    padding: 32px 32px 0px;
    flex: 1;
  }
  .error-inner-wrapper {
    background: #051039 url(../img/errorpage.webp);
    background-size: cover;
    height: 100%;
    display: flex;
  }
  .error-container {
    width: 456px;
    max-width: 456px;
    margin: auto;
    position: relative;
    margin-left: 15%;
    border-width: 0.5px;
    border-style: solid;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04));
    border-image-slice: 1;
  }
}
@media (max-width: 600px) {
  asfc-page-not-found {
    height: 100vh;
  }
  .error-inner-wrapper {
    display: flex;
    flex: 1;
  }
  .error-container {
    width: 100%;
    min-height: 100%;
  }
  /* error form absolutely positioned for
  ** supporting  IOS and android both
  */
  .error-form-container {
    padding: 16px 16px 0px;
    flex: 1;
  }
}
.error-form-container .mat-select-placeholder {
  padding: 0px;
}

.error-container .mat-form-field-subscript-wrapper {
  position: relative !important;
}
.error-container .mat-form-field-underline {
  bottom: auto !important;
}

.bw-kl .error-chevron__right {
  transform: rotate(-90deg);
}

.bw-fb .error-chevron__right {
  transform: rotate(0deg);
}
.bw-fb .error-inner-wrapper__text {
  color: #0800b9;
}

.bw-af .error-inner-wrapper__text {
  color: #051039;
}

.enrol-flex-wrapper {
  display: flex;
  flex: 1;
  -ms-flex: auto;
}

.enrol-password-invalid {
  background: url("../img/check_invalid.svg");
  background-position: -4px;
  background-size: 100% 25px;
}

.enrol-password-valid {
  background: url("../img/check_valid.svg") no-repeat;
  background-position: -4px;
  background-size: 100% 25px;
}

.enrol-invalid-symbol {
  color: #ff0000;
}

.bwc-one-time-pin__form-field {
  margin-right: 11px !important;
}

.enrol-form-heading {
  padding: 0px 16px;
}
.enrol-form-heading.enrol-enrolment-header {
  position: relative;
  color: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);
  z-index: 1;
}
.enrol-form-heading .mat-icon {
  width: 15px;
  height: 15px;
}

.bwc-one-time-pin__form-field {
  margin-right: 11px !important;
}

.enrol-form-heading__outer .mat-toolbar-row button,
.enrol-form-heading__inner .mat-toolbar-row button {
  display: none;
}

.enrol-hide-header {
  display: none;
}

.enrol-form .mat-placeholder-required {
  display: none;
}
.enrol-form .mat-select-required .mat-select-placeholder:after {
  display: none;
}
.enrol-form ul,
.enrol-form ol {
  list-style-position: inside;
}

.enrol-form-continue-btn__bottom {
  margin-top: 24px;
}

.login-instead {
  margin: auto;
  margin-top: 24px;
}

.button-style {
  text-transform: none !important;
}

.error-message {
  margin: 10% 0;
}

.each-field {
  margin-top: 24px !important;
}

.login-question {
  margin-top: 6px;
}

.enrol-form-container .mat-select-placeholder {
  padding: 0px;
}

.gender-content {
  max-width: 360px;
}

.enrol-back__reverse {
  transform: rotate(180deg);
  cursor: pointer;
  vertical-align: inherit;
}

.enrol-form-back__show {
  display: block;
}
.enrol-form-back__hide {
  display: none;
}

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

.enrol-form-converse-banner {
  display: flex;
}

.enrol-form-converse-icon {
  min-width: 150px;
  height: 48px;
  margin-right: 22px;
  background: url("../img/fb-logo.webp");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 24px;
}

.desc-hint {
  margin-top: 8px !important;
}

.intro-desc {
  font-size: 14px !important;
}

.hint-less {
  margin-top: 16px;
}

.enrol-variant-title {
  margin-top: 8px;
}

.enrol-form-converse-stmt {
  word-break: break-word;
}

.enrol-element__indent {
  margin: 0 0px;
}

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

.enrol-form-label {
  display: block;
  margin: 12px 0 21px;
  font-weight: 400;
}

.enrol-field-assist {
  display: inline-block;
  line-height: 1.7;
}

/****CSS that touches the component styles ****/
div .enrol-form-input-container .mat-form-field-subscript-wrapper {
  position: relative !important;
}
div .enrol-form-input-container .mat-form-field-underline {
  bottom: auto !important;
}
div .enrol-form-container .mat-select-placeholder {
  white-space: nowrap;
}

.mat-select-placeholder {
  white-space: nowrap;
}

.enrol-form-input-container {
  position: relative;
}
.enrol-form-input-container .mat-form-field-subscript-wrapper {
  top: 7px;
  margin: 0px;
}

label.mat-checkbox-layout {
  white-space: normal;
}

/*************************************/
.enrol-form-password-correct, .enrol-form-password-wrong {
  position: absolute;
  top: 24px;
  right: 0px;
  width: 20px;
  height: 20px;
}
.enrol-form-password-correct {
  background: url("../img/show-password.svg");
}
.enrol-form-password-wrong {
  background: url("../img/hide-password.svg");
}
.enrol-form-password-check {
  display: block;
  position: relative;
  top: -15px;
  width: 100%;
  height: 42px;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  box-sizing: border-box;
}
.enrol-form-password-show, .enrol-form-password-hide {
  font-size: 13px;
  text-align: right;
}
.enrol-form-password-reveal-control {
  position: absolute;
  top: 7px;
  right: 0px;
}

.enrol-email-btn-cntr {
  width: 100%;
}

.converse-icon {
  padding: 16px;
  display: flex;
}

.enrol-loader-overlay {
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
}
.enrol-loader-overlay .enrol-spinner {
  position: relative;
  top: 45%;
  width: 50px !important;
  height: 50px !important;
  margin: auto;
}
.enrol-loader-overlay .enrol-spinner svg {
  width: 50px !important;
  height: 50px !important;
}

@media (min-width: 601px) {
  .enrol-terms {
    max-height: 235px;
    margin: 22px 0px;
    overflow: auto;
    box-sizing: border-box;
  }
  .enrol-enrolment-wrapper {
    display: table;
    width: 100%;
    height: 100%;
  }
  .enrol-enrolment-wrapper .mat-button-wrapper {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .enrol-form-continue-btn {
    width: 100%;
  }
  .enrol-email-btn-cntr {
    display: flex;
    justify-content: flex-end;
  }
  .enrol-email-btn-cntr button {
    padding: 8px 10px !important;
  }
  #enrol-email-btn-modify {
    margin-right: 20px;
  }
  .enrol-terms-content {
    overflow: auto;
  }
  .enrol-form-heading__inner {
    display: none;
  }
  .enrol-loader-overlay {
    margin-left: -15px;
  }
  .enrol-enrolment-container {
    display: flex;
    position: relative;
    flex-direction: column;
    max-width: 456px;
    min-height: 200px;
    margin: 15px 0px 15px 16%;
    padding: 24px;
    border-width: 0.5px;
    border-style: solid;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    overflow: hidden;
    box-sizing: border-box;
    border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04));
    border-image-slice: 1;
  }
  .enrol-enrolment-inner-wrapper {
    display: table-cell;
    background: url("../img/enrol-background.webp");
    background-size: cover;
    vertical-align: middle;
    background-position: center;
  }
  .formfield-style {
    margin-top: 16px;
  }
  .enrol-anim-wrapper {
    position: absolute;
    width: calc(100% - 30px);
  }
}
.bwc .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #072B45;
}

@media (max-width: 600px) {
  .enrol-form-container .enrol-form .each-field {
    margin-top: 16px !important;
  }
  .enrol-enrolment-router-container {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 60px;
    width: 100%;
    padding-bottom: 10px;
    overflow: auto;
  }
  .enrol-form-container__full {
    bottom: 0px;
  }
  .enrol-form-container__email {
    bottom: 140px;
  }
  .enrol-form-heading__outer {
    display: none;
  }
  .enrol-form-container {
    min-height: auto;
    padding: 24px 24px 60px 24px;
  }
  .enrol-form-container .formfield-style {
    margin-top: 8px;
  }
  .enrol-form-converse-icon {
    display: none;
  }
  .enrol-form-converse-stmt-greeting {
    margin-top: 20px;
    line-height: 2rem;
  }
  .enrol-element__indent {
    margin: 0;
  }
  .enrol-btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .enrol-form-continue-btn {
    width: calc(100% - 32px);
  }
  .enrol-form-continue-btn__bottom {
    position: fixed;
    bottom: 0px;
    width: 100%;
    padding-bottom: 24px;
  }
  .enrol-email-btn-keep, .enrol-email-btn-modify {
    width: calc(100% - 32px);
    margin: 8px 16px 0px !important;
  }
  .enrol-anim-wrapper {
    position: absolute;
    width: 100%;
  }
  .desc-hint {
    margin-top: 16px;
  }
  .enrol-form-container .bwc-typo-headline-l {
    font-size: 28px;
    line-height: 36px;
  }
  .error-message {
    margin: 12% 0;
  }
  #mya-enroll .enrol-gender-cntr {
    margin: 24px 0 12px 0;
  }
}
.enrol-form-continue-btn__hide {
  display: none;
}

bw-enrol-compliance .bwc-form-input-container .bwc-form-checkbox__subscript-wrapper {
  position: relative !important;
}

.bwc .mat-form-field.mat-form-field-should-float label {
  font-weight: 600;
  font-size: 16px;
}

.bwc-form-checkbox__input-container {
  margin-bottom: 16px !important;
}

.bwc .bwc-form-input-container {
  margin-top: 8px !important;
}

.bwc .bwc-form-input-container--outline .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}

.bwc-form-date-fields--outline .bwc-form-date-fields__input-wrapper .mat-form-field-wrapper {
  padding-bottom: 0;
}

.horizontal-line {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #D4D8DA;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
}

.enrol-desc {
  margin-top: 8px;
  margin-bottom: 24px;
}

.resend-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bwc-form-date-fields__date-input-wrapper .bwc-form-date-fields__field-set {
  width: 100%;
}

.bwc .login-instead .mat-mdc-button:not(:disabled),
.bwc .resend-button .mat-mdc-button:not(:disabled) {
  background-color: transparent !important;
}
.bwc .login-instead .mat-mdc-button:not(:disabled):hover,
.bwc .resend-button .mat-mdc-button:not(:disabled):hover {
  background-color: #eef4fb !important;
}

.country-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  background-color: var(--bwc-palette-primary-900) !important;
}
.country-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text,
.country-dropdown-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) span {
  color: var(--bwc-palette-primary-100) !important;
}

.country-dropdown-panel .mat-mdc-option.mdc-list-item--selected .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after {
  color: var(--bwc-palette-primary-100) !important;
}

.bw-myau-access-error .enrol-form-container {
  height: 410px;
  min-height: auto;
}

.enrol-chevron__right {
  margin-right: 10px;
}

.enrol-error-action {
  margin-top: 25px;
  line-height: 1.7;
}

.enrol-login-action {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  padding: 12px;
}

.enrol-error-profile-icon {
  margin-right: 10px;
}

.bw-myau-session-error .enrol-form-container {
  height: 410px;
  min-height: auto;
}

.enrol-chevron__right__end {
  margin-left: auto;
}

.bw-fb .enrol-login-action {
  border-top: solid 1px #0800b9;
  border-bottom: solid 1px #0800b9;
}

.bw-kl .enrol-login-action {
  border-top: solid 1px #c2deea;
  border-bottom: solid 1px #c2deea;
}

.bw-af .enrol-login-action {
  border-top: solid 1px #e8e5e5;
  border-bottom: solid 1px #e8e5e5;
}

.profile-icon {
  background: url("../img/profile.svg");
  background-repeat: no-repeat;
}

.chevron-icon {
  background: url("../img/chevron.svg");
  background-repeat: no-repeat;
}

.enrol-icon {
  width: 22px;
  height: 15px;
}

.enrol-home-page-action {
  display: flex;
  align-items: center;
}

bw-myau-upgrade-error .enrol-form-container {
  height: 410px;
  min-height: auto;
}

.enrol-error-page {
  background: url("../img/errorpage.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 600px) {
  .enrol-animation-inner-wrapper {
    display: flex;
  }
}
.enrol-enrol-name-hint {
  margin-top: 16px 0 8px 0;
}

.bw-enrol-credentials .enrol-form {
  margin-top: 24px;
}

.enrol-form-phone {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 55%;
}

.enrol-form-code {
  width: 40%;
  min-width: 112px;
  margin-right: 5%;
}

.enrol-form-phone-cntr {
  position: relative;
  margin-top: 24px !important;
  width: 100%;
}

.enrol-form-country-control {
  position: relative;
  float: left;
  width: 25%;
}

.enrol-form-phone-control {
  position: relative;
  float: right;
  width: 70%;
}

.bwc .cdk-overlay-pane {
  margin-top: 0;
}

.enrol-bloctel-hint {
  margin-top: 12px;
}

@media (min-width: 601px) {
  .bw-enrol-general-details .enrol-form {
    margin-top: 24px;
  }
}
@media (max-width: 600px) {
  .bw-enrol-general-details .enrol-form {
    margin-top: 24px;
  }
}
@media (min-width: 601px) {
  .bw-enrol-general-details .asfc-simple-captcha {
    margin-top: 25%;
  }
}
@media (max-width: 600px) {
  .bw-enrol-general-details .asfc-simple-captcha {
    margin-top: 25%;
  }
  .enrol-form-phone-cntr {
    margin-top: 16px !important;
  }
  .bwc-one-time-pin .bwc-one-time-pin__input-wrapper .bwc-one-time-pin__form-field {
    width: 40px !important;
  }
  .enrol-form-phone-control {
    width: 71%;
  }
}
@media (min-width: 601px) {
  .enrol-gender-cntr {
    margin: 24px 0 12px 0;
  }
}
.enrol-text-space {
  display: inline;
  padding-left: 10px;
}

.bwc-typo-body-s-regular {
  color: var(--grey-700, #6A757D);
  font-size: 14px;
  margin-bottom: 8px;
}

#dob-title {
  margin-top: 40px;
}

@media (max-width: 600px) {
  #dob-title {
    margin-top: 26px;
  }
  .enrol-form .bwc-form-date-fields__date-input-wrapper {
    background: #f6f7f8;
  }
  .enrol-form .bwc-form-date-fields__date-input-wrapper .bwc-date-select-wrapper {
    margin: 0 16px 0 0;
  }
  .enrol-form .bwc-form-date-fields__date-input-wrapper .bwc-form-date-fields__date-input--day {
    margin: 0;
  }
  .enrol-form .bwc-form-date-fields__date-input-wrapper .bwc-form-date-fields__date-input--year {
    margin: 0 0 0 16px;
  }
  .enrol-form .bwc-form-date-fields__date-input-wrapper .mat-mdc-form-field.mat-form-field-appearance-outline.bwc-form-date-fields__date-input--day {
    flex-basis: 52px;
  }
}
.enrol-form-slide-toggle {
  height: 16px !important;
  vertical-align: middle;
  margin-right: 10px;
}

.enrol-email-subscribe-label {
  padding-top: 9px;
  text-align: justify;
}

.bw-af .enrol-email-pref-cntr {
  margin-top: 20px;
}

.enrol-email-pref {
  margin-top: 16px;
}

@media (min-width: 601px) {
  .enrol-field-assist {
    margin: 8px 0 16px;
  }
  .bw-kl .enrol-email-pref-cntr {
    margin-top: 24px;
  }
}
@media (max-width: 600px) {
  .enrol-animation-inner-wrapper, .bw-enrol-email {
    width: 100%;
  }
  .bw-enrol-email .enrol-form {
    margin-top: 16px;
  }
  .bw-kl .enrol-email-pref-cntr {
    margin-top: 14px;
  }
}
.enrol-email-assist {
  display: inline-block;
  padding-bottom: 22px;
}

.enrol-toggle__indent .enrol-field-assist {
  width: 100%;
}
.enrol-toggle__indent .enrol-subscription-flyingblue-tooltip {
  margin: 16px 0 24px 0;
}
.enrol-toggle__indent .enrol-subscription-airline-tooltip {
  margin-top: 16px;
}
.enrol-toggle__indent .marginclass {
  margin-bottom: 16px;
}

.enrol-field-assist-subscribe {
  margin: 16px 0;
}

.bwc .mat-checkbox-inner-container {
  margin: 0px 12px 0 0;
}

@media (min-width: 601px) {
  .bw-enrol-subscription .enrol-email-subscribe-label {
    margin-top: 20px;
  }
}
bw-enrol-subscription .bwc-form-info-box__content {
  max-height: 150px;
  background-color: #eef7fc;
  overflow: auto;
}

.bw-fb .bwc-icon--chevron-right {
  background: url("../img/chevron.svg") no-repeat center;
}
.bw-fb .bwc-icon--chevron-down {
  background: url("../img/chevron.svg") no-repeat center;
  transform: rotate(90deg);
}

.enrol-subscription-block {
  margin-top: 25px;
  text-align: justify;
}

.enrol-toggle-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.enrol-subscription-details {
  margin-top: 16px;
  font-size: 18px;
  font-weight: 500;
}

.enrol-info-box-shrink .bwc-form-info-box {
  height: 0px !important;
  transition: height 0.5s;
  margin-top: 0;
}

.enrol-info-box-expanded .bwc-form-info-box {
  height: 150px !important;
  transition: height 0.5s;
  margin-top: 0;
}

.enrol-subscription-arrow {
  margin-right: 10px;
}

.enrol-password-valid-round-check {
  color: green;
  background-position: -4px;
  background-size: 100% 25px;
}

.enrol-password-invalid-round-check {
  background-position: -4px;
  background-size: 100% 25px;
  color: lightgray;
}

.enrol-password-invalid,
.enrol-password-valid {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

.bw-enrol-password p.bwc-typo-caption {
  margin-bottom: 7px;
}

.enrol-password-policy {
  margin-top: 17px;
}
.enrol-password-policy p {
  margin-top: 6px;
  margin-bottom: 0px;
}

.enrol-password-policy-new {
  margin-top: 17px;
  margin-bottom: 32px;
}
.enrol-password-policy-new p {
  margin-top: 6px;
  margin-bottom: 0px;
}

.two-factor {
  margin-top: 24px;
}

.two-factor-head {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 8px;
}

.two-factor-toggle {
  display: flex;
  align-items: center; /* Align items vertically at the center */
}

.mat-slide-toggle {
  margin-right: 10px; /* Adjust the margin between the two items */
}

.strength-meter {
  margin: 12px 0 !important;
}

.strength-desc {
  margin: 10px 0 !important;
}

::ng-deep .bwc-notification__icon-container {
  display: none !important;
}

.eye-icon-style {
  margin-right: 3%;
  cursor: pointer;
}

@media (max-width: 600px) {
  .bw-enrol-compliance .enrol-form-container {
    display: flex;
    flex-direction: column;
    height: auto;
    margin-top: 0px;
    padding-top: 16px;
    box-sizing: border-box;
  }
  .bw-enrol-compliance .enrol-form-converse-banner {
    display: flex;
    flex-direction: column;
  }
  .bw-enrol-compliance .enrol-form {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-bottom: 0px;
  }
  .bw-enrol-compliance .enrol-terms-content-container {
    display: flex;
    flex: 1;
    overflow: auto;
    margin-bottom: 24px;
  }
  .bw-enrol-compliance .bwc-form-input-container.enrol-agree-terms-cntr:before {
    display: block;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 1px;
    content: "";
  }
  .mat-mdc-checkbox .mdc-form-field {
    padding-bottom: 10px;
  }
}
@media (min-width: 601px) {
  .enrol-terms-content-container:after {
    display: block;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 1px;
    content: "";
  }
}
.bw-enrol-compliance .enrol-form {
  margin-top: 8px;
  padding-bottom: 0px;
}
.bw-enrol-compliance .enrol-checkbox-container {
  margin-top: 22px;
}
.bw-enrol-compliance .bwc-form-input-container > div {
  margin: 16px 0px 0px;
}
.bw-enrol-compliance + .enrol-btn-container .enrol-form-converse-icon {
  display: none;
}
.bw-enrol-compliance .mat-checkbox {
  width: 100%;
}

.enrol-terms-content {
  text-align: justify;
}

.termsAndConditions {
  margin-bottom: 16px;
  margin-top: 24px;
}

.termsAndCondition {
  text-decoration: underline;
  margin-bottom: 16px;
  margin-top: 32px;
}

.enrol-welcome-banner {
  padding: 22px 0px;
  text-align: center;
}

.enrol-welcome-card {
  height: 200px;
  margin: 24px;
  background: url("../img/fb-card.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.enrol-digital-card-google {
  height: 50px;
  background: url("../img/google-wallet.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.enrol-digital-card-ios {
  height: 50px;
  background: url("../img/apple-wallet.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.enrol-apple-store-card {
  height: 60px;
  background: url("../img/apple-store.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.enrol-google-store-card {
  height: 60px;
  background: url("../img/google-store.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.enrol-enrol-number {
  font-weight: bold;
}

.enrol-enrol-number-desc {
  margin-top: 24px;
}

.bw-kl .mya-success-card,
.bw-bluebiz .mya-success-card {
  width: 194px;
  height: 204px;
}

.bw-af .mya-success-card,
.bw-afkl .mya-success-card {
  width: 100%;
  height: 100%;
}

.bw-bluebiz .mya-success-card {
  width: 429.304px !important;
  height: 382.471px !important;
}

.mya-success-card {
  margin: auto;
  background: url("../img/mya-welcome-card.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bw-enrol-welcome {
  display: flex;
}
.bw-enrol-welcome .enrol-form-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.bw-enrol-welcome .enrol-form-converse-banner {
  display: flex;
}
.bw-enrol-welcome .enrol-welcome-banner {
  display: flex;
  flex: 1;
  flex-direction: column;
}

@media (max-width: 600px) {
  .bw-enrol-welcome {
    width: 100%;
    background: #ffffff;
  }
  .bw-enrol-welcome .mya-success-card {
    margin: 0 auto;
  }
  .bw-enrol-welcome .enrol-enrol-number-con {
    margin-top: 24px;
  }
  .enrol-welcome-card {
    margin-top: 0;
  }
}
bw-enrol-compare .enrol-form {
  margin-top: 24px;
}
bw-enrol-compare .enrol-enrolment-wrapper {
  width: 100%;
}
bw-enrol-compare .mat-slide-toggle {
  margin-top: -3%;
}
bw-enrol-compare .enrol-form-container {
  padding: 0px;
}
bw-enrol-compare .enrol-form-container .enrol-form-converse-banner {
  padding: 0px 15px;
}
bw-enrol-compare .enrol-form-container .klm-benefits {
  padding: 0 24px;
  margin-bottom: 32px;
}
bw-enrol-compare .enrol-form-container .flying-blue-benefits {
  padding: 24px;
  background-color: #f7f9f9;
}
bw-enrol-compare .enrol-form-container .ubc-container__li {
  margin-top: 16px;
  list-style-type: none;
}
bw-enrol-compare .enrol-form-container .ubc-container__li_top {
  margin-top: 24px;
  list-style-type: none;
}
bw-enrol-compare .enrol-form-container .benefits-icon {
  padding-right: 8px;
  color: #58a618;
}
bw-enrol-compare .enrol-form-container hr {
  height: 1px;
  margin-top: 8px;
  border: 0;
  background-color: #c2deea;
  color: #c2deea;
}
bw-enrol-compare .enrol-form-container .fb-benefits-header-mobile {
  display: none;
}
bw-enrol-compare .enrol-form-container .enrol-compare-header {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
bw-enrol-compare .enrol-form-container .disable-benefits {
  color: #bdbfbf;
}
bw-enrol-compare .enrol-form-container .disable-benefits .benefits-icon {
  color: #bdbfbf;
}
bw-enrol-compare .enrol-btn-container {
  justify-content: flex-end;
}
@media (max-width: 600px) {
  bw-enrol-compare .enrol-form-container .klm-benefits-header,
  bw-enrol-compare .enrol-form-container .fb-benefits-header {
    display: none;
  }
  bw-enrol-compare .enrol-form-container .fb-benefits-header-mobile {
    display: inline-block;
  }
  bw-enrol-compare .enrol-enrolment-wrapper {
    background: #ffffff;
  }
  bw-enrol-compare .enrol-form-container {
    padding: 0 16px;
  }
  bw-enrol-compare .enrol-form-container .enrol-form-converse-banner {
    padding: 24px 15px 0px 15px;
  }
  bw-enrol-compare .enrol-enrolment-inner-wrapper .login-instead {
    padding: 0 24px 120px 24px;
  }
  bw-enrol-compare .enrol-enrolment-inner-wrapper .enrol-form-continue-btn__bottom {
    background: transparent;
    z-index: 10;
  }
}

.enrol-loader-overlay-click {
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;
  margin-left: -30px;
  background: rgba(112, 191, 93, 0.5);
}
.enrol-loader-overlay-click .enrol-spinner {
  position: relative;
  top: 45%;
  width: 50px !important;
  height: 50px !important;
  margin: auto;
}
.enrol-loader-overlay-click .enrol-spinner svg {
  width: 50px !important;
  height: 50px !important;
}

.login-social-profile-details {
  display: flex;
  margin: 15px 0px;
}

.login-social-profile-picture {
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 16px;
  border-radius: 50%;
  background: #aecfee;
}

.login-social-profile-name {
  line-height: 20px;
}

.login-social-container__separator {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  line-height: 20px;
}
.login-social-container__separator__border {
  display: flex;
  flex: 1;
  margin: 15px 32px;
  border-bottom: 1px solid #c2deea;
}
.login-social-container__separator__content {
  max-width: 200px;
  margin: auto;
  color: #828180;
  text-align: center;
}
.login-social-container__providers {
  display: flex;
  justify-content: center;
  padding: 16px;
  line-height: 50px;
}
.login-social-container__icons {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 10px;
  border-radius: 2px;
  background: url("../img/social-buttons-icon.jpg") no-repeat;
  cursor: pointer;
}
.login-social-container__facebook {
  background: url("../img/facebook.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__twitter {
  background: url("../img/twitter.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__linkedin {
  background: url("../img/linkedin.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__googleplus {
  background: url("../img/google.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__instagram {
  background: url("../img/instagram.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__mixi {
  background: url("../img/mixi.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__renren {
  background: url("../img/renren.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__sina {
  background: url("../img/sina.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__vkontakte {
  background: url("../img/vkontakte.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__wechat {
  background: url("../img/wechat.svg") center no-repeat;
  background-size: 100%;
}
.login-social-container__messenger {
  background: url("../img/messenger.svg") center no-repeat;
  background-size: 100%;
}

.social-loader-overlay .social-spinner {
  margin: auto;
}

@media (max-width: 600px) {
  .login-social-container__separator__border {
    margin: 15px 20px;
  }
}
.recover-form-container .bwc-form-input-container .mat-radio-button {
  width: 100%;
  margin-bottom: 7px;
}
.recover-form-container .bwc-form-input-container .recover-method-label {
  margin-top: 5%;
  margin-bottom: 7px;
}

.login-flightnumber {
  display: flex;
}
.login-flightnumber .bwc-form-input-container {
  display: inline-flex;
}
.login-flightnumber .bwc-form-input-container .mat-input-wrapper {
  width: 100%;
}
.login-flightnumber .bwc-form-input-container div:first-child {
  width: 100%;
}
.login-flightnumber .bwc-form-input-container:last-child {
  padding-left: 5%;
  float: right;
}
.login-flightnumber-number {
  width: 40%;
}
.login-flightnumber-code {
  width: 60%;
}

.login-airline-code {
  text-transform: uppercase;
}

.bw-normal-login .login-remember-me {
  outline: none;
}
.bw-normal-login .persistent_info {
  padding: 0 24px 0;
}
.bw-normal-login .persistent_info_new {
  padding: 3px 0 0;
  color: #707575;
  font-size: 14px;
  line-height: 21px;
}
.bw-normal-login .persistent_info_otp {
  padding: 0 !important;
  color: #727272;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 12px;
}
.bw-normal-login .bw-normal-login .otp-container {
  margin-bottom: 24px !important;
}
.bw-normal-login .login-form-cancel-btn-width-new {
  width: 100%;
}
.bw-normal-login .forgot-pass-link {
  margin-bottom: 2%;
}
.bw-normal-login .login-btn-container-new {
  display: flex;
  padding: 16px 24px 16px 24px;
}
.bw-normal-login login-form-continue-btn {
  outline-color: white;
}
.bw-normal-login .bwc-next-best-action {
  display: contents;
}

.login-inner-container-new {
  flex: 1;
  background-color: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}

.shadow {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}

.login-inner-wrapper-new-width {
  width: 26%;
}

/* Next Best Action component */
.bwsg-next-best-action p {
  margin-top: 24px;
  margin-bottom: 0;
}

.horizontal-line {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #D4D8DA;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 24px;
}

.horizontal {
  margin: 24px;
}

.login-or-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0; /* Adjust margin as needed */
}

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

.login-hinted-field {
  margin-bottom: 15px !important;
}
.login-hinted-field .mat-form-field-wrapper {
  padding-bottom: 0;
  margin: 0;
}

.input-bottom {
  margin-bottom: -4% !important;
}
.input-bottom .bwc .mat-form-field-wrapper {
  padding-bottom: 0px !important;
  margin: 0;
}

.mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding: 0;
}

.bwc .bwc-form-input-container {
  margin-top: 0 !important;
}

.login-form-container .persistent_tooltip {
  margin-left: 10px;
}
.login-form-container .login-form-password-correct,
.login-form-container .login-form-password-wrong {
  position: absolute;
  right: 0px !important;
  width: 20px;
  height: 20px;
}
.login-form-container .error-alignment {
  margin-top: 6%;
}
.login-form-container .eye-icon-style {
  top: 25%;
  cursor: pointer;
  margin: auto;
}
.login-form-container .partner-brand {
  color: #192451;
  font-size: inherit;
  font-weight: 700;
}
.login-form-container .pointspay-logo {
  height: 6px;
  width: 6px;
  background-color: #a78fff;
  border-radius: 50%;
  display: inline-block;
}
.login-form-container .fb-partner-logo-font {
  color: rgba(59, 80, 113, 0.5);
}

/* Prevent zoom */
select,
input,
textarea {
  font-size: 16px !important;
}

.login-static-fields mat-form-field .mat-form-field-underline {
  position: relative !important;
  bottom: auto !important;
}
.login-static-fields mat-form-field .mat-form-field-subscript-wrapper {
  position: static !important;
}

.pttl-align {
  margin-top: 32px !important;
}

.login-field-assist {
  margin: 24px 0;
}

.login-form-password-hide, .login-form-password-show {
  margin-right: 12px !important;
}

@media (max-width: 960px) {
  .asfc-consent {
    position: absolute;
    top: 56px;
    bottom: 144px;
    overflow: auto;
  }
  .asfc-consent + .login-btn-container {
    position: fixed;
    bottom: 0;
    align-items: end;
    width: 100%;
    padding: 24px;
  }
}
@media (min-width: 961px) {
  .asfc-consent + .login-btn-container {
    padding: 24px;
  }
  .asfc-consent .login-form {
    height: 350px;
    overflow: auto;
  }
}
.bw-af .asfc-consent + .login-btn-container {
  border-top: solid 1px #e8e5e5;
}
.bw-af .asfc-consent .mat-expansion-panel {
  border-bottom: solid 1px #e8e5e5;
}

.bw-fb .asfc-consent + .login-btn-container {
  border-top: solid 1px #e8e5e5;
}
.bw-fb .asfc-consent .mat-expansion-panel {
  border-bottom: solid 1px #e8e5e5;
}

.bw-kl .asfc-consent + .login-btn-container {
  border-top: solid 1px #c2deea;
}
.bw-kl .asfc-consent .mat-expansion-panel {
  border-bottom: solid 1px #c2deea;
}

.asfc-consent .mat-expansion-panel {
  box-shadow: none;
}
.asfc-consent .mat-expansion-panel-header {
  padding: 0 12px 0px 8px;
}
.asfc-consent .mat-expansion-panel-header .bwc-icon--check {
  padding-right: 8px;
}
.asfc-consent .mat-expansion-panel-body {
  padding: 0 8px 8px;
}

.login-consent-terms {
  padding-top: 24px;
}

.bw-normal-login,
.bw-passenger-login,
.bw-recover-password {
  display: flex;
  position: relative;
  flex-direction: column;
}

.login-inner-container {
  flex: 1;
}

.login-form-password-reveal-control {
  position: absolute;
  right: 0px;
}

.login-form-password-correct,
.login-form-password-wrong {
  position: absolute;
  right: 8px !important;
  width: 20px;
  height: 20px;
}

.login-flex-container {
  flex-direction: column;
}

.login-form-heading .mat-icon {
  width: 15px;
  height: 15px;
}
.login-form-heading.login-header {
  display: flex;
  position: relative;
  align-items: center;
  color: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);
  z-index: 1;
}

.login-form-heading__outer .mat-toolbar-row button,
.login-form-heading__inner .mat-toolbar-row button {
  display: none;
}

.login-hide-header {
  display: none;
}

.login-btn-container {
  display: flex;
}

.login-back__reverse {
  margin-top: 0px;
  margin-right: 22px;
  transform: rotate(180deg);
  cursor: pointer;
  vertical-align: inherit;
}

.login-chevron__right {
  margin-left: 2%;
  transform: rotate(90deg);
}

.login-chevron__black {
  margin-bottom: 0;
  margin-left: 2%;
  transform: rotate(-90deg);
}

.login-forgot-password {
  padding: 5px;
}

.login-other-options {
  margin-top: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  display: flex;
  align-items: center;
  text-decoration-line: underline;
}

.signup-options {
  font-size: 16px;
  line-height: 21px;
  align-items: center;
  margin-bottom: 24px;
  text-decoration: none;
}

.pttl-align-otp {
  margin-top: 24px !important;
}

.need-help {
  color: #003145;
  font-weight: 700;
  font-size: 20px;
}

.need-help-new {
  margin-top: 32px;
  line-height: 1;
}

.need-help-otp {
  margin-top: 16px;
  line-height: 1;
}

.login-checkbox-remember-me {
  margin-top: 15px;
}

.bw-af .login-back__reverse {
  margin-top: 0;
  transform: rotate(-90deg);
}

.login-form-back__show {
  display: block;
}
.login-form-back__hide {
  display: none;
}

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

.login-form-converse-banner {
  display: flex;
}

.wrong-pin {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px 12px;
  background: #FFE0E8;
  margin-bottom: 5%;
  border: 1px solid #FF809D;
}

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

.login-form-label {
  display: block;
  margin: 12px 0 21px;
  font-weight: 400;
}

.login-field-assist {
  display: inline-block;
  text-align: left;
}

.brand-style {
  padding-top: 3%;
}

.otp-field-assist {
  display: inline-block;
  text-align: justify;
  margin-bottom: 8px;
}

/****CSS that touches the component styles ****/
.asfc-ubc-login .bwc-form-input-container .mat-input-subscript-wrapper,
.asfc-ubc-login .bwc-form-input-container .mat-form-field-underline {
  position: relative !important;
}
.asfc-ubc-login .bwc-form-input-container .mat-form-field-underline {
  bottom: auto !important;
}
.asfc-ubc-login .login-form-container .mat-select-placeholder {
  white-space: nowrap;
}

.formfield-style {
  margin-top: 24px;
}

.mat-select-placeholder {
  white-space: nowrap;
}

.login-form-input-container {
  position: relative;
  line-height: normal;
}
.login-form-input-container .mat-input-subscript-wrapper {
  top: 7px;
  margin: 0px;
}
.login-form-input-container .btn {
  display: none;
}

label.mat-checkbox-layout {
  white-space: normal;
}

/*************************************/
.login-form-password-correct, .login-form-password-wrong {
  position: absolute;
  top: 24px;
  right: 0px;
  width: 20px;
  height: 20px;
}
.login-form-password-correct {
  background: url("../img/show-password.svg");
}
.login-form-password-wrong {
  background: url("../img/hide-password.svg");
}
.login-form-password-check {
  display: block;
  position: relative;
  width: 100%;
  height: 42px;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  box-sizing: border-box;
}
.login-form-password-show, .login-form-password-hide {
  font-size: 13px;
  text-align: right;
}
.login-form-password-reveal-control {
  position: absolute;
  top: 8px;
  right: -3px;
}

.login-email-btn-cntr {
  width: 100%;
}

.login-loader-block-overlay {
  position: fixed;
  top: 64px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.login-loader-overlay {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 2;
}
.login-loader-overlay .login-spinner {
  position: relative;
  top: 45%;
  margin: auto;
}

.login-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 74px;
  padding: 24px;
  border-radius: 2px;
  background-color: #eef7fc;
  line-height: 20px;
  text-align: center;
  box-sizing: border-box;
}

.login-footer-new {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-height: 74px;
  padding: 16px;
  margin-top: 2%;
  border-radius: 2px;
  background-color: #FFFFFF;
  line-height: 20px;
  box-sizing: border-box;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}

.login-footer-text {
  flex: 50%;
}

.grecaptcha-badge {
  z-index: 1;
}

@media (min-width: 961px) {
  .bw-normal-login,
  .bw-passenger-login,
  .bw-recover-password,
  .bw-update-temporary-password-success {
    min-height: calc(100vh - 120px);
  }
  .bw-normal-login {
    background-color: #ffffff;
  }
  .login-form-heading {
    padding: 0px 24px;
  }
  .login-btn-container {
    display: flex;
    padding: 0px 24px 24px;
  }
  .login-forgot-password-container {
    padding: 0px 0px 24px 24px;
  }
  .login-form-container,
  .recover-form-container {
    flex: 1;
    padding: 24px 24px 0px;
  }
  .vertical-gap {
    margin-bottom: 24px;
  }
  .login-inner-wrapper,
  .login-flex-container {
    display: flex;
  }
  .login-inner-wrapper {
    align-items: center;
    padding: 24px 0px;
    background: url("../img/login-background.webp");
    background-size: cover;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
  }
  .login-inner-wrapper-new {
    display: flex;
    align-items: center;
    padding: 24px 0px;
    background-color: white;
    background-size: cover;
    box-sizing: border-box;
  }
  .login-wrapper .mat-button-wrapper {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .login-form-heading__inner {
    display: none;
  }
  .login-loader-overlay {
    margin-left: -15px;
  }
  .login-container {
    position: relative;
    width: 456px;
    max-width: 456px;
    margin: auto;
    margin-left: 15%;
    border-width: 0.5px;
    border-style: solid;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04));
    border-image-slice: 1;
  }
  .login-container-newux {
    position: relative;
    width: 445px;
    max-width: 456px;
    min-width: 460px;
    margin: 0% 0% 0% 86%;
    border-width: 0.5px;
    border-style: solid;
    border-radius: 2px;
    background-color: transparent;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04));
    border-image-slice: 1;
    z-index: 2;
  }
  .login-checkbox-container {
    padding-top: 5px;
  }
  .bwc .mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 0.5em 0 0.5em 0;
  }
  .bwc .mat-form-field-appearance-outline .mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 0.5em 0 0.5em 0;
  }
  .login-field-assist {
    margin-bottom: 24px;
  }
  .brand-style {
    padding-top: 3%;
  }
  body .login-form-continue-btn {
    margin-left: auto;
  }
  body .login-form-continue-btn-width {
    width: 100%;
  }
  .login-image {
    position: fixed;
    align-items: center;
    top: 0;
    right: 0;
    height: calc(100vh - 0px);
    background: url(../img/login-background_.webp);
    background-size: cover;
    background-position: 0%;
    width: 53%;
  }
  .bw-trip-entry-form__container-wrapper {
    flex: 1 0 50%;
    flex-direction: row;
    justify-content: center;
    height: auto;
    min-height: 50vh;
    display: flex;
    margin: 48px 0;
  }
  .bw-trip-entry-form-image__wrapper:after {
    content: "";
    position: fixed;
    top: 8%;
    left: 46%;
    border-color: #ffffff transparent transparent;
    border-style: solid;
    border-width: calc(100vh + 14px) 226px 0 0;
  }
}
@media (max-width: 960px) {
  .login-image {
    display: none !important;
    background: none !important;
  }
  .bwc-page-template__content__main-view {
    background-color: #F6F7F8;
  }
  .bw-normal-login,
  .bw-passenger-login,
  .bw-recover-password,
  .bw-update-temporary-password-success {
    height: calc(100vh - 64px);
  }
  .login-inner-wrapper {
    display: grid;
  }
  .login-inner-wrapper-new-width {
    width: 100%;
  }
  .login-form-heading {
    padding: 0px 24px;
  }
  .login-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 40%;
  }
  /* login form absolutely positioned for
  ** supporting  IOS and android both
  */
  .login-form-container,
  .recover-form-container {
    flex: 1;
    padding: 24px 24px;
  }
  .vertical-gap {
    margin-bottom: 24px;
  }
  .mat-form-field-infix {
    padding: 0.7em 0 0.7em 0 !important;
  }
  .login-form-continue-btn,
  .login-form-cancel-btn {
    width: calc(100% - 48px);
  }
  body .login-form-cancel-btn {
    margin-top: 24px;
    width: calc(100% - 48px);
  }
  .persistent_info {
    order: 1;
  }
  .login-form-cancel-btn-width {
    width: 100%;
    padding: 16px;
  }
  .login-btn-container {
    order: 2;
    flex-direction: column;
    align-items: center;
    min-height: 40px;
    padding: 24px 0;
  }
  .login-forgot-password-container {
    padding: 0 24px 24px 24px;
  }
  .login-forgot-password-container-mob-app {
    color: var(--Primary-800, #0E578C) !important;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
  }
  .login-form-converse-stmt-greeting {
    line-height: 2rem;
  }
  .login-form-loader-greeting {
    margin-top: 20px;
    line-height: 2rem;
  }
  .login-checkbox-container {
    padding-top: 5px;
  }
  .grecaptcha-badge {
    bottom: 80px !important;
  }
  .login-field-assist {
    margin-bottom: 24px !important;
  }
  .brand-style {
    padding-top: 3%;
  }
  .login-checkbox-remember-me {
    margin-top: 0px;
    margin-bottom: 15px;
  }
}
.bwc-form-radio-group__input-container {
  margin-bottom: 4px;
}

.signup-link {
  margin-bottom: 32px;
}

.email-prop {
  margin-top: 16px !important;
}

.login-form-container .mat-select-placeholder {
  padding: 0px;
}

/* Hide Required asterix for manadatory fields as per new design feedback */
.login-form {
  margin-top: 8px;
}
.login-form ul,
.login-form ol {
  list-style-position: inside;
}
.login-form .mat-placeholder-required {
  display: none;
}
.login-form .mat-select-required .mat-select-placeholder:after {
  display: none;
}

.option-hint {
  padding-top: 8px;
}

.recover-form {
  margin-top: 5px;
}

.login-container .mat-form-field-subscript-wrapper {
  position: relative !important;
}

.login-container .mat-form-field-underline {
  bottom: auto !important;
}

.login-update-success {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: url("../img/round-check.svg") center no-repeat;
  background-size: 70px;
}

.login-password-valid {
  background: url("../img/check_valid.svg") no-repeat;
  background-position: -4px;
  background-size: 100% 25px;
}
.login-password-invalid {
  background: url("../img/check_invalid.svg");
  background-position: -4px;
  background-size: 100% 25px;
}
.login-password-valid, .login-password-invalid {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
.login-password-symbol {
  color: #767676;
  text-indent: 28px;
}
.login-password-policy {
  margin-top: 17px;
}
.login-password-policy p {
  margin-top: 6px;
  margin-bottom: 0px;
}

.login-invalid-symbol {
  color: #ff0000;
}

.bw-af .login-success-container {
  background: #0062e6;
}
.bw-af .login-chevron__right {
  margin-left: 4px;
  transform: rotate(-90deg);
}

.bw-kl .login-success-container {
  background: #5eb6e4;
}
.bw-kl .login-chevron__right {
  margin-left: 4px;
  transform: rotate(-90deg);
}

.bw-fb .login-success-container {
  background: #0800b9;
}
.bw-fb .login-chevron__right {
  margin-left: 4px;
  transform: rotate(0deg);
}

.bw-afkl .login-success-container {
  background: linear-gradient(to right, #0801b9, #009fde);
}

.bw-update-temporary-password-success {
  display: flex;
  flex-direction: column;
}

.login-success-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.login-display-2-variant {
  padding: 0px 22px;
  color: #ffffff;
  text-align: center;
}

.bw-recover-password,
.bw-recover-flyingblue-number {
  background-color: #FFFFFF !important;
}

.bwc-typo-body-m-regular {
  line-height: normal;
}

.login-btn-container-new {
  margin-top: 8px;
  display: flex;
  padding: 16px 24px;
}

.bwc-form-errors {
  color: #e32849 !important;
}

.password-container {
  margin-top: 32px !important;
}

.authenticator-qrcode-card {
  height: 150px;
  margin: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.authenticator-google-icon {
  background-image: url("../img/google_auth_icon.svg");
}

.authenticator-ms-icon {
  background-image: url("../img/microsoft_auth_icon.svg");
}

.authenticator-google-icon,
.authenticator-ms-icon {
  height: 24px;
  width: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 4px;
}

.eye-icon-style {
  margin-right: 3%;
}

.login-form-password-check {
  display: block;
  position: relative;
  width: 50% !important;
  height: 26px !important;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  box-sizing: border-box;
}

.resend-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.horizontal-line {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #D4D8DA;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
}

.SkipBtn .mat-mdc-outlined-button:not(:disabled) {
  background-color: transparent !important;
  border-radius: 0 !important;
}
.SkipBtn .mat-mdc-outlined-button:not(:disabled):hover {
  background-color: #eef4fb !important;
}

.eye-icon-style {
  margin-right: 3%;
  cursor: pointer;
}

.sp-loader-overlay .sp-spinner-new {
  top: 45%;
  margin-left: 50%;
  z-index: 2;
}

.sp-flex-wrapper {
  display: flex;
  flex: 1;
  -ms-flex: auto;
}

.sp-form-heading {
  padding: 0px 16px;
}
.sp-form-heading.sp-updatepassword-header {
  position: relative;
  color: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);
  z-index: 1;
}

.sp-form-heading__outer .mat-toolbar-row button,
.sp-form-heading__inner .mat-toolbar-row button {
  display: none;
}

.sp-hide-header {
  display: none;
}

.sp-form {
  padding: 0px 0 11px;
}

.sp-btn-container {
  display: flex;
  justify-content: space-between;
}

.sp-form-container {
  margin-top: 14px;
  padding: 0px 15px;
}

.sp-back__reverse {
  transform: rotate(180deg);
  color: #fff;
  cursor: pointer;
  vertical-align: inherit;
}

.sp-form-back__show {
  display: block;
}
.sp-form-back__hide {
  display: none;
}

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

.sp-form-converse-banner {
  display: flex;
}

.sp-form-converse-icon {
  min-width: 60px;
  height: 48px;
  margin-right: 22px;
  background: url("../img/sp-logo.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}

.sp-form-converse-stmt {
  word-break: break-word;
}

.sp-element__indent {
  margin: 0 0px;
}

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

.sp-form-label {
  display: block;
  margin: 12px 0 21px;
  font-weight: 400;
}

.sp-field-assist {
  display: inline-block;
  line-height: 1.7;
}

/****CSS that touches the component styles ****/
div .sp-form-input-container .mat-form-field-subscript-wrapper {
  position: relative;
}
div .sp-form-input-container .mat-form-field-underline {
  bottom: auto !important;
}
div .sp-form-container .mat-select-placeholder {
  white-space: nowrap;
}

.mat-select-placeholder {
  white-space: nowrap;
}

.sp-form-input-container .mat-form-field-subscript-wrapper {
  position: relative !important;
  top: 7px;
  margin: 0px;
}

/*************************************/
.sp-form ul,
.sp-form ol {
  list-style-position: inside;
}

.sp-form-input-container {
  position: relative;
}

.sp-form-password-correct, .sp-form-password-wrong {
  position: absolute;
  top: 24px;
  right: 0px;
  width: 20px;
  height: 20px;
}
.sp-form-password-correct {
  background: url("../img/show-password.svg");
}
.sp-form-password-wrong {
  background: url("../img/hide-password.svg");
}
.sp-form-password-check {
  display: block;
  position: relative;
  top: -15px;
  width: 100%;
  height: 42px;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  box-sizing: border-box;
}
.sp-form-password-show, .sp-form-password-hide {
  font-size: 13px;
  text-align: right;
}
.sp-form-password-reveal-control {
  position: absolute;
  top: -1px;
  right: 0px;
}

.sp-loader-overlay {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
}

.sp-loader-overlay .sp-spinner {
  position: relative;
  top: 45%;
  width: 50px;
  height: 50px;
  margin: auto;
}

.sp-toggle__indent .sp-field-assist {
  width: 37%;
}

@media (min-width: 961px) {
  .sp-terms {
    max-height: 235px;
    margin: 22px 0px;
    overflow: auto;
    box-sizing: border-box;
  }
  .sp-updatepassword-wrapper .mat-button-wrapper {
    display: block;
    max-width: 184px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .sp-form-continue-btn {
    align-self: flex-end;
    min-width: 184px !important;
    height: 40px;
  }
  .sp-terms-content {
    height: 253px;
    overflow: auto;
  }
  .sp-form-heading__inner {
    display: none;
  }
  .sp-updatepassword-container {
    max-width: 456px;
    margin: auto;
  }
  .sp-loader-overlay {
    margin-left: -15px;
  }
  .sp-updatepassword-container {
    position: relative;
    margin: 15px 0px 15px 16%;
    padding: 15px;
    border-width: 0.5px;
    border-style: solid;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    border-image-source: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.02) 95%, rgba(0, 0, 0, 0.04));
    border-image-slice: 1;
  }
  .sp-updatepassword-wrapper {
    display: table;
    width: 100%;
    height: 100%;
  }
  .sp-updatepassword-inner-wrapper {
    display: table-cell;
    background: url("../img/update-password-background.webp");
    background-size: cover;
    vertical-align: middle;
  }
  .sp-btn-container {
    display: flex;
    padding: 12px 24px 16px 24px;
  }
  .sp-form-container {
    min-height: 468px;
  }
  .sp-field-assist {
    padding: 23px 0px 11px;
  }
}
@media (max-width: 960px) {
  .sp-updatepassword-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 10px;
    overflow: auto;
  }
  .sp-form-container__full {
    bottom: 0px;
  }
  .sp-form-container__email {
    bottom: 140px;
  }
  .sp-form-heading__outer {
    display: none;
  }
  .sp-form-container {
    min-height: auto;
  }
  .sp-form-converse-icon {
    display: none;
  }
  .sp-form-converse-stmt-greeting {
    margin-top: 20px;
    line-height: 2rem;
  }
  .sp-element__indent {
    margin: 0;
  }
  .sp-btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 24px 16px 24px;
  }
  .sp-form-continue-btn {
    width: calc(100% - 32px);
  }
  .sp-form-continue-btn__bottom {
    position: fixed;
    bottom: 24px;
    width: 100%;
  }
}
.sp-form-continue-btn__hide {
  display: none;
}

bw-sp-compliance .bwc-form-input-container .bwc-form-checkbox__subscript-wrapper {
  position: relative;
}

.sp-form-container .mat-select-placeholder {
  padding: 0px;
}

/* Hide Required asterix for manadatory fields as per new design feedback */
.sp-form .mat-placeholder-required {
  display: none;
}
.sp-form .mat-select-required .mat-select-placeholder:after {
  display: none;
}

.sp-password-invalid {
  background: url("../img/check_invalid.svg");
  background-position: -4px;
  background-size: 100% 25px;
}

.sp-password-valid {
  background: url("../img/check_valid.svg") no-repeat;
  background-position: -4px;
  background-size: 100% 25px;
}

.sp-password-invalid,
.sp-password-valid {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

.sp-password-symbol {
  color: #767676;
  text-indent: 28px;
}

bw-sp-password p.bwc-typo-caption {
  margin-bottom: 7px;
}

.sp-invalid-symbol {
  color: #ff0000;
}

.sp-password-policy {
  margin-top: 17px;
}
.sp-password-policy p {
  margin-top: 6px;
  margin-bottom: 0px;
}

@media (min-width: 961px) {
  bw-sp-password .sp-form {
    padding-top: 30px;
  }
  .sp-error-page {
    background: url("../img/errorpage.webp");
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 960px) {
  bw-sp-password .sp-form {
    padding-top: 24px;
  }
}
.bwsg-nav-list-example {
  height: 1000px;
  padding: 0;
}
.bwsg-nav-list-example .bwsg-nav-list-content {
  padding: 16px;
}

.bwsg-leftnavigation-content {
  padding: 32px;
}

.mat-card {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  position: relative;
  padding: 0 !important;
  border-radius: 4px;
}

.mat-card-container {
  max-width: 816px;
  height: auto;
  margin-top: 24px;
  margin-bottom: 24px;
}

.mat-card-container-new {
  max-width: 816px;
  height: auto;
  margin-top: 24px;
  margin-bottom: 24px;
}

bwc-sidenav .bwc-nav-list__container .bwc-sidenav__button {
  display: none;
}

.header-style {
  padding: 24px 24px 16px 24px;
}

.card-description {
  margin: 0 24px;
  padding-right: 24px;
}

.change-password {
  padding: 42px !important;
}

.header-property {
  padding-top: 8px;
  padding-bottom: 0 !important;
}

.bwc-typo-headline-l {
  margin: 0 !important;
}

.toggle {
  padding: 42px !important;
  padding-left: 24px !important;
  display: flex;
  justify-content: space-between !important;
}

.bwc .mat-card {
  border-radius: 8px;
}

.error-message {
  font-size: 14px;
  padding: 2%;
}

.bwc .passkey-section {
  height: auto;
  margin-top: 0;
}
.bwc .passkey-section .passkey-list-container .header-style {
  font-size: 20px;
  padding-top: 0;
}
.bwc .passkey-section .passkey-list-container .device-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0 !important;
  justify-content: center;
  padding-bottom: 16px;
}
.bwc .passkey-section .passkey-list-container .device-container hr {
  width: 100%;
  border: 0.5px solid #E9E9EB;
}
.bwc .passkey-section .passkey-list-container .device-container .mat-mdc-card.mdc-card.device-card {
  width: 100%;
  margin: 8px 24px;
  padding: 16px 16px 10px 16px !important;
  background-color: #F6F7F8;
  border: 1px solid #EAEBEC;
  box-shadow: none !important;
}
.bwc .passkey-section .passkey-list-container .device-container .mat-mdc-card.mdc-card.device-card .device-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bwc .passkey-section .passkey-list-container .device-container .mat-mdc-card.mdc-card.device-card .device-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  flex-wrap: wrap;
}
.bwc .passkey-section .passkey-list-container .device-container .mat-mdc-card.mdc-card.device-card .device-details p {
  margin: 0 16px 6px 0;
}
.bwc .passkey-section .passkey-list-container .device-container .mat-mdc-card.mdc-card.device-card .device-details p span.bwc-typo-body-s-regular {
  color: var(--bwc-palette-primary-900);
}
.bwc .passkey-section .passkey-list-container .device-container .mat-mdc-card.mdc-card.device-model-card {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  background-color: #F6F7F8;
  z-index: 1;
}
.bwc .passkey-section .passkey-list-container .device-container .mat-mdc-card.mdc-card.device-model-card .device-model-card-title {
  margin-top: 16px;
}
.bwc .passkey-section .passkey-list-container .device-container .mat-mdc-card.mdc-card.device-model-card .device-model-card-des {
  margin: 10px 10px 14px 10px;
  color: var(--bwc-palette-primary-900);
}
.bwc .passkey-section .passkey-list-container .device-container .mat-mdc-card.mdc-card.device-model-card .btn-section .mdc-button.mat-mdc-button {
  margin: 6px !important;
}
.bwc .passkey-section .login-loader-overlay {
  background: rgba(135, 135, 135, 0.1215686275) !important;
}
.bwc .passkey-section .card-description {
  padding-bottom: 16px !important;
}

.sp-login-action {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  padding: 12px;
}

.sp-error-profile-icon {
  margin-right: 10px;
}

bwc-session-error .sp-form-container {
  height: 410px;
  min-height: auto;
}

.sp-chevron__right__end {
  margin-left: auto;
}

.bw-fb .sp-login-action {
  border-top: solid 1px #0800b9;
  border-bottom: solid 1px #0800b9;
}

.bw-kl .sp-login-action {
  border-top: solid 1px #c2deea;
  border-bottom: solid 1px #c2deea;
}

.bw-af .sp-login-action {
  border-top: solid 1px #e8e5e5;
  border-bottom: solid 1px #e8e5e5;
}

.profile-icon {
  background: url("../img/profile.svg");
  background-repeat: no-repeat;
}

.chevron-icon {
  background: url("../img/chevron.svg");
  background-repeat: no-repeat;
}

.sp-icon {
  width: 22px;
  height: 15px;
}

.sp-home-page-action {
  display: flex;
  align-items: center;
}

.sp-error-action {
  margin-top: 25px;
  line-height: 1.7;
}

.bwc .mat-mdc-card {
  padding: 0px !important;
}

.sp-form-password-reveal-control {
  position: absolute;
  top: -8px;
  right: 0px;
}

.sp-form-password-wrong {
  right: 5px !important;
}

.bwc .mat-mdc-button:not(:disabled) {
  background-color: transparent !important;
}
.bwc .mat-mdc-button:not(:disabled):hover {
  background-color: #e6f0fc !important;
}

bwc-legal-footer {
  display: none;
}

.mobile-header {
  display: none;
}

bw-mya-upgrade,
bw-enrol-upgrade,
bw-flying-blue,
bw-update-password,
bw-normal-login,
bw-passenger-login,
bw-enrol-enrolment,
bw-enrol-compare {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bwc-page-template__content__sticky-header__toptasks {
  display: none !important;
}

.bwc-page-template__content__main-view {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 112px);
}

.mat-mdc-text-field-wrapper {
  background-color: #FFFFFF;
}

body {
  min-height: 100vh;
}

main {
  height: 100%;
}

/*** Fixes alignment issue in date field*/
.bwc .mat-select .mat-select-trigger {
  line-height: 1.5 !important;
}

/*******
  TODO: Move to respective UBC: Fix for flicker in IE .
  magic number 120 is the combined height of header and subheader.
  *******/
@media (min-width: 601px) {
  .sp-updatepassword-inner-wrapper,
  .enrol-enrolment-inner-wrapper {
    height: calc(100vh - 120px);
  }
  .login-inner-wrapper {
    min-height: calc(100vh - 110px);
  }
  .login-inner-wrapper-new {
    min-height: calc(100vh - 110px);
  }
}
.mat-input-element {
  width: 100%;
  max-width: 94% !important;
}

.bwc .mat-mdc-form-field {
  margin-top: 8px !important;
}

/*******************************************************************/
/**
*   TODO: Remove Logo from local once logo is added in component library.
*   Overrides for the fb styles.
**/
.login-chevron-new .mat-icon.mat-primary {
  font-size: 0.8rem;
  color: #0C1CAF;
}

bwc-logo-header .bwc-logo-header__logo {
  align-self: center;
  width: 100px;
  height: 40px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  background-color: transparent;
  background-image: url("../img/fb-logo-header.webp");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100% auto;
}

bwc-logo-header .bwc-logo-header__logo-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 0;
}

@media (min-width: 601px) {
  .bwc-typo-headline-l {
    margin-bottom: 8px !important;
    font-size: 32px;
    font-weight: 900;
  }
}
@media (min-width: 961px) {
  .login-container-newux {
    margin: 0% 0px 0px 126% !important;
  }
}
.bwc-typo-headline-l {
  text-transform: none;
  color: #0C1CAF;
  margin-bottom: 8px !important;
  padding: 0;
}

.bwc-typo-headline-m {
  font-size: 1.5rem !important;
}

.need-help-new {
  color: #1D1D1D;
  font-weight: 900;
  font-size: 20px;
}

.need-help-otp {
  color: #1D1D1D;
  font-weight: 900;
  font-size: 20px;
}

.bwc-typo-body-m-regular {
  line-height: normal;
}

.desc-hint {
  color: #1D1D1D;
}

.dot {
  height: 6px;
  width: 6px;
  margin: 0 2%;
  border-radius: 50%;
  display: inline-block;
  background-color: #2A6FF3;
}

.subhead {
  margin-top: 16px;
}

.ordered-list {
  margin-bottom: 16px;
}

.bwc .mat-radio-label-content {
  color: #1D1D1D;
}

.mat-drawer-container {
  color: #727272;
}

.resend-button {
  color: #051039 !important;
  text-transform: lowercase !important;
}

bw-enrol-compliance bwc-form-input-container.bwc-form-input-container:before,
bw-fb-compliance bwc-form-input-container.bwc-form-input-container:before,
bw-myau-compliance bwc-form-input-container.bwc-form-input-container:before {
  background: #e8e5e5;
}
bw-enrol-compliance .enrol-terms-content-container:after,
bw-enrol-compliance .fb-terms-content-container:after,
bw-enrol-compliance .myau-terms-content-container:after,
bw-fb-compliance .enrol-terms-content-container:after,
bw-fb-compliance .fb-terms-content-container:after,
bw-fb-compliance .myau-terms-content-container:after,
bw-myau-compliance .enrol-terms-content-container:after,
bw-myau-compliance .fb-terms-content-container:after,
bw-myau-compliance .myau-terms-content-container:after {
  background: white;
}

.bwc .mat-autocomplete-panel .mat-option {
  line-height: 48px;
}

a {
  color: #0800b9;
  font-weight: 700;
}

@media (max-width: 600px) {
  bwc-logo-header {
    display: none;
  }
  bw-enrol-enrolment,
  bw-mya-upgrade,
  bw-flying-blue,
  bw-enrol-upgrade,
  bw-update-password,
  bw-normal-login,
  bw-passenger-login,
  bw-recover-password,
  bw-enrol-compare {
    height: calc(100vh - 112px);
  }
  .bwc input.mat-input-element {
    outline-color: #FFFFFF;
    vertical-align: baseline;
  }
  *.mat-raised-button accent,
  *.mat-raised-button primary,
  *.mat-raised-button,
  *.mat-button primary {
    border-radius: 100px !important;
  }
  .mat-raised-button.mat-accent:not([disabled]), .bwc [disabled].mat-raised-button.mat-accent {
    background-color: #0C1CAF !important;
  }
  .mat-raised-button.mat-accent:not([disabled]) {
    background-color: #0C1CAF !important;
    color: #f7fafd !important;
  }
}
.bwc .mat-mdc-raised-button.mat-accent:not([disabled]) {
  background-color: #0C1CAF !important;
  color: #FFFFFF;
}

.bwc .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #0C1CAF;
}

bwc-logo-header .mat-toolbar {
  background: #FFFFFF;
}

.bwc-subheader__label-title {
  color: #FFFFFF;
}
.bwc-subheader__button-back .mat-icon {
  background: url("../img/chevron_right_white.svg") center no-repeat;
  transform: rotate(180deg);
  width: 1.25em;
  height: 0.9375em;
  margin-top: 5px;
}

.bwc-page-layout__large {
  width: 100%;
}

.login-inner-container {
  background: white;
}

.intro-desc {
  font-size: 14px !important;
  color: #727272;
}

@media (min-width: 601px) {
  .bw-trip-entry-form-image__wrapper:after {
    border-width: 0 !important;
  }
  .login-image {
    width: 100% !important;
  }
  .login-inner-container {
    background: white;
  }
  .bwc input.mat-input-element {
    outline-color: #FFFFFF;
    vertical-align: super;
  }
  *.mat-raised-button accent,
  *.mat-raised-button primary,
  *.mat-raised-button,
  *.mat-button primary {
    border-radius: 100px !important;
  }
  *.mat-button.mat-primary:not([disabled]) {
    color: #0C1CAF;
  }
  *.mat-raised-button.mat-accent[disabled] {
    color: #707070;
  }
  .signup-options {
    font-weight: 700;
    color: #0C1CAF;
  }
  .login-other-options {
    color: #0C1CAF;
  }
  .mat-raised-button.mat-accent:not([disabled]) {
    background-color: #0C1CAF !important;
    color: #f7fafd !important;
  }
}
.signup-options.bwc-notification--info {
  border: 1px dashed #0c1caf;
  background-color: #efeff9;
}

bwc-subheader .bwc-subheader__label-title h1 {
  color: #f7fafd;
}

.bwc .bwc-nav-list--selected .bwc-nav-button__label {
  color: #1d1d1d !important;
}

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