@media screen and (max-width: 599px) {:root {
    --unitScale: 0px;
}
  }

  @media screen and (min-width: 600px) {:root {
    --unitScale: calc(27.77778vw - 166.66667px);
}
  }

  @media screen and (min-width: 960px) {:root {
    --unitScale: 100px;
}
  }
@font-face {
    font-family: 'UniversNextforHSBC';
    src: url(/assets/UniversNextforHSBCW01-Rg-dcecfffa7b84cb3d1d158f914a03e773.woff)
      format('woff');
    font-weight: 400;
    font-style: normal;
  }
@font-face {
    font-family: 'UniversNextforHSBC';
    src: url(/assets/UniversNextforHSBCW01-Md-d0d7a91b9287540c550d2deaac0cef0d.woff)
      format('woff');
    font-weight: 600;
    font-style: normal;
  }
@font-face {
    font-family: 'UniversNextforHSBC';
    src: url(/assets/UniversNextforHSBCW01-Lt-ddf6ac8bca4ee30f437b7c20e664601d.woff)
      format('woff');
    font-weight: 300;
    font-style: normal;
  }
@font-face {
    font-family: 'UniversNextforHSBC';
    src: url(/assets/UniversNextforHSBCW01-Th-e3e1e6649a4326889556d9063cb93311.woff)
      format('woff');
    font-weight: 100;
    font-style: normal;
  }
@font-face {
    font-family: 'UniversNextforHSBC';
    src: url(/assets/UniversNextforHSBCW01-Bd-b09c9a09f95797fc3df71f3b945c91ad.woff)
      format('woff');
    font-weight: 700;
    font-style: normal;
  }
@import-normalize;
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
body {

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;

  line-height: 1.5;
  overflow-x: hidden;
    color: #333333;
}
body,input,
select,
option {
    font-family: UniversNextforHSBC, 'Helvetica Neue', Helvetica, Arial,
      sans-serif
}
dd,ol {
  margin: 0;
}
ol {
  padding: 0;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
}

@font-face {
  font-family: 'UniversNextforHSBC';
  src: url(/assets/UniversNextforHSBCW01-Th-e3e1e6649a4326889556d9063cb93311.woff) format('woff');
  font-weight: 100;
}

@font-face {
  font-family: 'UniversNextforHSBC';
  src: url(/assets/UniversNextforHSBCW01-Lt-ddf6ac8bca4ee30f437b7c20e664601d.woff) format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'UniversNextforHSBC';
  src: url(/assets/UniversNextforHSBCW01-Rg-dcecfffa7b84cb3d1d158f914a03e773.woff) format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'UniversNextforHSBC';
  src: url(/assets/UniversNextforHSBCW01-Md-d0d7a91b9287540c550d2deaac0cef0d.woff) format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'UniversNextforHSBC';
  src: url(/assets/UniversNextforHSBCW01-Md-d0d7a91b9287540c550d2deaac0cef0d.woff) format('woff');
  font-weight: 600;
}

@font-face {
  font-family: 'UniversNextforHSBC';
  src: url(/assets/UniversNextforHSBCW01-Bd-b09c9a09f95797fc3df71f3b945c91ad.woff) format('woff');
  font-weight: 700;
}

:root {
  /* These are font sizes to be used (As per NTT Specifications) */
  /* These are fixed spaces to be used for margin/pading (As per NTT specifications) */
  /* Brand */
  /* RAG */
  /* Data Visualization */

  /* from PiggyBank begin */
  /* from PiggyBank end */

  /* mws-common-ui */
}
  @media screen and (min-width: 1280px) {:root {
    --unitScale: 100px;
}
  }

.\---node_modules-mws-common-ui-core-src-components-Button--Button--button {
  padding: 0.5625rem 1.25rem;
  display: inline-block;
  overflow: hidden;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  touch-action: manipulation;
  background-color: #db0011;
  border: 1px solid #db0011;
  border-radius: 0;
  outline-offset: 1px;
}

  .\---node_modules-mws-common-ui-core-src-components-Button--Button--button:hover {
    background-color: #a8000b;
    border-color: #a8000b;
  }

  .\---node_modules-mws-common-ui-core-src-components-Button--Button--button:active {
    background-color: #83000a;
    border-color: #83000a;
  }

  .\---node_modules-mws-common-ui-core-src-components-Button--Button--button:disabled {
    color: #ffffff;
    border-color: #d7d8d6;
    cursor: not-allowed;
  }

  .\---node_modules-mws-common-ui-core-src-components-Button--Button--button:disabled:not(.\---node_modules-mws-common-ui-core-src-components-Button--Button--tertiary) {
      border: 0;
    }

  .\---node_modules-mws-common-ui-core-src-components-Button--Button--button:disabled,
    .\---node_modules-mws-common-ui-core-src-components-Button--Button--button:disabled:hover {
      background-color: #d7d8d6;
      border-color: #d7d8d6;
    }

  .\---node_modules-mws-common-ui-core-src-components-Button--Button--button + .\---node_modules-mws-common-ui-core-src-components-Button--Button--button {
    margin-left: 1rem;
  }

  .\---node_modules-mws-common-ui-core-src-components-Button--Button--button > * {
    vertical-align: middle;
  }

  .\---node_modules-mws-common-ui-core-src-components-Button--Button--button > *:not(:first-child) {
      margin-left: 0.5rem;
    }

.\---node_modules-mws-common-ui-core-src-components-Button--Button--secondary {
  background-color: #000000;
  border-color: #000000;
}

.\---node_modules-mws-common-ui-core-src-components-Button--Button--secondary:hover {
    background-color: #404040;
    border-color: #404040;
  }

.\---node_modules-mws-common-ui-core-src-components-Button--Button--secondary:active {
    background-color: #767676;
    border-color: #767676;
  }

.\---node_modules-mws-common-ui-core-src-components-Button--Button--tertiary {
  background-color: transparent;
  border-color: #333333;
  color: #333333;
}

.\---node_modules-mws-common-ui-core-src-components-Button--Button--tertiary:hover {
    background-color: #ededed;
    border-color: #333333;
  }

.\---node_modules-mws-common-ui-core-src-components-Button--Button--tertiary:active {
    background-color: #d7d8d6;
    border-color: #333333;
  }

.\---node_modules-mws-common-ui-core-src-components-Button--Button--tertiary:disabled,
    .\---node_modules-mws-common-ui-core-src-components-Button--Button--tertiary:disabled:hover {
      color: #d7d8d6;
      background-color: transparent;
    }

.\---node_modules-mws-common-ui-core-src-components-Button--Button--flat {
  background-color: transparent;
  border-color: transparent;
  color: #000000;
}

.\---node_modules-mws-common-ui-core-src-components-Button--Button--flat:hover {
    background-color: transparent;
    border-color: transparent;
    color: #404040;
  }

.\---node_modules-mws-common-ui-core-src-components-Button--Button--flat:active {
    background-color: transparent;
    border-color: transparent;
    color: #333333;
  }

.\---node_modules-mws-common-ui-core-src-components-Button--Button--flat.\---node_modules-mws-common-ui-core-src-components-Button--Button--hoverUnderline:enabled:active > span:first-of-type, .\---node_modules-mws-common-ui-core-src-components-Button--Button--flat.\---node_modules-mws-common-ui-core-src-components-Button--Button--hoverUnderline:enabled:hover > span:first-of-type {
          text-decoration: underline;
        }

.\---node_modules-mws-common-ui-core-src-components-Button--Button--flat:disabled,
    .\---node_modules-mws-common-ui-core-src-components-Button--Button--flat:disabled:hover {
      background-color: #ffffff;
      border-color: #ffffff;
    }

.\---node_modules-mws-common-ui-core-src-components-Button--Button--flatOnBlack {
  background-color: transparent;
  border-color: transparent;
  color: #ffffff;
}

.\---node_modules-mws-common-ui-core-src-components-Button--Button--flatOnBlack:hover {
    background-color: transparent;
    border-color: transparent;
    color: #ededed;
  }

.\---node_modules-mws-common-ui-core-src-components-Button--Button--flatOnBlack:active {
    background-color: transparent;
    border-color: transparent;
    color: #d7d8d6;
  }

.\---node_modules-mws-common-ui-core-src-components-Button--Button--flatOnBlack.\---node_modules-mws-common-ui-core-src-components-Button--Button--hoverUnderline:enabled:active > span:first-of-type, .\---node_modules-mws-common-ui-core-src-components-Button--Button--flatOnBlack.\---node_modules-mws-common-ui-core-src-components-Button--Button--hoverUnderline:enabled:hover > span:first-of-type {
          text-decoration: underline;
        }

.\---node_modules-mws-common-ui-core-src-components-Button--Button--flatOnBlack:disabled,
    .\---node_modules-mws-common-ui-core-src-components-Button--Button--flatOnBlack:disabled:hover {
      background-color: #000000;
      border-color: #ffffff;
      color: #ffffff;
    }

.\---node_modules-mws-common-ui-core-src-components-Button--Button--noMarginLeft {
  margin-left: 0 !important;
}

.\---node_modules-mws-common-ui-core-src-components-Button--Button--onlyIcon {
  padding: 0.5625rem 0.75rem;
}

.\---node_modules-mws-common-ui-core-src-components-Button--Button--underline {
  text-decoration: underline;
}

.\---node_modules-mws-common-ui-core-src-components-Button--Button--underline > span {
    vertical-align: baseline;
  }

.\---node_modules-mws-common-ui-core-src-components-Button--Button--loading {
  padding: 0 !important;
}

.\---node_modules-mws-common-ui-core-src-components-Button--Button--dense {
  padding: 0;
  border: none;
}

.\---node_modules-mws-common-ui-core-src-components-Button--Button--borderless {
  border: none;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--text {
  font-family: UniversNextforHSBC;
  overflow: hidden;
  word-break: break-word;
  word-wrap: break-word;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--size-1 {
  font-size: 2.75rem;
  line-height: 3.125rem;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--size-2 {
  font-size: 2.1875rem;
  line-height: 2.625rem;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--size-3 {
  font-size: 1.75rem;
  line-height: 2.25rem;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--size-4 {
  font-size: 1.375rem;
  line-height: 1.9375rem;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--size-5 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--size-6 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--size-7 {
  font-size: 0.75rem;
  line-height: 1rem;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--light {
  font-weight: 300;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--regular {
  font-weight: 400;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--medium {
  font-weight: 600;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--simplifiedChinese {
  font-family: UniversNextforHSBC, MYingHeiSChineseforHSBC;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--traditionalChinese {
  font-family: UniversNextforHSBC, MYingHeiTChineseforHSBC;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--title {
  font-size: 2.1875rem;
  line-height: 2.625rem;
  font-weight: 400;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--sectionTitle {
  font-weight: 400;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--tag {
  display: inline-block;
  background-color: #f3f3f3;
}

.\---node_modules-mws-common-ui-core-src-components-Text--Text--tag + .\---node_modules-mws-common-ui-core-src-components-Text--Text--tag {
    margin-left: 0.5rem;
  }

.\---node_modules-mws-common-ui-core-src-components-Text--Text--tag.\---node_modules-mws-common-ui-core-src-components-Text--Text--size-6 {
    padding: 0.25rem 0.5rem;
  }

.\---node_modules-mws-common-ui-core-src-components-Text--Text--tag.\---node_modules-mws-common-ui-core-src-components-Text--Text--size-7 {
    padding: 0.25rem;
  }

.\---node_modules-mws-common-ui-core-src-components-Spinner--Spinner--spinner {
  color: #000000;
  animation: \---node_modules-mws-common-ui-core-src-components-Spinner--Spinner--rotate 1.4s linear infinite;
}

.\---node_modules-mws-common-ui-core-src-components-Spinner--Spinner--circle {
  animation: \---node_modules-mws-common-ui-core-src-components-Spinner--Spinner--spinning 1.4s ease-in-out infinite;
  stroke: currentColor;
  stroke-dasharray: 80px 200px;
  stroke-dashoffset: 0;
}

.\---node_modules-mws-common-ui-core-src-components-Spinner--Spinner--dark {
  color: #ffffff;
}

@keyframes \---node_modules-mws-common-ui-core-src-components-Spinner--Spinner--rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes \---node_modules-mws-common-ui-core-src-components-Spinner--Spinner--spinning {
  0% {
    stroke-dasharray: 1px 200px;
    stroke-dashoffset: 0px;
  }

  50% {
    stroke-dasharray: 100px 200px;
    stroke-dashoffset: -15px;
  }

  100% {
    stroke-dasharray: 80px 200px;
    stroke-dashoffset: -125px;
  }
}

.\---node_modules-mws-common-ui-core-src-components-Spinner--Spinner--container {
  display: inline-block;
}

.\---node_modules-mws-common-ui-core-src-components--common--visuallyHidden { 
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute !important;
    height: 0.0625rem; 
    width: 0.0625rem;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box, maybe deprecated but we need to support legacy browsers */
    clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/
    white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}
.pb-core-components-Page-page--Page,
.pb-core-components-Page-page--wrapper {
  display: flex;
  flex-direction: column;
}

.pb-core-components-Page-page--wrapper {
  min-height: 100vh;
}

.pb-core-components-Page-page--main {
  flex: 1 0 auto;
  padding-bottom: calc(1.5rem + 32px);
}

.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--waitMainContentLaunch {
  opacity: 0;
}
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--verticalCenter {
  /* Only add vertical center when dont need scrollbar for modal content */
  display: flex;
  align-items: center;
}
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--dialogWrapper {
  outline: none;
  width: 100%;
  /* height: 100%; */
  display: flex;
  pointer-events: none;
  /* align-items: center; */
  justify-content: center;
  height: auto;
}
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--dialogWrapper .\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--dialogBox {
    width: 31.25rem;
    flex: 0 1 auto;
    margin: 2.75rem 1.25rem;
    outline: 0;
  }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--dialogWrapper .\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--dialogBox section ul[class*='ButtonRow'] {
        flex-direction: inherit;
      }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--dialogWrapper > div {
      //top: 50%;
      //-ms-transform: translateX(-50%) translateY(-50%);
      //transform: translateX(-50%) translateY(-50%);
    }
  }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--drawerWrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--drawerWrapper > div {
    margin: 0 0 0 auto;
    height: 100%;
    width: 31.25rem;
  }
@media screen and (max-width: 599px) {
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--drawerWrapper > div {
      max-width: none
  }
    }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--dialog,
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--drawer {
  background-color: white;
  pointer-events: all;
  outline: none;
  position: relative;
}
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--dialog {
  /* margin: var(--rbwmSpace44) 0; */
  padding: 1.5rem 1.25rem;
}
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--header {
  position: relative;
  margin-bottom: 1rem;
}
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--headerTitle {
  color: #333333;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.25rem;
  padding-right: 2rem;
}
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--backButton {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0.875rem;
}
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--backButton:focus {
    outline-offset: -2px;
  }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--backButton {
    color: #333333
}
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--closeButton {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
}
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--closeButton:focus {
    outline-offset: -2px;
  }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--closeButton {
    color: #333333
}
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--closeButton svg {
    width: 0.9375rem;
    height: 0.9375rem;
  }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--content {
  color: #333333;
}
/* padding: 0 var(--rbwmSpace20) var(--rbwmSpace24); */
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--content pre {
    max-height: 60vh;
    overflow-y: scroll;
  }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--drawer {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1.25rem;
}
@media screen and (min-width: 600px) {
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--drawer {
    border-left: 1px solid #d7d8d6
}
  }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--drawer .\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--header {
    flex: 0 0 auto;
      /* background-color: var(--pearl); */
  }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--drawer .\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--content {
    flex: 1 1 auto;
    overflow-y: auto;
  }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--underlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;

  background-color: rgba(62, 80, 93, 0.85);
  z-index: 9999;
  /* min-height: 480px; */
  overflow: auto;
}
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--enter .\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--underlay {
    background-color: rgba(0, 0, 0, 0);
  }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--enter .\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--dialog {
    /* transform: scale(0.95); */
    opacity: 0.01;
    animation: \---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--slide-in-fwd-center 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
  }
@keyframes \---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--slide-in-fwd-center {
      0% {
        transform: translateZ(-1400px);
        opacity: 0;
      }
      100% {
        transform: translateZ(0);
        opacity: 1;
      }
    }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--enter .\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--drawer {
    /* transform: translateX(100%); */
  }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--exit .\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--underlay {
    transition: background-color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    background-color: rgba(0, 0, 0, 0);
  }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--exit .\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--dialog {
    transition: opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0.01;
  }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--exit .\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--drawer {
    transition: transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--open .\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--underlay {
    transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    background-color: rgba(62, 80, 93, 0.85);
  }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--open .\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--dialog {
    transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
  }
.\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--open .\---node_modules-mws-common-ui-core-src-components-ModalDialog--ModalDialog--drawer {
    transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }

.\---node_modules-mws-common-ui-core-src-components-Icon--Icon--icon {
  box-sizing: content-box;
}

.\---node_modules-mws-common-ui-core-src-components-Separator--Separator--separator {
  width: auto;
  height: 0.0625rem;
  border: 0;
  margin: 0;
  background-color: #ededed;
  flex-shrink: 0;
}

.\---node_modules-mws-common-ui-core-src-components-Separator--Separator--vertical {
  width: 0.0625rem;
  height: auto;
  -ms-grid-row-align: stretch;
      align-self: stretch;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Panel--styles--Panel {
  margin-top: 0;
  padding: calc(1rem + 8px);
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Panel--styles--fullHeight {
  height: 100%;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Panel--styles--default {
    background-color: #ededed
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Panel--styles--jade {
  background-color: #14a5ab;
  color: #ffffff;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Panel--styles--slate {
  background-color: #3e505d;
  color: #ffffff;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Panel--styles--charcoal {
  background-color: #333333;
  color: #ffffff;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Panel--styles--silver-border {
  box-shadow: 0 0 0 1px #d7d8d6 inset;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Panel--styles--jade-border {
  box-shadow: 0 0 0 2px #14a5ab inset;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Panel--styles--scarlet-border {
  box-shadow: 0 0 0 2px #a8000b inset;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Panel--styles--information {
    background-color: #ebeff4;
    box-shadow: 0 0 0 1px #2580dc inset
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Panel--styles--error {
  background-color: #f9f2f3;
  box-shadow: 0 0 0 1px #a8000b inset;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Panel--styles--success {
  background-color: #e5f2f2;
  box-shadow: 0 0 0 1px #14a5ab inset;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Panel--styles--warning {
  background-color: #fff8ea;
  box-shadow: 0 0 0 1px #ffbb33 inset;
}

@media screen and (max-width: 599px) {

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Panel--styles--collapseOnSmallViewport {
    padding: 0;
    box-shadow: none;
    background-color: transparent
}
  }

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Callout--styles--Callout {
  display: flex;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Callout--styles--icon {
  margin-right: 0.5rem;
  height: 1.25rem;
  /* transform: translateY(3px); */
  flex-shrink: 0;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Callout--styles--information .\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Callout--styles--icon {
    color: #2580dc
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Callout--styles--error .\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Callout--styles--icon {
  color: #a8000b;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Callout--styles--success .\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Callout--styles--icon {
  color: #14a5ab;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Callout--styles--warning .\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Callout--styles--icon {
  color: #ffbb33;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Callout--styles--key-information {
  padding: 0;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Callout--styles--key-information .\---node_modules-mws-common-ui-core-src-components-NotificationMessage-Callout--styles--icon {
    color: #2580dc;
    padding-top: 0.3125em;
  }

.pb-core-utils-marginBottom-styles--mb0 {
  margin-bottom: 0;
}

.pb-core-utils-marginBottom-styles--mb1 {
    margin-bottom: 0.25rem;
  }

.debug .pb-core-utils-marginBottom-styles--mb1 {
    position: relative;
    outline: 1px dashed rgba(255, 0, 170, 0.3);
    outline-offset: -1px;
  }

.debug .pb-core-utils-marginBottom-styles--mb1::after {
      content: '1';
      padding-left: 0.2rem;
      padding-right: 0.2rem;
      color: black;
      font-size: 0.5rem;
      line-height: 1;
      display: block;
      position: absolute;
      left: 0;
      top: 100%;
      height: 0.25rem;
      background-color: rgba(255, 0, 170, 0.3);
      pointer-events: none;
    }

.pb-core-utils-marginBottom-styles--mb2 {
    margin-bottom: 0.5rem;
  }

.debug .pb-core-utils-marginBottom-styles--mb2 {
    position: relative;
    outline: 1px dashed rgba(255, 0, 170, 0.3);
    outline-offset: -1px;
  }

.debug .pb-core-utils-marginBottom-styles--mb2::after {
      content: '2';
      padding-left: 1rem;
      padding-right: 0.2rem;
      color: black;
      font-size: 0.5rem;
      line-height: 1;
      display: block;
      position: absolute;
      left: 0;
      top: 100%;
      height: 0.5rem;
      background-color: rgba(255, 0, 170, 0.3);
      pointer-events: none;
    }

.pb-core-utils-marginBottom-styles--mb3 {
    margin-bottom: 1rem;
  }

.debug .pb-core-utils-marginBottom-styles--mb3 {
    position: relative;
    outline: 1px dashed rgba(255, 0, 170, 0.3);
    outline-offset: -1px;
  }

.debug .pb-core-utils-marginBottom-styles--mb3::after {
      content: '3';
      padding-left: 1.8rem;
      padding-right: 0.2rem;
      color: black;
      font-size: 0.5rem;
      line-height: 1;
      display: block;
      position: absolute;
      left: 0;
      top: 100%;
      height: 1rem;
      background-color: rgba(255, 0, 170, 0.3);
      pointer-events: none;
    }

.pb-core-utils-marginBottom-styles--mb4 {
    margin-bottom: calc(1rem + 8px);
  }

.debug .pb-core-utils-marginBottom-styles--mb4 {
    position: relative;
    outline: 1px dashed rgba(255, 0, 170, 0.3);
    outline-offset: -1px;
  }

.debug .pb-core-utils-marginBottom-styles--mb4::after {
      content: '4';
      padding-left: 2.6rem;
      padding-right: 0.2rem;
      color: black;
      font-size: 0.5rem;
      line-height: 1;
      display: block;
      position: absolute;
      left: 0;
      top: 100%;
      height: calc(1rem + 8px);
      background-color: rgba(255, 0, 170, 0.3);
      pointer-events: none;
    }

.pb-core-utils-marginBottom-styles--mb5 {
    margin-bottom: calc(1.5rem + 8px);
  }

.debug .pb-core-utils-marginBottom-styles--mb5 {
    position: relative;
    outline: 1px dashed rgba(255, 0, 170, 0.3);
    outline-offset: -1px;
  }

.debug .pb-core-utils-marginBottom-styles--mb5::after {
      content: '5';
      padding-left: 3.4rem;
      padding-right: 0.2rem;
      color: black;
      font-size: 0.5rem;
      line-height: 1;
      display: block;
      position: absolute;
      left: 0;
      top: 100%;
      height: calc(1.5rem + 8px);
      background-color: rgba(255, 0, 170, 0.3);
      pointer-events: none;
    }

.pb-core-utils-marginBottom-styles--mb6 {
    margin-bottom: calc(2rem + 8px);
  }

.debug .pb-core-utils-marginBottom-styles--mb6 {
    position: relative;
    outline: 1px dashed rgba(255, 0, 170, 0.3);
    outline-offset: -1px;
  }

.debug .pb-core-utils-marginBottom-styles--mb6::after {
      content: '6';
      padding-left: 4.2rem;
      padding-right: 0.2rem;
      color: black;
      font-size: 0.5rem;
      line-height: 1;
      display: block;
      position: absolute;
      left: 0;
      top: 100%;
      height: calc(2rem + 8px);
      background-color: rgba(255, 0, 170, 0.3);
      pointer-events: none;
    }

.pb-core-utils-marginBottom-styles--mb7 {
    margin-bottom: calc(2.5rem + 16px);
  }

.debug .pb-core-utils-marginBottom-styles--mb7 {
    position: relative;
    outline: 1px dashed rgba(255, 0, 170, 0.3);
    outline-offset: -1px;
  }

.debug .pb-core-utils-marginBottom-styles--mb7::after {
      content: '7';
      padding-left: 5rem;
      padding-right: 0.2rem;
      color: black;
      font-size: 0.5rem;
      line-height: 1;
      display: block;
      position: absolute;
      left: 0;
      top: 100%;
      height: calc(2.5rem + 16px);
      background-color: rgba(255, 0, 170, 0.3);
      pointer-events: none;
    }

.pb-core-utils-marginBottom-styles--mb8 {
    margin-bottom: calc(3.5rem + 40px);
  }

.debug .pb-core-utils-marginBottom-styles--mb8 {
    position: relative;
    outline: 1px dashed rgba(255, 0, 170, 0.3);
    outline-offset: -1px;
  }

.debug .pb-core-utils-marginBottom-styles--mb8::after {
      content: '8';
      padding-left: 5.8rem;
      padding-right: 0.2rem;
      color: black;
      font-size: 0.5rem;
      line-height: 1;
      display: block;
      position: absolute;
      left: 0;
      top: 100%;
      height: calc(3.5rem + 40px);
      background-color: rgba(255, 0, 170, 0.3);
      pointer-events: none;
    }

@media screen and (min-width: 600px) {
  .pb-core-utils-marginBottom-styles--mbm0 {
    margin-bottom: 0;
  }
    .pb-core-utils-marginBottom-styles--mbm1 {
      margin-bottom: 0.25rem;
    }
    .pb-core-utils-marginBottom-styles--mbm2 {
      margin-bottom: 0.5rem;
    }
    .pb-core-utils-marginBottom-styles--mbm3 {
      margin-bottom: 1rem;
    }
    .pb-core-utils-marginBottom-styles--mbm4 {
      margin-bottom: calc(1rem + 8px);
    }
    .pb-core-utils-marginBottom-styles--mbm5 {
      margin-bottom: calc(1.5rem + 8px);
    }
    .pb-core-utils-marginBottom-styles--mbm6 {
      margin-bottom: calc(2rem + 8px);
    }
    .pb-core-utils-marginBottom-styles--mbm7 {
      margin-bottom: calc(2.5rem + 16px);
    }
    .pb-core-utils-marginBottom-styles--mbm8 {
      margin-bottom: calc(3.5rem + 40px);
    }
}

@media screen and (min-width: 960px) {
  .pb-core-utils-marginBottom-styles--mbl0 {
    margin-bottom: 0;
  }
    .pb-core-utils-marginBottom-styles--mbl1 {
      margin-bottom: 0.25rem;
    }
    .pb-core-utils-marginBottom-styles--mbl2 {
      margin-bottom: 0.5rem;
    }
    .pb-core-utils-marginBottom-styles--mbl3 {
      margin-bottom: 1rem;
    }
    .pb-core-utils-marginBottom-styles--mbl4 {
      margin-bottom: calc(1rem + 8px);
    }
    .pb-core-utils-marginBottom-styles--mbl5 {
      margin-bottom: calc(1.5rem + 8px);
    }
    .pb-core-utils-marginBottom-styles--mbl6 {
      margin-bottom: calc(2rem + 8px);
    }
    .pb-core-utils-marginBottom-styles--mbl7 {
      margin-bottom: calc(2.5rem + 16px);
    }
    .pb-core-utils-marginBottom-styles--mbl8 {
      margin-bottom: calc(3.5rem + 40px);
    }
}

.pb-core-components-Icon-icon--iconWrapper {
  display: block;
}

.pb-core-components-Icon-icon--scaled {
  width: 100%;
  height: 100%;
}

.pb-core-components-Icon-icon--inline {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.1875em;
}

.pb-core-components-Icon-icon--Icon {
  display: block;
  fill: currentColor;
}

.pb-core-components-Icon-icon--Icon--scaled {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessage > div > div > div > span {
      height: 1rem;
    }
    .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessage > div {
      position: relative;
      box-shadow: none;
      padding: 0.75rem 1rem;
    }
    .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessage > div > div > div:first-child {
        margin-right: 0.5rem;
      }
    .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessage > div > div > div:nth-child(2) {
        width: 100%;
        display: flex;
        flex-direction: row;
      }
    .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessage > div > div > div:nth-child(2) .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationHeader {
          display: inline-block;
        }
    .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessage [class*='success'] > [class*='icon'] {
      color: #00847f !important;
    }
    .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessage [class*='Panel--styles--error'] {
      border: 1px solid #e5b2b5;
    }
    .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessage > [class*='Panel--styles--warning'] {
      border: 1px solid #ffcf70;
    }
    .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessage > [class*='Panel--styles--success'] {
      border: 1px solid #99cecc;
    }
    .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessage > [class*='Panel--styles--information'] {
      border: 1px solid #acbdce;
    }
    .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessage > [class*='Panel--styles--information'] > div > div > span {
          color: #305a85;
        }
  .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--showMargin .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationHeader {
      margin-bottom: 0.25rem;
    }
  .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--messageAction {
    cursor: pointer;
  }
  .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--close {
    /* margin-left: auto;
    padding-left: var(--rbwmSpace20); */
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    height: 1.25rem;
    padding: 0.75rem 1rem 0.875rem 0;
    box-sizing: content-box;
  }
  .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--close > span[class*='iconRight'] {
      margin: 0;
      top: -0.3125rem;
    }
  .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--ml {
    margin-left: 0.5rem;
  }
  .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--apiError > div {
    display: inline !important;
  }
  .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--hideBorder {
    margin-bottom: 0;
  }
  .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--hideBorder > div {
      border: 0 !important;
    }
  .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--inlineContainer > div {
      border: 0 !important;
      background-color: transparent;
      padding: 0;
    }
  .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--inlineContainer > div .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--verticalMargin {
        margin-bottom: 0.75rem;
      }
  .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--listContainer {
    line-height: 1.25;
  }
  .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--listContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--regular span,.\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--listContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--inline span {
      font-size: 0.875rem !important;
      line-height: 1;
    }
  .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--listContainer > .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--verticalMargin {
      margin-bottom: 0.75rem;
    }
  .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--paddingR {
    padding-right: 1.675rem;
  }
  .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--messageContainer {
    margin-bottom: 0.75rem;
  }
  .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--notificationMessageContainer .\---node_modules-mws-common-ui-core-src-components-NotificationMessage--NotificationMessage--messageContainer:last-child {
    margin-bottom: 0;
  }

.\---node_modules-mws-common-ui-core-src-components-InfoView--InfoView--modalDesc {
  padding-bottom: 1.25rem;
}

.\---node_modules-mws-common-ui-core-src-components-InfoView--InfoView--buttonRow {
  display: flex;
  flex-direction: row;
  padding-top: 1.5rem;
}

.\---node_modules-mws-common-ui-core-src-components-InfoView--InfoView--buttonRow > button:first-child {
    margin-right: 0.75rem;
  }

.\---node_modules-mws-common-ui-core-src-components-InfoView--InfoView--errorInfoRow {
  margin: 1.25rem 0 0 0;
}

.pb-core-components-Button-button--Button {
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  padding: 12px 16px 10px;
  line-height: 1.5;
  overflow: hidden;
  width: 100%;
  touch-action: manipulation;
  text-align: center;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  transition: background-color 50ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

  .pb-core-components-Button-button--Button:disabled {
    cursor: not-allowed;
    touch-action: none;
  }

  .pb-core-components-Button-button--Button:focus {
    outline: 2px solid #36a1ff;
    outline-offset: 1px;
  }

@media screen and (min-width: 600px) {
  .pb-core-components-Button-button--Button {
    width: auto;
  }
}

.pb-core-components-Button-button--Button--primary {
  color: #ffffff;
    background-color: #db0011;
    border: 1px solid #db0011;
}

.pb-core-components-Button-button--Button--primary:hover,
    .pb-core-components-Button-button--Button--primary:focus {
      background-color: #a8000b;
    }

.pb-core-components-Button-button--Button--primary:active {
      background-color: #83000a;
    }

.pb-core-components-Button-button--Button--primary:disabled {
      background-color: #d7d8d6;
      border-color: #d7d8d6;
    }

.pb-core-components-Button-button--Button--secondary {
  background-color: #ffffff;
    color: #333333;
    border: 1px solid #333333;
}

.pb-core-components-Button-button--Button--secondary:hover,
    .pb-core-components-Button-button--Button--secondary:focus {
      background-color: #ededed;
    }

.pb-core-components-Button-button--Button--secondary:active {
      background-color: #d7d8d6;
    }

.pb-core-components-Button-button--Button--secondary:disabled {
      border-color: #d7d8d6;
      color: #d7d8d6;
    }

.pb-core-components-Button-button--Button--tertiary {
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}

.pb-core-components-Button-button--Button--tertiary:hover,
  .pb-core-components-Button-button--Button--tertiary:focus {
    background-color: #404040;
    border-color: #404040;
  }

.pb-core-components-Button-button--Button--tertiary:active {
    background-color: #767676;
    border-color: #767676;
  }

.pb-core-components-Button-button--Button--tertiary:disabled {
    border-color: #d7d8d6;
    background-color: #d7d8d6;
    color: #ffffff;
  }

.pb-core-components-ButtonLinkBase-button-link-base--iconLeft,
.pb-core-components-ButtonLinkBase-button-link-base--iconRight {
  white-space: nowrap;
}

.pb-core-components-ButtonLinkBase-button-link-base--iconLeft {
  margin-right: 0.5em;
  padding-left: 0;
}

.pb-core-components-ButtonLinkBase-button-link-base--iconRight {
  margin-left: 0.5em;
  padding-right: 0;
}

.pb-core-components-ButtonLinkBase-button-link-base--anchor .pb-core-components-ButtonLinkBase-button-link-base--iconLeft,
  .pb-core-components-ButtonLinkBase-button-link-base--anchor .pb-core-components-ButtonLinkBase-button-link-base--iconRight {
    position: relative;
    top: 1px;
  }

.pb-core-components-ButtonLinkBase-button-link-base--anchor .pb-core-components-ButtonLinkBase-button-link-base--iconLeft {
    margin-right: 0.25em;
  }

.pb-core-components-ButtonLinkBase-button-link-base--anchor .pb-core-components-ButtonLinkBase-button-link-base--iconRight {
    margin-left: 0.25em;
  }

.pb-core-components-ButtonLinkBase-button-link-base--hasMaxWidth {
  width: auto;
  max-width: 100%;
}

.pb-core-components-ButtonLinkBase-button-link-base--buttonTextLeft {
  text-align: left;
}

.pb-core-components-ButtonLinkBase-button-link-base--buttonTextRight {
  text-align: right;
}

.pb-core-components-ButtonLinkBase-button-link-base--flexContainer {
  display: flex;
  justify-content: center;
}

.pb-core-components-VisuallyHidden-visually-hidden--VisuallyHidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.pb-core-components-Reveal-reveal--Reveal {
  padding-bottom: 0.02px;
  outline: none;
}

  .pb-core-components-Reveal-reveal--Reveal--accentBar {
    padding-left: calc(1em - 2px);
  }

  .pb-core-components-Reveal-reveal--Reveal--collapsing {
    pointer-events: none;
  }

.pb-core-components-Reveal-reveal--accentBar {
  padding-left: calc(1em - 2px + 1rem);
  border-left: 4px solid #d7d8d6;
}

.pb-core-components-Reveal-reveal--spacer {
  overflow: auto;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--container {
  min-width: 30rem !important;
  max-width: 51.25rem !important;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--attachDocument {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0;
  border-bottom: 1px solid #ededed;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--title {
  display: inline-block;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--normalImg {
  width: 17.1875rem;
  display: none;
  height: auto;
  margin-top: 0.75rem;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--thumbnails {
  width: 4.375rem;
  display: none;
  height: auto;
  margin-right: 1rem;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--fileName {
  font-weight: 500;
  line-height: 1.5rem;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--show {
  display: block;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--delete {
  display: block;
  width: 4.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--delete div {
    font-weight: 500;
    color: #000000;
  }

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--delete {
  margin-left: 1.25rem;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  overflow: hidden;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--helpText {
  margin: 0.25rem 0 0.5rem 0;
  font-weight: 300;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--btnContainer {
  margin-top: 0.375rem;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--remove {
  margin-right: -1rem;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--uploadBtn {
  margin-left: 1.25rem;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--imgContainer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--noImage {
  width: 100%;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--viewFull {
  margin-left: 1.25rem;
  flex: 1;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--imgPreview {
  width: 100%;
  height: 100%;
  display: flex;
  overflow-x: scroll;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--imgPreview img {
    height: 100%;
  }

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--previewModalNone {
  display: none;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument--AttachDocument--previewModal {
  display: block;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--row {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--column {
  display: flex;
  flex-direction: column;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--cell {
  box-sizing: border-box;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--gutter.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--row {
    margin-top: -1.25rem;
    margin-left: -1.25rem;
  }

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--gutter.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--row > .\---node_modules-mws-common-ui-core-src-components-Grid--Grid--cell {
      padding-top: 1.25rem;
      padding-left: 1.25rem;
    }

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--gutter.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--column {
    margin-top: -1.25rem;
  }

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--gutter.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--column .\---node_modules-mws-common-ui-core-src-components-Grid--Grid--cell {
      padding-top: 1.25rem;
    }

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--size-1 {
  width: 8.3333%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--size-2 {
  width: 16.6667%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--size-3 {
  width: 25%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--size-4 {
  width: 33.3333%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--size-5 {
  width: 41.6667%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--size-6 {
  width: 50%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--size-7 {
  width: 58.3333%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--size-8 {
  width: 66.6667%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--size-9 {
  width: 75%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--size-10 {
  width: 83.3333%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--size-11 {
  width: 91.6667%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--size-12 {
  width: 100%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--none {
  flex: 0 0 auto;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--auto {
  /* Another way to achieve flex: 1 1 0px for IE11 */
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--offset-1 {
  margin-left: 8.3333%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--offset-2 {
  margin-left: 16.6667%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--offset-3 {
  margin-left: 25%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--offset-4 {
  margin-left: 33.3333%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--offset-5 {
  margin-left: 41.6667%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--offset-6 {
  margin-left: 50%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--offset-7 {
  margin-left: 58.3333%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--offset-8 {
  margin-left: 66.6667%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--offset-9 {
  margin-left: 75%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--offset-10 {
  margin-left: 83.3333%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--offset-11 {
  margin-left: 91.6667%;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--no-wrap {
  flex-wrap: nowrap;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--justify-start {
  justify-content: flex-start;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--justify-end {
  justify-content: flex-end;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--justify-center {
  justify-content: center;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--justify-between {
  justify-content: space-between;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--justify-around {
  justify-content: space-around;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--align-start {
  align-items: flex-start;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--align-end {
  align-items: flex-end;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--align-center {
  align-items: center;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--align-stretch {
  align-items: stretch;
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--customizedGutter {
  margin-left: var(--row-x-margin);
  margin-right: var(--row-x-margin);
  margin-top: var(--row-y-margin);
}

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--customizedGutter > .\---node_modules-mws-common-ui-core-src-components-Grid--Grid--cell {
    /* This is the equivalent of row-gap: 10px; */
    margin-top: var(--cell-y-margin);
    padding-left: var(--cell-x-padding);
    padding-right: var(--cell-x-padding);
    background-clip: content-box;
  }

.\---node_modules-mws-common-ui-core-src-components-Grid--Grid--flex {
  display: flex;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument-FilePreviewer--FilePreviewer--previewTrigger {
    text-align: left;
}
.\---node_modules-mws-common-ui-core-src-components-Loading--Loading--container {
  text-align: center;
  /* padding: 30% 0; */
  animation: \---node_modules-mws-common-ui-core-src-components-Loading--Loading--fade-in 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.\---node_modules-mws-common-ui-core-src-components-Loading--Loading--full {
  padding: 28% 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.7);
}

.\---node_modules-mws-common-ui-core-src-components-Loading--Loading--init {
  padding: 26% 0;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 1);
  animation: \---node_modules-mws-common-ui-core-src-components-Loading--Loading--fade-in 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.\---node_modules-mws-common-ui-core-src-components-Loading--Loading--hide {
  animation: \---node_modules-mws-common-ui-core-src-components-Loading--Loading--fade-out 0.5s ease-out both;
}

.\---node_modules-mws-common-ui-core-src-components-Loading--Loading--small {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

@keyframes \---node_modules-mws-common-ui-core-src-components-Loading--Loading--fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}

@keyframes \---node_modules-mws-common-ui-core-src-components-Loading--Loading--fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument-AttachedListItem--AttachedListItem--listItemContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding: 1.25rem 0;
  border-bottom: 1px solid #ededed;
  max-width: 51.25rem;
  min-width: 30rem;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument-AttachedListItem--AttachedListItem--oprerationContainer {
  max-height: 1.5rem;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument-AttachedListItem--AttachedListItem--delIcon {
    min-width: 4.75rem;
    margin-left: 1rem;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument-AttachedListItem--AttachedListItem--image {
  height: 3.125rem;
  width: auto;
  margin-right: 0.75rem;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument-AttachedListItem--AttachedListItem--showFileName {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument-AttachedListItem--AttachedListItem--noFileName {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument-AttachedListItem--AttachedListItem--marginRight {
  margin-right: 0.75rem;
}

.\---node_modules-mws-common-ui-core-src-components-AttachDocument-AttachedListItem--AttachedListItem--statusContainer {
  margin-left: 1.25rem;
}
.\---node_modules-mws-common-ui-core-src-components-AttachDocument-AttachedList--AttachedList--listContainer {
  padding: 0;
  margin: 0;
  max-width: 51.25rem;
  min-width: 30rem;
}

.\---node_modules-mws-common-ui-core-src-components-Popup--Popup--popup {
  transition: none;
  position: fixed !important;
  z-index: 10000;
  overflow: auto;
  background-color: #ffffff;
}

.\---node_modules-mws-common-ui-core-src-components-Popup--Popup--spinnerItem {
  display: flex;
  justify-content: center;
}

.\---node_modules-mws-common-ui-core-src-components-List--List--list {
  overflow: auto;
  box-sizing: border-box;
}

.\---node_modules-mws-common-ui-core-src-components-List--List--item {
  display: flex;
  padding: 0.625rem 0.75rem;
}

.\---node_modules-mws-common-ui-core-src-components-List--List--itemSection {
  flex: auto;
}

.\---node_modules-mws-common-ui-core-src-components-List--List--itemSection:not(:first-child) {
    padding-left: 0.75rem;
  }

.\---node_modules-mws-common-ui-core-src-components-List--List--border {
  border: 1px solid #767676;
}

.\---node_modules-mws-common-ui-core-src-components-List--List--separator > *:not(:first-child) {
    border-top: 1px solid #ededed;
  }

.\---node_modules-mws-common-ui-core-src-components-List--List--clickable {
  cursor: pointer;
}

.\---node_modules-mws-common-ui-core-src-components-List--List--clickable:hover {
    background-color: #f3f3f3;
  }

.\---node_modules-mws-common-ui-core-src-components-List--List--clickable:active {
    background-color: #ededed;
  }

.\---node_modules-mws-common-ui-core-src-components-List--List--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.\---node_modules-mws-common-ui-core-src-components-List--List--side {
  flex: none;
}

.\---node_modules-mws-common-ui-core-src-components-List--List--active {
  background-color: #ededed;
}

.\---node_modules-mws-common-ui-core-src-components-VisuallyHidden--VisuallyHidden--visuallyHidden { 
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute !important;
    left: -624.9375rem;
    height: 0.0625rem; 
    width: 0.0625rem;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box, maybe deprecated but we need to support legacy browsers */
    clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/
    white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}
.\---node_modules-mws-common-ui-core-src-components-AttachDocument-FileErrorModal--FileErrorModal--btnContainer {
    margin: 0;
    margin-top: 1.5rem;
}
.\---node_modules-mws-common-ui-core-src-components-Card--Card--card {
  background-color: #ffffff;
  border: 1px solid #d7d8d6;
  pointer-events: all !important;
}

.\---node_modules-mws-common-ui-core-src-components-Card--Card--borderless {
  border: 0;
}

.\---node_modules-mws-common-ui-core-src-components-Card--Card--section {
  padding: 1.25rem;
}

.\---node_modules-mws-common-ui-core-src-components-Badge--Badge--badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem;
  border-radius: 4px;
  background-color: #767676;
  color: #ffffff;
  font-family: UniversNextforHSBC;
  box-sizing: border-box;
  vertical-align: middle;
  overflow: hidden;
}

.\---node_modules-mws-common-ui-core-src-components-Badge--Badge--round {
  border-radius: 50%;
}

.\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar {
  display: inline-block;
  border: 1px solid #767676;
  padding: 0.25rem 0.5rem 0.75rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--header {
    margin: 0 2rem;
    display: flex;
    justify-content: space-between;
  }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--header > :not(:first-child):not(:last-child) {
      flex: auto;
    }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--header button {
      padding: 0.5rem 0.5625rem;
      background-color: transparent;
      border-color: transparent;
      color: #000000;
    }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--header button:hover {
        background-color: transparent;
        border-color: transparent;
        color: #404040;
        text-decoration: underline;
      }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--day {
    width: 2.5rem;
    padding: 0.25rem 0;
    text-align: center;
  }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--date {
    width: 2.5rem;
    padding: 0.375rem 0;
    border: 2px solid #ffffff;
    background-color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
  }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--date:hover {
      border-color: #f3f3f3;
      background-color: #f3f3f3;
    }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--date:active {
      border-color: #ededed;
      background-color: #ededed;
    }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--dayBtn,
  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--monthBtn {
    margin: 0 !important;
  }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--month {
    width: 5.9375rem;
    height: 2.5rem;
    line-height: 2.5rem;
    cursor: pointer;
    text-align: center;
  }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--month:hover {
      border-color: #f3f3f3;
      background-color: #f3f3f3;
    }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--month:active {
      border-color: #ededed;
      background-color: #ededed;
    }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--selected {
    border-color: #000000;
    background-color: #000000;
    color: #ffffff;
  }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--selected:hover,
    .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--selected:active {
      color: #333333;
    }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--unavailable {
    color: #767676;
    text-decoration: line-through;
  }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--unavailable:hover {
      color: #767676;
    }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--disabled {
    opacity: 0.3;
  }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--unavailable,
  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--disabled {
    cursor: not-allowed;
  }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--unavailable:hover, .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--disabled:hover,.\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--unavailable:active, .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--disabled:active {
      border-color: #ffffff;
      background-color: #ffffff;
    }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--today {
    box-shadow: inset 1px 1px #333333, inset -1px -1px #333333;
  }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--today.\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--selected {
      box-shadow: inset 1px 1px #ffffff, inset -1px -1px #ffffff;
    }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--today.\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--selected:hover,
      .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--today.\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--selected:active {
        box-shadow: inset 1px 1px #333333, inset -1px -1px #333333;
      }

  .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--calendar .\---node_modules-mws-common-ui-core-src-components-Calendar--Calendar--focus {
  }

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--checkbox {
  display: flex;
  align-items: center;
  padding: 0.375rem 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

  .\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--checkbox:hover:not(.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--disabled) .\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--wrapper {
        border-color: #000000;
      }

  .\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--checkbox:hover:not(.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--disabled).\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--bordered .\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--wrapper {
          border-color: #767676;
        }

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--wrapper {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #767676;
}

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--wrapper > svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--input {
  position: absolute;
  z-index: 1;
  top: -0.0625rem;
  left: -0.0625rem;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #ffffff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background-color: transparent;
  /* opacity: 0; */
}

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--label {
  padding: 0.25rem 0 0.25rem 0.75rem;
  color: #333333;
  cursor: pointer;
}

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--bordered {
  outline: 1px solid #d7d8d6;
  padding: 1rem;
  justify-content: space-between;
}

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--bordered:not(.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--checked):hover:not(.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--disabled) {
      outline: 2px solid #d7d8d6;
    }

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--bordered .\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--label {
    order: -1;
    margin-left: 0;
  }

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--checked .\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--wrapper {
    color: #333333;
  }

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--checked.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--bordered {
    outline: 1px solid #767676;
  }

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--checked.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--bordered:hover {
      outline-width: 0.125rem;
    }

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--checked:hover:not(.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--disabled) .\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--wrapper {
        background-color: #f3f3f3;
      }

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--checked:hover:not(.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--disabled).\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--bordered {
        border-color: #d7d8d6;
      }

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--invalid .\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--wrapper {
    border-color: #a8000b;
    background-color: #f9f2f3;
  }

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--disabled {
  opacity: 0.4;
}

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--disabled,
  .\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--disabled * {
    cursor: not-allowed;
  }

.\---node_modules-mws-common-ui-core-src-components-Checkbox--Checkbox--inline {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 1.5rem;
}

.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp {
    /* please remove me post-MVP */
    position: relative;
    right: initial;
  }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--active > a {
        border: 1px solid #767676;
        border-bottom: 0;
        right: -1.3125rem;
        top: -1.0625rem;
        outline: none;
        z-index: 5;
        background: #ffffff;
      }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--active > a + span {
          display: block;
        }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--active > a svg {
          stroke-width: 0 !important;
          stroke: black !important;
          width: auto !important;
        }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp > a {
      position: absolute;
      right: -1.25rem;
      top: -1rem;
      font-size: 1rem;
      padding: 0.9375rem 0.875rem;
    }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp > a > span[class*='iconRight'] {
        margin-left: 0;
      }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp > a:hover svg {
          stroke-width: 0 !important;
          stroke: #000000 !important;
          width: auto !important;
        }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp > a svg {
        transform: rotate(90deg);
      }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp > span {
      display: none;
    }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp > span > section {
        right: -0.0625rem;
        top: 1.375rem;
        box-shadow: none;
        background: #ffffff;
        color: #333333;
        border: 1px solid #767676;
        padding: 0;
        position: absolute;
        z-index: 2;
        min-width: 11.25rem;
      }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp > span > section > span {
          display: none;
        }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp > span > section ul {
          margin-bottom: 0;
        }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp > span > section ul:last-child {
            border-bottom: 0;
          }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp > span > section ul li {
            min-width: 11.25rem;
            cursor: pointer;
            margin-bottom: 0;
            padding: 0.625rem;
            font-size: 0.875rem;
            border-bottom: 1px solid #d7d8d6;
          }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp > span > section ul li:last-child {
              border-bottom: 0px;
            }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp > span > section ul li:focus,
            .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp > span > section ul li:hover {
              color: #000000;
              background: #ededed;
            }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp > span > section ul li:focus a, .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp > span > section ul li:hover a {
                color: #333333;
              }
    .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--mvp > span > section ul li > span[class*='listContent'] {
              width: 100%;
            }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu {

  position: absolute;
  right: 0;
}
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--active > a {
      border: 1px solid #333333;
      border-top: 0;
      outline: none;
      z-index: 3;
      background: #ffffff;
    }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--active > a svg {
        stroke-width: 0.0625rem;
        stroke: black;
        width: 1.25em;
      }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--active > a + span {
        display: block;
      }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--active.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--top > a {
        border-bottom: 1px solid #333333;
        border-top: 0;
      }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--active.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--bottom > a {
        border-top: 1px solid #333333;
        border-bottom: 0;
      }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu > a {
    position: absolute;
    right: -0.8125rem;
    top: -2.125rem;
    font-size: 1rem;
    padding: 0 0.75rem;
    height: 2.75rem;
    white-space: nowrap;
    transition: none;
  }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu > a > span[class*='iconRight'] {
      margin-left: 0;
    }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu > a:hover svg {
        stroke-width: 0.0625rem;
        stroke: black;
        width: 1.25em;
      }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu > a svg {
      transition: none;
    }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu > span {
    display: none;
  }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu > span > section {
      right: -0.8125rem;
      bottom: -0.4375rem;
      box-shadow: none;
      background: #ffffff;
      color: #333333;
      border: 1px solid #333333;
      padding: 0;
      position: absolute;
      z-index: 2;
      min-width: 18.75rem;
    }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu > span > section > span {
        display: none;
      }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu > span > section ul {
        margin-bottom: 0;
      }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu > span > section ul:last-child {
          border-bottom: 0;
        }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu > span > section ul li {
          min-width: 11.25rem;
          cursor: pointer;
          margin-bottom: 0;
          height: 2.75rem;
          display: flex;
          padding: 0 0.9375rem;
          align-items: center;
          font-size: 0.875rem;
          border-bottom: 1px solid #ededed;
        }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu > span > section ul li.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--heading {
            cursor: default;
            height: 1.875rem;
            font-size: 0.75rem;
            font-weight: 800;
          }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu > span > section ul li:last-child {
            border-bottom: 0px;
          }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu > span > section ul li:focus,
          .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu > span > section ul li:hover {
            background: #f3f3f3;
          }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu > span > section ul li > span[class*='listContent'] {
            width: 100%;
          }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu span[class*='withMagicUnderlines'] {
    text-decoration: none;
    background-image: none;
    cursor: pointer;
  }
  .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--contextMenu .\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--notAllowed {
    text-decoration: none;
    color: #d7d8d6;
    margin-left: 0.9375rem;
  }

.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--disabled {
  opacity: 0.5;
}

.\---node_modules-mws-common-ui-core-src-components-ContextMenu--styles--triggerContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.pb-core-components-ListItem-list-item--ListItem {
  position: relative;
  display: flex;
  padding-left: 0;
}

  .pb-core-components-ListItem-list-item--ListItem:last-child {
    margin-bottom: 0;
  }

  .pb-core-components-ListItem-list-item--ListItem .pb-core-components-ListItem-list-item--listContent {
    width: calc(100% - 1.5em);
  }

  .pb-core-components-ListItem-list-item--ListItem .pb-core-components-ListItem-list-item--listContent > ul,
  .pb-core-components-ListItem-list-item--ListItem .pb-core-components-ListItem-list-item--listContent > ol {
    margin-top: 0.5rem;
  }

  .pb-core-components-ListItem-list-item--ListItem .pb-core-components-ListItem-list-item--listStyle {
    min-width: 1.5em;
    display: inline-block;
  }

  .pb-core-components-ListItem-list-item--ListItem.pb-core-components-ListItem-list-item--largeMinWidth > .pb-core-components-ListItem-list-item--listContent {
      width: calc(100% - 2em);
    }

  .pb-core-components-ListItem-list-item--ListItem.pb-core-components-ListItem-list-item--largeMinWidth > .pb-core-components-ListItem-list-item--listStyle {
      min-width: 2em;
    }

/* decimal type */

.pb-core-components-ListItem-list-item--OrderedList .pb-core-components-ListItem-list-item--listStyle::before {
    counter-increment: piggybank-list-counter;
    content: counter(piggybank-list-counter, decimal) '. ';
    margin-right: 0.25em;
  }

/* denary type */

.pb-core-components-ListItem-list-item--OrderedList .pb-core-components-ListItem-list-item--listStyle.pb-core-components-ListItem-list-item--denary::before {
    content: counters(piggybank-list-counter, '.') '. ';
  }

/* lower-roman type */

.pb-core-components-ListItem-list-item--OrderedList .pb-core-components-ListItem-list-item--listStyle.pb-core-components-ListItem-list-item--lower-roman::before {
    content: counter(piggybank-list-counter, lower-roman) '.';
  }

/* lower-alpha type */

.pb-core-components-ListItem-list-item--OrderedList .pb-core-components-ListItem-list-item--listStyle.pb-core-components-ListItem-list-item--lower-alpha::before {
    content: counter(piggybank-list-counter, lower-alpha) '.';
  }

/* columns uses the "piggybank-list-columns-counter" counter reset */

.pb-core-components-ListItem-list-item--OrderedList.pb-core-components-ListItem-list-item--columns .pb-core-components-ListItem-list-item--listStyle::before {
    content: counter(piggybank-list-columns-counter) '.';
    counter-increment: piggybank-list-columns-counter;
  }

/* tick type */

.pb-core-components-ListItem-list-item--UnorderedList.pb-core-components-ListItem-list-item--withIcon .pb-core-components-ListItem-list-item--listStyle {
    margin-right: 0.5rem;
  }

.pb-core-components-ListItem-list-item--UnorderedList .pb-core-components-ListItem-list-item--tick {
    display: inline-block;
    color: #14a5ab;
  }

/* disc type */

.pb-core-components-ListItem-list-item--UnorderedList .pb-core-components-ListItem-list-item--disc::before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 0.375em;
    height: 0.375em;
    top: 0.5625em;
      background-color: #333333;
  }

/* circle type */

.pb-core-components-ListItem-list-item--UnorderedList .pb-core-components-ListItem-list-item--circle::before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 0.375em;
    height: 0.375em;
    top: 0.5625em;
    border-style: solid;
    border-width: 1px;
      border-color: #333333;
  }

/* square type */

.pb-core-components-ListItem-list-item--UnorderedList .pb-core-components-ListItem-list-item--square::before {
    content: '';
    display: block;
    position: absolute;
    background-color: #d7d8d6;
    width: 0.5em;
    height: 0.5em;
    top: 0.5em;
  }

.pb-core-utils-withMagicUnderlines--withMagicUnderlines {
  text-decoration: underline;
}

.pb-core-utils-withMagicUnderlines--withMagicUnderlines:hover,.pb-core-utils-withMagicUnderlines--withMagicUnderlinesInverted {
  text-decoration: none;
}

.pb-core-utils-withMagicUnderlines--withMagicUnderlinesInverted:hover .pb-core-utils-withMagicUnderlines--withMagicUnderlinesChild {
    text-decoration: underline;
  }

/* When browser resolution exactly 1dppx use magic underlines */

@media screen and (resolution: 1dppx), screen and (resolution: 2dppx), screen and (resolution: 3dppx) {
  .pb-core-utils-withMagicUnderlines--withMagicUnderlines,
  .pb-core-utils-withMagicUnderlines--withMagicUnderlinesInverted:hover .pb-core-utils-withMagicUnderlines--withMagicUnderlinesChild {
    text-decoration: none;
    background-repeat: repeat-x;
    background-position: 0 1.25em;
    padding-bottom: 2px;
    background-image: linear-gradient(
      to bottom,
      currentColor 100%,
      rgba(0, 0, 0, 0) 50%
    );
      background-size: 2px 3px;
  }

  .pb-core-utils-withMagicUnderlines--withMagicUnderlines:hover {
    background: transparent;
  }
}

.pb-core-components-Link-link--Link {
  background-color: transparent;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  color: inherit;
  padding-bottom: 1px;
}

  .pb-core-components-Link-link--Link:focus {
    outline: 2px solid #36a1ff;
    outline-offset: 0;
  }

.pb-core-components-Link-link--Link--strong {
  font-weight: 700;
}

.pb-core-components-Link-link--Link--likeButton {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  display: inline-block;
  line-height: 1.5;
  overflow: hidden;
  touch-action: manipulation;
  text-align: center;
  -webkit-backface-visibility: hidden;
  transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
    color: #333333;
}

.pb-core-components-Link-link--Link--likeButton:focus {
    outline-offset: -2px;
  }

.pb-core-components-Link-link--Link--buttonPadding {
  padding: 12px 16px 12px;
}

.pb-core-components-Link-link--Link--withIconSlotLeft {
  padding-left: 0;
}

.pb-core-components-Link-link--Link--withIconSlotRight {
  padding-right: 0;
}

.pb-core-components-Link-link--text {
  position: relative;
  height: 48px;
}

.pb-core-components-UnorderedList-unordered-list--UnorderedList {
  padding: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  list-style: none;

  /* 
   * This is necessary so that unordered lists nested inside orderded lists
   * do not pollute the order of the ordered lists.
   * For example, an ordered lists contaiining an unordered list of 3 items would result in:
   * 1, 2, 3, [unordered list of 3 items], 7, 8 9.
   * The below resets the counter for the nested unordered list
   * and preserves the count for the parent ordered list.
   */
   counter-reset: piggybank-list-counter 0;
}

.pb-core-components-UnorderedList-unordered-list--columns2 {
  -moz-columns: 2;
       columns: 2;
}

.pb-core-components-UnorderedList-unordered-list--columns3 {
  -moz-columns: 3;
       columns: 3;
}

.\---node_modules-mws-common-ui-core-src-components-ContextMenuButton--styles--contextMenuButton {
  display: flex;
  align-items: center;
  border: 1px solid;
  padding-left: 1rem;
}

  .\---node_modules-mws-common-ui-core-src-components-ContextMenuButton--styles--contextMenuButton:hover,.\---node_modules-mws-common-ui-core-src-components-ContextMenuButton--styles--contextMenuButton:focus {
    background-color: #f3f3f3;
    cursor: pointer;
  }

  .\---node_modules-mws-common-ui-core-src-components-ContextMenuButton--styles--contextMenuButton:active {
    background-color: #d7d8d6;
  }

  .\---node_modules-mws-common-ui-core-src-components-ContextMenuButton--styles--contextMenuButton > span:first-child {
    margin-right: 2.5rem;
    padding-right: 0.9375rem;
    border-right: 1px solid #d7d8d6;
  }

  .\---node_modules-mws-common-ui-core-src-components-ContextMenuButton--styles--contextMenuButton > div {
    position: relative;
  }

  .\---node_modules-mws-common-ui-core-src-components-ContextMenuButton--styles--contextMenuButton > div > a {
      top: -1.375rem !important;
      right: -0.0625rem !important;
    }

  .\---node_modules-mws-common-ui-core-src-components-ContextMenuButton--styles--contextMenuButton > div > section {
      top: 1.1875rem;
      right: -0.0625rem;
    }

  .\---node_modules-mws-common-ui-core-src-components-ContextMenuButton--styles--contextMenuButton > div > section > ul {
      width: -moz-max-content;
      width: max-content;
    }

  .\---node_modules-mws-common-ui-core-src-components-ContextMenuButton--styles--contextMenuButton > div > section > ul > li {
      padding: 0.5rem 0.75rem;
    }

  .\---node_modules-mws-common-ui-core-src-components-ContextMenuButton--styles--contextMenuButton > div[class*='active'] a {
        padding: 0.5rem 0.6875rem 0.5625rem;
      }

.\---node_modules-mws-common-ui-core-src-components-ContextMenuButton--styles--disabled {
  opacity: 0.5;
}

.\---node_modules-mws-common-ui-core-src-components-Input--Input--label {
  flex: auto;
  display: flex;
  flex-wrap: nowrap;
  z-index: 1;
  border: 1px solid #767676;
  background-color: #ffffff;
}

.\---node_modules-mws-common-ui-core-src-components-Input--Input--input {
  flex: auto;
}

.\---node_modules-mws-common-ui-core-src-components-Input--Input--input input {
    height: 2.625rem;
  }

.\---node_modules-mws-common-ui-core-src-components-Input--Input--input textarea {
    height: 100%;
    resize: vertical;
  }

.\---node_modules-mws-common-ui-core-src-components-Input--Input--input * {
    width: 100%;
    padding: 0.625rem 0.75rem;
    margin: 0;
    border: none;
    font-size: 1rem;
    color: #333333;
    box-sizing: border-box;
    background-color: transparent;
  }

.\---node_modules-mws-common-ui-core-src-components-Input--Input--input *:focus {
      outline: none !important;
    }

.\---node_modules-mws-common-ui-core-src-components-Input--Input--input *::-ms-clear,.\---node_modules-mws-common-ui-core-src-components-Input--Input--input *::-ms-reveal {
      display: none;
    }

.\---node_modules-mws-common-ui-core-src-components-Input--Input--input *::-o-clear {
      display: none;
    }

.\---node_modules-mws-common-ui-core-src-components-Input--Input--input *::-moz-placeholder {
      color: #767676;
    }

.\---node_modules-mws-common-ui-core-src-components-Input--Input--input *:-ms-input-placeholder {
      color: #767676;
    }

.\---node_modules-mws-common-ui-core-src-components-Input--Input--input *::placeholder {
      color: #767676;
    }

.\---node_modules-mws-common-ui-core-src-components-Input--Input--input *::-webkit-input-placeholder {
      color: #767676;
    }

.\---node_modules-mws-common-ui-core-src-components-Input--Input--input *::-ms-input-placeholder {
      color: #767676;
    }

.\---node_modules-mws-common-ui-core-src-components-Input--Input--clear {
  flex: none;
  cursor: pointer;
  padding: 0 0.75rem !important;
  border: none;
}

.\---node_modules-mws-common-ui-core-src-components-Input--Input--clear svg {
    padding: 0;
  }

.\---node_modules-mws-common-ui-core-src-components-Input--Input--prepend {
  padding-left: 0.75rem;
}

.\---node_modules-mws-common-ui-core-src-components-Input--Input--append {
  padding: 0 0.75rem;
}

.\---node_modules-mws-common-ui-core-src-components-Input--Input--before {
  margin-right: -0.0625rem;
}

.\---node_modules-mws-common-ui-core-src-components-Input--Input--before > button {
    height: 100%;
  }

.\---node_modules-mws-common-ui-core-src-components-Input--Input--after {
  margin-left: -0.0625rem;
}

.\---node_modules-mws-common-ui-core-src-components-Input--Input--after > button {
    height: 100%;
  }

.\---node_modules-mws-common-ui-core-src-components-Input--Input--clear,
.\---node_modules-mws-common-ui-core-src-components-Input--Input--prepend,
.\---node_modules-mws-common-ui-core-src-components-Input--Input--append,
.\---node_modules-mws-common-ui-core-src-components-Input--Input--before,
.\---node_modules-mws-common-ui-core-src-components-Input--Input--after {
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.\---node_modules-mws-common-ui-core-src-components-Input--Input--invalid {
  border-color: #a8000b;
  background-color: #f9f2f3;
}

.\---node_modules-mws-common-ui-core-src-components-Input--Input--hovered {
  border-color: #000000;
}

.\---node_modules-mws-common-ui-core-src-components-Input--Input--focused {
  border-color: #000000;
  box-shadow: inset 0 -2px #000000;
  outline: none !important;
  background-color: #ffffff;
}

.\---node_modules-mws-common-ui-core-src-components-Input--Input--disabled {
  border: 1px solid #d7d8d6;
}

.\---node_modules-mws-common-ui-core-src-components-Input--Input--disabled * {
    color: #d7d8d6;
    cursor: not-allowed;
  }

.\---node_modules-mws-common-ui-core-src-components-Input--Input--readOnly {
  border: 1px solid #d7d8d6;
  background-color: #f3f3f3;
}

.\---node_modules-mws-common-ui-core-src-components-Input--Input--borderless {
  border: none;
}

.\---node_modules-mws-common-ui-core-src-components-Input--Input--appendLabel input {
    padding-right: 0;
  }

.\---node_modules-mws-common-ui-core-src-components-Input--Input--counterContent {
  margin-top: 0.5rem;
  justify-content: flex-end;
}

/* Since label tag has been removed in Input component
 * Add css here to avoid mws-base-ui to be forced upgrade
*/

div[class*='mws-base-ui-src-client-ui-components-Menu--Menu--search']
  div[class*='mws-common-ui-core-src-components-Input--Input--label'] {
  box-shadow: none;
  background-color: #333333;
}

div[class*='mws-base-ui-src-client-ui-components-Menu--Menu--searchFocused']
  div[class*='mws-common-ui-core-src-components-Input--Input--label'] {
  background-color: #ffffff;
  border-bottom: 1px solid #333333;
  box-shadow: none !important;
  margin-left: 0.75rem;
}

.\---node_modules-mws-common-ui-core-src-components-DatePicker--DatePicker--pickerContainer {
  width: 8.875rem;
}

.\---node_modules-mws-common-ui-core-src-components-DatePicker--DatePicker--separator {
  margin: 0 0.5rem;
}

.\---node_modules-mws-common-ui-core-src-components-DatePicker--DatePicker--calendarIcon {
  width: 1.125rem;
  height: 1.125rem;
  background: url(/assets/carlendar-bbdaa530f2f78f715ca8c42d05f8da4c.svg);
}

.\---node_modules-mws-common-ui-core-src-components-DatePicker--DatePicker--calendarIconActive {
  background: url(/assets/carlendarActive-1d434da0332eae88f64c987e662ee009.svg);
}

/* .rangeContainer {
  display: flex;
}

.rangeCell {
  flex: 1;
} */

.\---node_modules-mws-common-ui-core-src-components-Dialog--Dialog--dialog,
.\---node_modules-mws-common-ui-core-src-components-Dialog--Dialog--backdrop,
.\---node_modules-mws-common-ui-core-src-components-Dialog--Dialog--inner {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.\---node_modules-mws-common-ui-core-src-components-Dialog--Dialog--dialog {
  z-index: 5000;
}

.\---node_modules-mws-common-ui-core-src-components-Dialog--Dialog--backdrop {
  z-index: -1;
  background-color: rgba(62, 80, 93, 0.85);
  pointer-events: all !important;
}

.\---node_modules-mws-common-ui-core-src-components-Dialog--Dialog--inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.75rem 0;
  pointer-events: none !important;
}

.\---node_modules-mws-common-ui-core-src-components-Dialog--Dialog--inner > div {
    max-height: calc(100vh - 5.5rem);
    overflow: auto;
  }

.\---node_modules-mws-common-ui-core-src-components-Dialog--Dialog--top {
  bottom: auto;
}

.\---node_modules-mws-common-ui-core-src-components-Dialog--Dialog--right {
  left: auto;
}

.\---node_modules-mws-common-ui-core-src-components-Dialog--Dialog--bottom {
  top: auto;
}

.\---node_modules-mws-common-ui-core-src-components-Dialog--Dialog--left {
  right: auto;
}

.\---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--displayField dd {
    margin-inline-start: 0;
    display: inline-block;
  }
  .\---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--displayField {
  display: inline-block;
  overflow-wrap: break-word;
  word-wrap: break-word;
  padding-right: 0.6125rem;
  margin-top: 0;
  white-space: pre-wrap;
}
  /* :first-child {
    margin-bottom: 1px;
  } */
  /* IE11 */
  .\---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--displayField > dt,.\---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--displayField > dd {
    width: 100%;
  }
  /* Chrome */
  .\---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--displayField.\---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--withNotification {
    display: block;
    margin-bottom: 0;
  }
  .\---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--displayField.\---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--withNotification + span {
      margin-bottom: 0.75rem;
    }
  .\---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--displayField .\---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--email > span {
      display: block;
    }
  .\---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--displayField.\---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--email {
    word-break: break-word;
  }

.\---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--linkAction {
  cursor: pointer;
  text-decoration: underline;
}

.\---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--placeholder {
  width: 100%;
  height: 1.25rem;
  padding: 0;
  display: block;
  background-color: rgba(0, 0, 0, 0.12);
  background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, 0.5), transparent);
  background-repeat: no-repeat;
  background-size: 50% 100%;
  animation: \---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--placeholder-animation 1.5s linear infinite;
}

@keyframes \---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--placeholder-animation {
  from {
    background-position: -50%;
  }
  to {
    background-position: 150%;
  }
}

.\---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--standard {
  margin-top: 0.0625rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.\---node_modules-mws-common-ui-core-src-components-DisplayField--DisplayField--dense {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.\---node_modules-mws-common-ui-core-src-components-Expander--Expander--expander {
  color: #333333;
}

.\---node_modules-mws-common-ui-core-src-components-Expander--Expander--trigger {
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
}

.\---node_modules-mws-common-ui-core-src-components-Expander--Expander--chevron {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
}

.\---node_modules-mws-common-ui-core-src-components-Expander--Expander--chevron svg {
    transition: transform 0.4s;
  }

.\---node_modules-mws-common-ui-core-src-components-Expander--Expander--title:hover {
    text-decoration: underline;
  }

.\---node_modules-mws-common-ui-core-src-components-Expander--Expander--content {
  margin: 0.5rem 0 0 0.5rem;
  padding-left: 1rem;
  border-left: 2px solid #ededed;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.\---node_modules-mws-common-ui-core-src-components-Expander--Expander--opened {
  height: auto;
  visibility: visible;
}

.\---node_modules-mws-common-ui-core-src-components-Expander--Expander--active {
  transform: scaleY(-1);
}

.\---node_modules-mws-common-ui-core-src-components-Expander--Expander--accordion {
  border-bottom: 1px solid #d7d8d6;
}

.\---node_modules-mws-common-ui-core-src-components-Expander--Expander--accordion:first-child {
    border-top: 1px solid #d7d8d6;
  }

.\---node_modules-mws-common-ui-core-src-components-Expander--Expander--accordion .\---node_modules-mws-common-ui-core-src-components-Expander--Expander--trigger {
    padding: 0.5625rem 0;
  }

.\---node_modules-mws-common-ui-core-src-components-Expander--Expander--accordion .\---node_modules-mws-common-ui-core-src-components-Expander--Expander--trigger:hover {
      background: #f3f3f3;
    }

.\---node_modules-mws-common-ui-core-src-components-Expander--Expander--accordion .\---node_modules-mws-common-ui-core-src-components-Expander--Expander--chevron {
    margin-left: 0.25rem;
    /* order: 9; */
  }

.\---node_modules-mws-common-ui-core-src-components-Expander--Expander--accordion .\---node_modules-mws-common-ui-core-src-components-Expander--Expander--title:hover {
      text-decoration: none;
    }

.\---node_modules-mws-common-ui-core-src-components-Expander--Expander--accordion .\---node_modules-mws-common-ui-core-src-components-Expander--Expander--content {
    margin: 0;
    border-left: 0;
  }

.\---node_modules-mws-common-ui-core-src-components-Expander--Expander--accordion .\---node_modules-mws-common-ui-core-src-components-Expander--Expander--opened {
    padding: 0 0 1.25rem;
  }

.\---node_modules-mws-common-ui-core-src-components-Field--Field--field {
  border: 0;
  padding: 0;
}
  .\---node_modules-mws-common-ui-core-src-components-Field--Field--field + .\---node_modules-mws-common-ui-core-src-components-Field--Field--field {
    margin: 1.75rem 0;
  }

.\---node_modules-mws-common-ui-core-src-components-Field--Field--label {
  margin-bottom: 0.5rem;
  display: block;
  cursor: pointer;
}

.\---node_modules-mws-common-ui-core-src-components-Field--Field--disabled {
  cursor: auto;
  color: #d7d8d6;
}

.\---node_modules-mws-common-ui-core-src-components-Field--Field--hint {
  margin-top: 0.25rem;
}

.\---node_modules-mws-common-ui-core-src-components-Field--Field--errorText {
  margin-top: 0.5rem;
}

.\---node_modules-mws-common-ui-core-src-components-Field--Field--errorText svg {
    color: #a8000b;
    margin-right: 0.5rem;
  }

.\---node_modules-mws-common-ui-core-src-components-Fieldset--Fieldset--fieldset {
  padding: 0;
  border: 0;
  margin-bottom: 1.75rem;
}

.\---node_modules-mws-common-ui-core-src-components-Form--styles--ul {
  margin: 0 0 1rem;
  padding: 0;
  list-style-type: none;
}

  .\---node_modules-mws-common-ui-core-src-components-Form--styles--ul > .\---node_modules-mws-common-ui-core-src-components-Form--styles--li {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    padding-left: 0.25rem;
  }

  .\---node_modules-mws-common-ui-core-src-components-Form--styles--ul > .\---node_modules-mws-common-ui-core-src-components-Form--styles--li > .\---node_modules-mws-common-ui-core-src-components-Form--styles--circle {
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 50%;
      background-color: #000000;
      margin-right: 1rem;
    }

.\---node_modules-mws-common-ui-core-src-components-Form--styles--errorAnchorsHeaderTitle {
  margin: 0;
}

.\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--globalNotification {
  padding: 0.75rem 1rem;
}
  /* display: flex;
  font-family: UniversNextforHSBC; */
  .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--globalNotification > div {
    max-width: 91vw;
    position: relative;
  }
  .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--globalNotification > div > span {
      /* margin-right: var(--rbwmSpace16);
      margin-top: 2px; */
      position: absolute;
      /* margin-top: 1px; */
      /* top: 50%;
      transform: translateY(-50%);
      margin-top: -2px; */
    }
  .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--globalNotification > a {
    position: fixed;
    right: 0.4375rem;
    padding: 0.625rem 0.9375rem;
    top: 0.25rem;
  }
  .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--globalNotification > a svg {
      height: 1rem;
    }
  .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--globalNotification .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--header {
    display: block;
    font-size: 0.875rem;
    align-items: center;
    line-height: 1.25rem;
    /* margin-top: 1px; */
    margin-left: 2.125rem;
    font-weight: 600;
  }
  .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--globalNotification .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--header h4 {
      font-size: 0.875rem;
      line-height: unset;
      font-weight: 600;
      padding-left: 0;
    }
  .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--globalNotification .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--header .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--headerText {
      padding-left: 0.375rem;
      font-weight: 400;
    }
  .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--globalNotification .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--header span {
      /* font-weight: var(--medium-font-weight); */
      /* margin-left: 5px;
      position: relative;
      top: 1px; */
    }
  .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--globalNotification .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--haveMargin {
    margin-bottom: 0.9375rem;
  }
  .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--globalNotification .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--messages {
    margin-left: 1.675rem;
    line-height: 1.25rem;
  }
  .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--globalNotification .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--messages > p {
      margin-bottom: 0.6875rem;
    }
  .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--globalNotification .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--messages > p .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--messageTitle {
        font-weight: 600;
      }
  .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--globalNotification .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--messages > p .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--messageText {
        padding-left: 0.375rem;
        font-weight: 400;
      }
  .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--globalNotification .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--messages > p:last-child {
      margin-bottom: 0;
    }
  .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--globalNotification button span {
      font-size: 0.875rem;
    }

.\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--error {
  background-color: #a8000b;
  color: #ffffff;
}

.\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--warning {
  background-color: #ffbb33;
}

.\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--success {
  background-color: #00847f;
  color: #ffffff;
}

.\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--information,
.\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--key-information {
  background-color: #305a85;
  color: #ffffff;
}

.\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--modalDesc {
  padding-bottom: 1.25rem;
}

.\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--buttonRow {
  display: flex;
  flex-direction: row;
  padding-top: 1.5rem;
}

.\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--buttonRow > button:first-child {
    margin-right: 0.75rem;
  }

.\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--errorInfoRow {
  margin: 1.25rem 0 0 0;
}

.\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--errorInfoDetails {
  margin: 1rem 0;
}

.\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--listContainer {
  font-size: 0.875rem !important;
}

.\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--listContainer > .\---node_modules-mws-common-ui-core-src-components-GlobalNotification--GlobalNotification--verticalMargin {
    margin-bottom: 0.75rem;
  }

.pb-core-components-Paragraph-paragraph--Paragraph {
  margin-top: 0;
}

.pb-core-components-Paragraph-paragraph--lead {
  font-size: calc(1.125rem + 2px);
  line-height: calc(1.5rem + 4px);
}

.pb-core-components-Paragraph-paragraph--small {
  font-size: 0.875rem;
  line-height: var(--lineHeight2);
}

.\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  animation: \---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--fade-in 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message {
    position: absolute;
    transform: translate(0, -50%);
    right: 20%;
    left: 20%;
    top: 50%;
  }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--title {
      font-size: 1.75rem;
      font-weight: 300;
      margin-top: 1rem;
      margin-bottom: 0.5rem;
      padding: 0;
      line-height: 1;
    }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--title + div {
        margin-bottom: 0.625rem;
      }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message [class*='Text'] {
      font-size: 1rem;
      margin-bottom: 1rem;
    }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message > .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--mainIcon svg {
      margin: 0 auto;
      height: 3rem;
      width: 3rem;
      display: block;
    }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message.\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--error > svg {
        fill: #a8000b;
      }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message.\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--info > svg {
        fill: #305a85;
      }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message.\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--success > svg {
        fill: #00847f;
      }

  /* &.warning {
      & > svg {
        fill: var(--warning);
      }
    } */

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message > div {
      text-align: center;
    }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message > div:last-of-type {
        font-size: 1rem;
      }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--actions {
      margin-top: 1.75rem;
    }

  @media screen and (max-width: 1123px) {
        .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--actions button {
          margin-bottom: 1.25rem;
        }

          .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--actions button:last-of-type {
            margin-left: 0.0625rem;
          }
      }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification.\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--left {
    top: 1.125rem;
  }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification.\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--left .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message {
      left: 3.125rem;
      top: 6.25rem;
    }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification.\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--left .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--title {
        font-size: 2.75rem;
      }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification.\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--left .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--title + div {
          margin-bottom: 1.875rem;
          margin-top: 0.75rem;
        }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification.\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--left .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message > .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--textContainer {
        text-align: left;
        display: inline-block;
        position: absolute;
        margin-left: 1.25rem;
      }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification.\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--left .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message > .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--mainIcon {
        display: inline-block;
      }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification.\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--left .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--message > .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--mainIcon > svg {
          margin: 0;
          display: inline-block;
          height: 4.0625rem;
          width: 3.75rem;
        }

  .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--inCanvassNotification.\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--left .\---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--actions {
      margin-top: 2.25rem;
    }

@keyframes \---node_modules-mws-common-ui-core-src-components-InCanvassNotification--styles--fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.\---node_modules-mws-common-ui-core-src-components-Select--Select--select {
  position: relative;
}
  .\---node_modules-mws-common-ui-core-src-components-Select--Select--select [class*='Input--appendLabel'] {
    width: 100%;
  }
  .\---node_modules-mws-common-ui-core-src-components-Select--Select--select [class*='Input--prepend'] {
    flex: auto;
    justify-content: flex-start;
    width: calc(100% - 3.375rem);
  }
  .\---node_modules-mws-common-ui-core-src-components-Select--Select--select [class*='Input--prepend'] div {
      width: 100%;
    }
  .\---node_modules-mws-common-ui-core-src-components-Select--Select--select [class*='Input--prepend'] .\---node_modules-mws-common-ui-core-src-components-Select--Select--finalText {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

.\---node_modules-mws-common-ui-core-src-components-Select--Select--noInputContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
}

.\---node_modules-mws-common-ui-core-src-components-Select--Select--disabled {
  cursor: not-allowed;
}

.\---node_modules-mws-common-ui-core-src-components-Select--Select--noInput [class*='Input--input'] {
    max-width: 0;
  }

.\---node_modules-mws-common-ui-core-src-components-Select--Select--noInput.\---node_modules-mws-common-ui-core-src-components-Select--Select--multiple label {
      width: 100%;
    }

.\---node_modules-mws-common-ui-core-src-components-Select--Select--noInput.\---node_modules-mws-common-ui-core-src-components-Select--Select--multiple label > [class*='prepend'] {
        width: calc(100% - 2.625rem);
      }

.\---node_modules-mws-common-ui-core-src-components-Select--Select--noInput.\---node_modules-mws-common-ui-core-src-components-Select--Select--multiple label > [class*='prepend'] > * {
          width: 100%;
        }

.\---node_modules-mws-common-ui-core-src-components-Select--Select--chevron {
  color: #767676;
  padding: 0.875rem 0.25rem;
  align-self: flex-start;
  transition: transform 0.4s;
}

.\---node_modules-mws-common-ui-core-src-components-Select--Select--flip {
  transform: scaleY(-1);
}

.\---node_modules-mws-common-ui-core-src-components-Select--Select--dropDownListItemHighlight {
  color: #000000;
}

.\---node_modules-mws-common-ui-core-src-components-Select--Select--checkbox {
  padding: 0;
  pointer-events: none;
}

.\---node_modules-mws-common-ui-core-src-components-Select--Select--verticalCenter {
  display: flex;
  align-items: center;
}

.\---node_modules-mws-common-ui-core-src-components-Select--Select--scrollArea {
  border: 1px solid #767676;
}

.\---node_modules-mws-common-ui-core-src-components-Select--Select--tabletScrollArea div[class*='components-List--List--separator'] {
    padding-bottom: 1.0625rem;
  }

.\---node_modules-mws-common-ui-core-src-components-Select--Select--tabletScrollArea div[class*='List--List--active'] > div:last-child {
      padding-right: 1.0625rem;
    }

.\---node_modules-mws-common-ui-core-src-components-Select--Select--virtualContainer {
  width: 100%;
  position: relative;
}

.\---node_modules-mws-common-ui-core-src-components-Select--Select--virtualContainer > .\---node_modules-mws-common-ui-core-src-components-Select--Select--vitualTop {
    position: absolute;
    left: 0;
    width: 100%;
  }

.\---node_modules-mws-common-ui-core-src-components-ScrollArea--ScrollArea--scrollArea {
  box-sizing: border-box;
}

.\---node_modules-mws-common-ui-core-src-components-ScrollArea--ScrollArea--thumbVertical {
  width: 0.9375rem;
  background-color: #c1c1c1;
  position: absolute;
  right: 0;
  z-index: 1;
}

.\---node_modules-mws-common-ui-core-src-components-ScrollArea--ScrollArea--thumbHorizontal {
  height: 0.9375rem;
  background-color: #c1c1c1;
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.\---node_modules-mws-common-ui-core-src-components-OTPVerifier--OTPVerifier--generate [class*='marginBottom-styles--mb5'] {
    margin-bottom: 1.75rem;
  }
  .\---node_modules-mws-common-ui-core-src-components-OTPVerifier--OTPVerifier--generate div[class*='Loading--style--default'] {
    margin: 0;
  }

.\---node_modules-mws-common-ui-core-src-components-OTPVerifier--OTPVerifier--title {
  margin-bottom: 1.25rem;
}

.\---node_modules-mws-common-ui-core-src-components-OTPVerifier--OTPVerifier--phoneNo {
  margin: 1rem 0 1.75rem;
}

.\---node_modules-mws-common-ui-core-src-components-OTPVerifier--OTPVerifier--sendResult {
  margin-top: 5rem;
  margin-left: 1.5rem;
  display: flex;
}

.\---node_modules-mws-common-ui-core-src-components-OTPVerifier--OTPVerifier--icon {
  color: #00847f;
  margin-right: 1.25rem;
  vertical-align: text-top;
}

.\---node_modules-mws-common-ui-core-src-components-OTPVerifier--OTPVerifier--icon span {
    display: inline-block;
    vertical-align: text-top;
    margin: 0;
  }

.\---node_modules-mws-common-ui-core-src-components-OTPVerifier--OTPVerifier--describe {
  display: inline-block;
  line-height: 1.14;
  margin-bottom: 1.125rem;
}

.\---node_modules-mws-common-ui-core-src-components-OTPVerifier--OTPVerifier--describe [class*='text'] {
    display: inline-block;
  }

.\---node_modules-mws-common-ui-core-src-components-OTPVerifier--OTPVerifier--buttonGroup {
  margin-top: 2.5rem;
}

.\---node_modules-mws-common-ui-core-src-components-OTPVerifier--OTPVerifier--buttonGroup button:first-child {
    margin-right: 1rem;
  }

/*
  Introduce a max-width for grid. Constrained by default by the component itself.
  Safari doesn't play nice with rems for media queries.
*/

.pb-core-components-Grid-grid--Grid {
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
}

.pb-core-components-Grid-grid--Row {
  display: flex;
  flex-flow: row wrap;
  margin-left: -8px;
  margin-right: -8px;
}

.pb-core-components-Grid-grid--Cell {
  width: 100%;
  flex: 1 0 auto;
  margin-left: 8px;
  margin-right: 8px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .pb-core-components-Grid-grid--Cell {
    margin-left: 7.84px;
    margin-right: 7.84px;
  }
}

.pb-core-components-Grid-grid--size-1 {
    max-width: calc(8.325vw - 14.66667px);
  }

.pb-core-components-Grid-grid--size-2 {
    max-width: calc(16.65vw - 13.33333px);
  }

.pb-core-components-Grid-grid--size-3 {
    max-width: calc(24.975vw - 12px);
  }

.pb-core-components-Grid-grid--size-4 {
    max-width: calc(33.3vw - 10.66667px);
  }

.pb-core-components-Grid-grid--size-5 {
    max-width: calc(41.625vw - 9.33333px);
  }

.pb-core-components-Grid-grid--size-6 {
    max-width: calc(49.95vw - 8px);
  }

.pb-core-components-Grid-grid--size-7 {
    max-width: calc(58.275vw - 6.66667px);
  }

.pb-core-components-Grid-grid--size-8 {
    max-width: calc(66.6vw - 5.33333px);
  }

.pb-core-components-Grid-grid--size-9 {
    max-width: calc(74.925vw - 4px);
  }

.pb-core-components-Grid-grid--size-10 {
    max-width: calc(83.25vw - 2.66667px);
  }

.pb-core-components-Grid-grid--size-11 {
    max-width: calc(91.575vw - 1.33333px);
  }

.pb-core-components-Grid-grid--size-12 {
    max-width: 99.9vw;
  }

.pb-core-components-Grid-grid--offset-1 {
    margin-left: calc(8.325vw + 9.33333px);
  }

.pb-core-components-Grid-grid--offset-2 {
    margin-left: calc(16.65vw + 10.66667px);
  }

.pb-core-components-Grid-grid--offset-3 {
    margin-left: calc(24.975vw + 12px);
  }

.pb-core-components-Grid-grid--offset-4 {
    margin-left: calc(33.3vw + 13.33333px);
  }

.pb-core-components-Grid-grid--offset-5 {
    margin-left: calc(41.625vw + 14.66667px);
  }

.pb-core-components-Grid-grid--offset-6 {
    margin-left: calc(49.95vw + 16px);
  }

.pb-core-components-Grid-grid--offset-7 {
    margin-left: calc(58.275vw + 17.33333px);
  }

.pb-core-components-Grid-grid--offset-8 {
    margin-left: calc(66.6vw + 18.66667px);
  }

.pb-core-components-Grid-grid--offset-9 {
    margin-left: calc(74.925vw + 20px);
  }

.pb-core-components-Grid-grid--offset-10 {
    margin-left: calc(83.25vw + 21.33333px);
  }

.pb-core-components-Grid-grid--offset-11 {
    margin-left: calc(91.575vw + 22.66667px);
  }

@media screen and (min-width: 600px) {
  .pb-core-components-Grid-grid--Grid {
    width: calc(100vw - 32px);
  }

  .pb-core-components-Grid-grid--Row {
    margin-left: -8px;
    margin-right: -8px;
  }

  .pb-core-components-Grid-grid--Cell {
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media screen and (min-width: 600px) and (-ms-high-contrast: active) {
  .pb-core-components-Grid-grid--Cell {
    margin-left: 7.84px;
    margin-right: 7.84px;
  }
}

@media screen and (min-width: 600px) and (-ms-high-contrast: none) {
  .pb-core-components-Grid-grid--Cell {
    margin-left: 7.84px;
    margin-right: 7.84px;
  }
}

@media screen and (min-width: 600px) {
    .pb-core-components-Grid-grid--size-1 {
      max-width: calc(8.325vw - 17.33333px);
    }
    .pb-core-components-Grid-grid--size-2 {
      max-width: calc(16.65vw - 18.66667px);
    }
    .pb-core-components-Grid-grid--size-3 {
      max-width: calc(24.975vw - 20px);
    }
    .pb-core-components-Grid-grid--size-4 {
      max-width: calc(33.3vw - 21.33333px);
    }
    .pb-core-components-Grid-grid--size-5 {
      max-width: calc(41.625vw - 22.66667px);
    }
    .pb-core-components-Grid-grid--size-6 {
      max-width: calc(49.95vw - 24px);
    }
    .pb-core-components-Grid-grid--size-7 {
      max-width: calc(58.275vw - 25.33333px);
    }
    .pb-core-components-Grid-grid--size-8 {
      max-width: calc(66.6vw - 26.66667px);
    }
    .pb-core-components-Grid-grid--size-9 {
      max-width: calc(74.925vw - 28px);
    }
    .pb-core-components-Grid-grid--size-10 {
      max-width: calc(83.25vw - 29.33333px);
    }
    .pb-core-components-Grid-grid--size-11 {
      max-width: calc(91.575vw - 30.66667px);
    }
    .pb-core-components-Grid-grid--size-12 {
      max-width: calc(99.9vw - 32px);
    }
    .pb-core-components-Grid-grid--sizeMedium-1 {
      max-width: calc(8.325vw - 17.33333px);
    }
    .pb-core-components-Grid-grid--sizeMedium-2 {
      max-width: calc(16.65vw - 18.66667px);
    }
    .pb-core-components-Grid-grid--sizeMedium-3 {
      max-width: calc(24.975vw - 20px);
    }
    .pb-core-components-Grid-grid--sizeMedium-4 {
      max-width: calc(33.3vw - 21.33333px);
    }
    .pb-core-components-Grid-grid--sizeMedium-5 {
      max-width: calc(41.625vw - 22.66667px);
    }
    .pb-core-components-Grid-grid--sizeMedium-6 {
      max-width: calc(49.95vw - 24px);
    }
    .pb-core-components-Grid-grid--sizeMedium-7 {
      max-width: calc(58.275vw - 25.33333px);
    }
    .pb-core-components-Grid-grid--sizeMedium-8 {
      max-width: calc(66.6vw - 26.66667px);
    }
    .pb-core-components-Grid-grid--sizeMedium-9 {
      max-width: calc(74.925vw - 28px);
    }
    .pb-core-components-Grid-grid--sizeMedium-10 {
      max-width: calc(83.25vw - 29.33333px);
    }
    .pb-core-components-Grid-grid--sizeMedium-11 {
      max-width: calc(91.575vw - 30.66667px);
    }
    .pb-core-components-Grid-grid--sizeMedium-12 {
      max-width: calc(99.9vw - 32px);
    }
    .pb-core-components-Grid-grid--offset-1 {
      margin-left: calc(8.325vw + 6.66667px);
    }
    .pb-core-components-Grid-grid--offset-2 {
      margin-left: calc(16.65vw + 5.33333px);
    }
    .pb-core-components-Grid-grid--offset-3 {
      margin-left: calc(24.975vw + 4px);
    }
    .pb-core-components-Grid-grid--offset-4 {
      margin-left: calc(33.3vw + 2.66667px);
    }
    .pb-core-components-Grid-grid--offset-5 {
      margin-left: calc(41.625vw + 1.33333px);
    }
    .pb-core-components-Grid-grid--offset-6 {
      margin-left: 49.95vw;
    }
    .pb-core-components-Grid-grid--offset-7 {
      margin-left: calc(58.275vw - 1.33333px);
    }
    .pb-core-components-Grid-grid--offset-8 {
      margin-left: calc(66.6vw - 2.66667px);
    }
    .pb-core-components-Grid-grid--offset-9 {
      margin-left: calc(74.925vw - 4px);
    }
    .pb-core-components-Grid-grid--offset-10 {
      margin-left: calc(83.25vw - 5.33333px);
    }
    .pb-core-components-Grid-grid--offset-11 {
      margin-left: calc(91.575vw - 6.66667px);
    }
    .pb-core-components-Grid-grid--offsetMedium-1 {
      margin-left: calc(8.325vw + 6.66667px);
    }
    .pb-core-components-Grid-grid--offsetMedium-2 {
      margin-left: calc(16.65vw + 5.33333px);
    }
    .pb-core-components-Grid-grid--offsetMedium-3 {
      margin-left: calc(24.975vw + 4px);
    }
    .pb-core-components-Grid-grid--offsetMedium-4 {
      margin-left: calc(33.3vw + 2.66667px);
    }
    .pb-core-components-Grid-grid--offsetMedium-5 {
      margin-left: calc(41.625vw + 1.33333px);
    }
    .pb-core-components-Grid-grid--offsetMedium-6 {
      margin-left: 49.95vw;
    }
    .pb-core-components-Grid-grid--offsetMedium-7 {
      margin-left: calc(58.275vw - 1.33333px);
    }
    .pb-core-components-Grid-grid--offsetMedium-8 {
      margin-left: calc(66.6vw - 2.66667px);
    }
    .pb-core-components-Grid-grid--offsetMedium-9 {
      margin-left: calc(74.925vw - 4px);
    }
    .pb-core-components-Grid-grid--offsetMedium-10 {
      margin-left: calc(83.25vw - 5.33333px);
    }
    .pb-core-components-Grid-grid--offsetMedium-11 {
      margin-left: calc(91.575vw - 6.66667px);
    }
}

@media screen and (min-width: 960px) {
  .pb-core-components-Grid-grid--Grid {
    width: calc(100vw - 40px);
    max-width: 1240px;
  }

  .pb-core-components-Grid-grid--Row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .pb-core-components-Grid-grid--Cell {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media screen and (min-width: 960px) and (-ms-high-contrast: active) {
  .pb-core-components-Grid-grid--Cell {
    margin-left: 9.8px;
    margin-right: 9.8px;
  }
}

@media screen and (min-width: 960px) and (-ms-high-contrast: none) {
  .pb-core-components-Grid-grid--Cell {
    margin-left: 9.8px;
    margin-right: 9.8px;
  }
}

@media screen and (min-width: 960px) {
    .pb-core-components-Grid-grid--size-1 {
      max-width: calc(8.325vw - 21.66667px);
    }
    .pb-core-components-Grid-grid--size-2 {
      max-width: calc(16.65vw - 23.33333px);
    }
    .pb-core-components-Grid-grid--size-3 {
      max-width: calc(24.975vw - 25px);
    }
    .pb-core-components-Grid-grid--size-4 {
      max-width: calc(33.3vw - 26.66667px);
    }
    .pb-core-components-Grid-grid--size-5 {
      max-width: calc(41.625vw - 28.33333px);
    }
    .pb-core-components-Grid-grid--size-6 {
      max-width: calc(49.95vw - 30px);
    }
    .pb-core-components-Grid-grid--size-7 {
      max-width: calc(58.275vw - 31.66667px);
    }
    .pb-core-components-Grid-grid--size-8 {
      max-width: calc(66.6vw - 33.33333px);
    }
    .pb-core-components-Grid-grid--size-9 {
      max-width: calc(74.925vw - 35px);
    }
    .pb-core-components-Grid-grid--size-10 {
      max-width: calc(83.25vw - 36.66667px);
    }
    .pb-core-components-Grid-grid--size-11 {
      max-width: calc(91.575vw - 38.33333px);
    }
    .pb-core-components-Grid-grid--size-12 {
      max-width: calc(99.9vw - 40px);
    }
    .pb-core-components-Grid-grid--sizeMedium-1 {
      max-width: calc(8.325vw - 21.66667px);
    }
    .pb-core-components-Grid-grid--sizeMedium-2 {
      max-width: calc(16.65vw - 23.33333px);
    }
    .pb-core-components-Grid-grid--sizeMedium-3 {
      max-width: calc(24.975vw - 25px);
    }
    .pb-core-components-Grid-grid--sizeMedium-4 {
      max-width: calc(33.3vw - 26.66667px);
    }
    .pb-core-components-Grid-grid--sizeMedium-5 {
      max-width: calc(41.625vw - 28.33333px);
    }
    .pb-core-components-Grid-grid--sizeMedium-6 {
      max-width: calc(49.95vw - 30px);
    }
    .pb-core-components-Grid-grid--sizeMedium-7 {
      max-width: calc(58.275vw - 31.66667px);
    }
    .pb-core-components-Grid-grid--sizeMedium-8 {
      max-width: calc(66.6vw - 33.33333px);
    }
    .pb-core-components-Grid-grid--sizeMedium-9 {
      max-width: calc(74.925vw - 35px);
    }
    .pb-core-components-Grid-grid--sizeMedium-10 {
      max-width: calc(83.25vw - 36.66667px);
    }
    .pb-core-components-Grid-grid--sizeMedium-11 {
      max-width: calc(91.575vw - 38.33333px);
    }
    .pb-core-components-Grid-grid--sizeMedium-12 {
      max-width: calc(99.9vw - 40px);
    }
    .pb-core-components-Grid-grid--sizeLarge-1 {
      max-width: calc(8.325vw - 21.66667px);
    }
    .pb-core-components-Grid-grid--sizeLarge-2 {
      max-width: calc(16.65vw - 23.33333px);
    }
    .pb-core-components-Grid-grid--sizeLarge-3 {
      max-width: calc(24.975vw - 25px);
    }
    .pb-core-components-Grid-grid--sizeLarge-4 {
      max-width: calc(33.3vw - 26.66667px);
    }
    .pb-core-components-Grid-grid--sizeLarge-5 {
      max-width: calc(41.625vw - 28.33333px);
    }
    .pb-core-components-Grid-grid--sizeLarge-6 {
      max-width: calc(49.95vw - 30px);
    }
    .pb-core-components-Grid-grid--sizeLarge-7 {
      max-width: calc(58.275vw - 31.66667px);
    }
    .pb-core-components-Grid-grid--sizeLarge-8 {
      max-width: calc(66.6vw - 33.33333px);
    }
    .pb-core-components-Grid-grid--sizeLarge-9 {
      max-width: calc(74.925vw - 35px);
    }
    .pb-core-components-Grid-grid--sizeLarge-10 {
      max-width: calc(83.25vw - 36.66667px);
    }
    .pb-core-components-Grid-grid--sizeLarge-11 {
      max-width: calc(91.575vw - 38.33333px);
    }
    .pb-core-components-Grid-grid--sizeLarge-12 {
      max-width: calc(99.9vw - 40px);
    }
    .pb-core-components-Grid-grid--offset-1 {
      margin-left: calc(8.325vw + 8.33333px);
    }
    .pb-core-components-Grid-grid--offset-2 {
      margin-left: calc(16.65vw + 6.66667px);
    }
    .pb-core-components-Grid-grid--offset-3 {
      margin-left: calc(24.975vw + 5px);
    }
    .pb-core-components-Grid-grid--offset-4 {
      margin-left: calc(33.3vw + 3.33333px);
    }
    .pb-core-components-Grid-grid--offset-5 {
      margin-left: calc(41.625vw + 1.66667px);
    }
    .pb-core-components-Grid-grid--offset-6 {
      margin-left: 49.95vw;
    }
    .pb-core-components-Grid-grid--offset-7 {
      margin-left: calc(58.275vw - 1.66667px);
    }
    .pb-core-components-Grid-grid--offset-8 {
      margin-left: calc(66.6vw - 3.33333px);
    }
    .pb-core-components-Grid-grid--offset-9 {
      margin-left: calc(74.925vw - 5px);
    }
    .pb-core-components-Grid-grid--offset-10 {
      margin-left: calc(83.25vw - 6.66667px);
    }
    .pb-core-components-Grid-grid--offset-11 {
      margin-left: calc(91.575vw - 8.33333px);
    }
    .pb-core-components-Grid-grid--offsetMedium-1 {
      margin-left: calc(8.325vw + 8.33333px);
    }
    .pb-core-components-Grid-grid--offsetMedium-2 {
      margin-left: calc(16.65vw + 6.66667px);
    }
    .pb-core-components-Grid-grid--offsetMedium-3 {
      margin-left: calc(24.975vw + 5px);
    }
    .pb-core-components-Grid-grid--offsetMedium-4 {
      margin-left: calc(33.3vw + 3.33333px);
    }
    .pb-core-components-Grid-grid--offsetMedium-5 {
      margin-left: calc(41.625vw + 1.66667px);
    }
    .pb-core-components-Grid-grid--offsetMedium-6 {
      margin-left: 49.95vw;
    }
    .pb-core-components-Grid-grid--offsetMedium-7 {
      margin-left: calc(58.275vw - 1.66667px);
    }
    .pb-core-components-Grid-grid--offsetMedium-8 {
      margin-left: calc(66.6vw - 3.33333px);
    }
    .pb-core-components-Grid-grid--offsetMedium-9 {
      margin-left: calc(74.925vw - 5px);
    }
    .pb-core-components-Grid-grid--offsetMedium-10 {
      margin-left: calc(83.25vw - 6.66667px);
    }
    .pb-core-components-Grid-grid--offsetMedium-11 {
      margin-left: calc(91.575vw - 8.33333px);
    }
    .pb-core-components-Grid-grid--offsetLarge-1 {
      margin-left: calc(8.325vw + 8.33333px);
    }
    .pb-core-components-Grid-grid--offsetLarge-2 {
      margin-left: calc(16.65vw + 6.66667px);
    }
    .pb-core-components-Grid-grid--offsetLarge-3 {
      margin-left: calc(24.975vw + 5px);
    }
    .pb-core-components-Grid-grid--offsetLarge-4 {
      margin-left: calc(33.3vw + 3.33333px);
    }
    .pb-core-components-Grid-grid--offsetLarge-5 {
      margin-left: calc(41.625vw + 1.66667px);
    }
    .pb-core-components-Grid-grid--offsetLarge-6 {
      margin-left: 49.95vw;
    }
    .pb-core-components-Grid-grid--offsetLarge-7 {
      margin-left: calc(58.275vw - 1.66667px);
    }
    .pb-core-components-Grid-grid--offsetLarge-8 {
      margin-left: calc(66.6vw - 3.33333px);
    }
    .pb-core-components-Grid-grid--offsetLarge-9 {
      margin-left: calc(74.925vw - 5px);
    }
    .pb-core-components-Grid-grid--offsetLarge-10 {
      margin-left: calc(83.25vw - 6.66667px);
    }
    .pb-core-components-Grid-grid--offsetLarge-11 {
      margin-left: calc(91.575vw - 8.33333px);
    }
}

@media screen and (min-width: 1280px) {
    .pb-core-components-Grid-grid--size-1 {
      max-width: 85px;
    }
    .pb-core-components-Grid-grid--size-2 {
      max-width: 190px;
    }
    .pb-core-components-Grid-grid--size-3 {
      max-width: 295px;
    }
    .pb-core-components-Grid-grid--size-4 {
      max-width: 400px;
    }
    .pb-core-components-Grid-grid--size-5 {
      max-width: 505px;
    }
    .pb-core-components-Grid-grid--size-6 {
      max-width: 610px;
    }
    .pb-core-components-Grid-grid--size-7 {
      max-width: 715px;
    }
    .pb-core-components-Grid-grid--size-8 {
      max-width: 820px;
    }
    .pb-core-components-Grid-grid--size-9 {
      max-width: 925px;
    }
    .pb-core-components-Grid-grid--size-10 {
      max-width: 1030px;
    }
    .pb-core-components-Grid-grid--size-11 {
      max-width: 1135px;
    }
    .pb-core-components-Grid-grid--size-12 {
      max-width: 1240px;
    }
    .pb-core-components-Grid-grid--sizeMedium-1 {
      max-width: 85px;
    }
    .pb-core-components-Grid-grid--sizeMedium-2 {
      max-width: 190px;
    }
    .pb-core-components-Grid-grid--sizeMedium-3 {
      max-width: 295px;
    }
    .pb-core-components-Grid-grid--sizeMedium-4 {
      max-width: 400px;
    }
    .pb-core-components-Grid-grid--sizeMedium-5 {
      max-width: 505px;
    }
    .pb-core-components-Grid-grid--sizeMedium-6 {
      max-width: 610px;
    }
    .pb-core-components-Grid-grid--sizeMedium-7 {
      max-width: 715px;
    }
    .pb-core-components-Grid-grid--sizeMedium-8 {
      max-width: 820px;
    }
    .pb-core-components-Grid-grid--sizeMedium-9 {
      max-width: 925px;
    }
    .pb-core-components-Grid-grid--sizeMedium-10 {
      max-width: 1030px;
    }
    .pb-core-components-Grid-grid--sizeMedium-11 {
      max-width: 1135px;
    }
    .pb-core-components-Grid-grid--sizeMedium-12 {
      max-width: 1240px;
    }
    .pb-core-components-Grid-grid--sizeLarge-1 {
      max-width: 85px;
    }
    .pb-core-components-Grid-grid--sizeLarge-2 {
      max-width: 190px;
    }
    .pb-core-components-Grid-grid--sizeLarge-3 {
      max-width: 295px;
    }
    .pb-core-components-Grid-grid--sizeLarge-4 {
      max-width: 400px;
    }
    .pb-core-components-Grid-grid--sizeLarge-5 {
      max-width: 505px;
    }
    .pb-core-components-Grid-grid--sizeLarge-6 {
      max-width: 610px;
    }
    .pb-core-components-Grid-grid--sizeLarge-7 {
      max-width: 715px;
    }
    .pb-core-components-Grid-grid--sizeLarge-8 {
      max-width: 820px;
    }
    .pb-core-components-Grid-grid--sizeLarge-9 {
      max-width: 925px;
    }
    .pb-core-components-Grid-grid--sizeLarge-10 {
      max-width: 1030px;
    }
    .pb-core-components-Grid-grid--sizeLarge-11 {
      max-width: 1135px;
    }
    .pb-core-components-Grid-grid--sizeLarge-12 {
      max-width: 1240px;
    }
    .pb-core-components-Grid-grid--offset-1 {
      margin-left: 115px;
    }
    .pb-core-components-Grid-grid--offset-2 {
      margin-left: 220px;
    }
    .pb-core-components-Grid-grid--offset-3 {
      margin-left: 325px;
    }
    .pb-core-components-Grid-grid--offset-4 {
      margin-left: 430px;
    }
    .pb-core-components-Grid-grid--offset-5 {
      margin-left: 535px;
    }
    .pb-core-components-Grid-grid--offset-6 {
      margin-left: 640px;
    }
    .pb-core-components-Grid-grid--offset-7 {
      margin-left: 745px;
    }
    .pb-core-components-Grid-grid--offset-8 {
      margin-left: 850px;
    }
    .pb-core-components-Grid-grid--offset-9 {
      margin-left: 955px;
    }
    .pb-core-components-Grid-grid--offset-10 {
      margin-left: 1060px;
    }
    .pb-core-components-Grid-grid--offset-11 {
      margin-left: 1165px;
    }
    .pb-core-components-Grid-grid--offsetMedium-1 {
      margin-left: 115px;
    }
    .pb-core-components-Grid-grid--offsetMedium-2 {
      margin-left: 220px;
    }
    .pb-core-components-Grid-grid--offsetMedium-3 {
      margin-left: 325px;
    }
    .pb-core-components-Grid-grid--offsetMedium-4 {
      margin-left: 430px;
    }
    .pb-core-components-Grid-grid--offsetMedium-5 {
      margin-left: 535px;
    }
    .pb-core-components-Grid-grid--offsetMedium-6 {
      margin-left: 640px;
    }
    .pb-core-components-Grid-grid--offsetMedium-7 {
      margin-left: 745px;
    }
    .pb-core-components-Grid-grid--offsetMedium-8 {
      margin-left: 850px;
    }
    .pb-core-components-Grid-grid--offsetMedium-9 {
      margin-left: 955px;
    }
    .pb-core-components-Grid-grid--offsetMedium-10 {
      margin-left: 1060px;
    }
    .pb-core-components-Grid-grid--offsetMedium-11 {
      margin-left: 1165px;
    }
    .pb-core-components-Grid-grid--offsetLarge-1 {
      margin-left: 115px;
    }
    .pb-core-components-Grid-grid--offsetLarge-2 {
      margin-left: 220px;
    }
    .pb-core-components-Grid-grid--offsetLarge-3 {
      margin-left: 325px;
    }
    .pb-core-components-Grid-grid--offsetLarge-4 {
      margin-left: 430px;
    }
    .pb-core-components-Grid-grid--offsetLarge-5 {
      margin-left: 535px;
    }
    .pb-core-components-Grid-grid--offsetLarge-6 {
      margin-left: 640px;
    }
    .pb-core-components-Grid-grid--offsetLarge-7 {
      margin-left: 745px;
    }
    .pb-core-components-Grid-grid--offsetLarge-8 {
      margin-left: 850px;
    }
    .pb-core-components-Grid-grid--offsetLarge-9 {
      margin-left: 955px;
    }
    .pb-core-components-Grid-grid--offsetLarge-10 {
      margin-left: 1060px;
    }
    .pb-core-components-Grid-grid--offsetLarge-11 {
      margin-left: 1165px;
    }
}


.pb-form-components-Field-field--Field {
  border: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.pb-form-components-Label-label--Label {
  display: block;
}

.\---node_modules-mws-common-ui-core-src-components-OTPKeyboard--OTPKeyboard--keyboardContainer {
  position: relative;
  padding-left: 1.125rem;
  margin-left: 0.3125rem;
}

.\---node_modules-mws-common-ui-core-src-components-OTPKeyboard--OTPKeyboard--pointerIcon {
  position: absolute;
  top: 3.75rem;
  left: 0.3125rem;
}

.\---node_modules-mws-common-ui-core-src-components-OTPKeyboard--OTPKeyboard--keycodeList {
  margin-left: 0.3125rem;
  display: flex;
  width: 15.9375rem;
  padding: 0.625rem 0 1.25rem 1.25rem;
  background: #f3f3f3;
  flex-wrap: wrap;
}

.\---node_modules-mws-common-ui-core-src-components-OTPKeyboard--OTPKeyboard--keycodeList .\---node_modules-mws-common-ui-core-src-components-OTPKeyboard--OTPKeyboard--keycode{
    width: 4.0625rem;
    height: 3.25rem;
    line-height: 3.125rem;
    text-align: center;
    border: 1px solid #d7d8d6;
    background: #ffffff;
    font-size:1.375rem;
    margin: 0.625rem 0.625rem 0 0 !important;
    cursor: pointer;
    padding: 0;
  }

.\---node_modules-mws-common-ui-core-src-components-OTPKeyboard--OTPKeyboard--keycodeList .\---node_modules-mws-common-ui-core-src-components-OTPKeyboard--OTPKeyboard--keycode:first-child{
      margin-left: 0;
    }

.\---node_modules-mws-common-ui-core-src-components-OTPKeyboard--OTPKeyboard--keycodeList .\---node_modules-mws-common-ui-core-src-components-OTPKeyboard--OTPKeyboard--keycode:hover {
      background-color: #ededed;
      border: 1px solid #d7d8d6;
    }

.\---node_modules-mws-common-ui-core-src-components-OTPKeyboard--OTPKeyboard--keycodeList .\---node_modules-mws-common-ui-core-src-components-OTPKeyboard--OTPKeyboard--keycode:active {
      background-color: #d7d8d6;
    }

.\---node_modules-mws-common-ui-core-src-components-OTPKeyboard--OTPKeyboard--keycodeList .\---node_modules-mws-common-ui-core-src-components-OTPKeyboard--OTPKeyboard--zero {
    width: 8.75rem;
  }

.\---node_modules-mws-common-ui-core-src-components-OTPKeyboard--OTPKeyboard--keycodeList .\---node_modules-mws-common-ui-core-src-components-OTPKeyboard--OTPKeyboard--del {
    display: flex;
    align-items: center;
    justify-content: center;
  }

.\---node_modules-mws-common-ui-core-src-components-Pagination--Pagination--pagination {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.\---node_modules-mws-common-ui-core-src-components-Pagination--Pagination--select {
  flex: none;
  width: 7.5rem;
  margin-left: 1rem;
  margin-right: 0.5rem;
}

.\---node_modules-mws-common-ui-core-src-components-Pagination--Pagination--ml8 {
  margin-left: 0.5rem !important;
}

.\---node_modules-mws-common-ui-core-src-components-Pagination--Pagination--ml16 {
  margin-left: 1rem !important;
}

.\---node_modules-mws-common-ui-core-src-components-Pagination--Pagination--ml32 {
  margin-left: 2rem !important;
}

.\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pillContainer {
  display: flex;
  align-items: center;
}

.\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pillSpan {
  display: inline-block;
  margin: 0.25rem 0.5rem 0.25rem 0;
  position: relative;
  top: -0.0625rem;
}

.\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pillSpan .\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pill {
    padding: 0.5rem 0.75rem;
    /* margin: auto 8px; */
    border-radius: 18px;
    border: 1px solid #333333;
    background-color: #ffffff;
    color: #333333;
    display: flex;
    transition: background 0.2s linear;
    max-height: 2.25rem;
  }

.\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pillSpan .\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pill:hover {
      cursor: pointer;
      background-color: #f3f3f3;
    }

.\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pillSpan .\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pill.\---node_modules-mws-common-ui-core-src-components-Pills--Pills--noParent {
      /* display: inline-flex;
      position: relative;
      top: -1px; */
      /* margin: 4px 8px 4px 0; */
    }

.\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pillSpan .\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pill span[class*='iconWrapper'] {
      margin-bottom: 0 !important;
    }

.\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pillSpan .\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pill div[class*='text'] {
      line-height: 1.25rem !important;
      font-size: 0.875rem !important;
    }

.\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pillSpan .\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pill svg {
      margin: 0.125rem 0.5rem 0.1875rem 0;
      width: 0.75rem;
      height: 0.75rem;
      position: relative;
      top: 0.0625rem;
    }

/* &:focus {
    outline: 2px solid var(--focus);
  }
  &:active {
    outline: none;
  } */

.\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pillSpan .\---node_modules-mws-common-ui-core-src-components-Pills--Pills--active {
    background-color: #000000;
    color: #ffffff
  }

.\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pillSpan .\---node_modules-mws-common-ui-core-src-components-Pills--Pills--active:hover {
      cursor: pointer;
      color: #333333;
      background-color: #ededed;
    }

.\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pillSpan .\---node_modules-mws-common-ui-core-src-components-Pills--Pills--active svg {
      animation: \---node_modules-mws-common-ui-core-src-components-Pills--Pills--scale-in-center 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    }

@keyframes \---node_modules-mws-common-ui-core-src-components-Pills--Pills--scale-in-center {
      0% {
        transform: scale(0);
        opacity: 1;
      }
      100% {
        transform: scale(1);
        opacity: 1;
      }
    }

.\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pillSpan .\---node_modules-mws-common-ui-core-src-components-Pills--Pills--disabled {
    border-color: #d7d8d6;
    color: #d7d8d6;
  }

.\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pillSpan .\---node_modules-mws-common-ui-core-src-components-Pills--Pills--disabled:hover {
      cursor: not-allowed;
      touch-action: none;
    }

.\---node_modules-mws-common-ui-core-src-components-Pills--Pills--pillSpan .\---node_modules-mws-common-ui-core-src-components-Pills--Pills--disabled pre {
      color: #d7d8d6;
    }

.\---node_modules-mws-common-ui-core-src-components-Playback--styles--container {
  display: flex;
  flex-direction: column;
  white-space: pre-wrap;
}
  .\---node_modules-mws-common-ui-core-src-components-Playback--styles--container dd {
    margin-inline-start: 0;
    display: inline-block;
  }

.\---node_modules-mws-common-ui-core-src-components-Playback--styles--label {
  line-height: 1.25rem;
  line-height: 1.5;
}

.\---node_modules-mws-common-ui-core-src-components-Playback--styles--helpText {
  font-weight: 300;
  line-height: 1.43;
  margin-top: 0.25rem;
}

.\---node_modules-mws-common-ui-core-src-components-Playback--styles--value {
  margin-top: 0.5rem;
  line-height: 1.5;
}

.\---node_modules-mws-common-ui-core-src-components-ProgressTracker--ProgressTracker--separator {
  background-color: #333333;
}

.\---node_modules-mws-common-ui-core-src-components-ProgressTracker--ProgressTracker--progress {
  width: 100%;
  height: 0.25rem;
  background: #ededed;
  margin: 0.5rem 0 1.5rem;
  display: flex;
}

.\---node_modules-mws-common-ui-core-src-components-ProgressTracker--ProgressTracker--progressBarContainer {
  flex: 1;
}

.\---node_modules-mws-common-ui-core-src-components-ProgressTracker--ProgressTracker--progressBar {
  position: relative;
  height: 0.25rem;
  background: #db0011;
}

.\---node_modules-mws-common-ui-core-src-components-ProgressTracker--ProgressTracker--triangle {
  position: absolute;
  width: 0;
  height: 0;
  right: -0.25rem;
  top: 0;
  border-top: 4px solid #db0011;
  border-right: 4px solid transparent;
}

.\---node_modules-mws-common-ui-core-src-components-QuantitySelector--QuantitySelector--quantitySelector .\---node_modules-mws-common-ui-core-src-components-QuantitySelector--QuantitySelector--selector {
    height: 100%;
    display: flex;
    position: relative;
    border-top: 1px solid #767676;
    border-right: 1px solid #767676;
    border-bottom: 1px solid #767676;
  }
    .\---node_modules-mws-common-ui-core-src-components-QuantitySelector--QuantitySelector--quantitySelector .\---node_modules-mws-common-ui-core-src-components-QuantitySelector--QuantitySelector--selector > button {
      margin-left: 0;
      border: 0;
    }
    .\---node_modules-mws-common-ui-core-src-components-QuantitySelector--QuantitySelector--quantitySelector .\---node_modules-mws-common-ui-core-src-components-QuantitySelector--QuantitySelector--selector > .\---node_modules-mws-common-ui-core-src-components-QuantitySelector--QuantitySelector--divider {
      position: absolute;
      width: 0.0625rem;
      height: 1.75rem;
      background-color: #d7d8d6;
      left: 2.625rem;
      top: 0.4375rem;
    }
  .\---node_modules-mws-common-ui-core-src-components-QuantitySelector--QuantitySelector--quantitySelector .\---node_modules-mws-common-ui-core-src-components-QuantitySelector--QuantitySelector--disabled {
    border-top: 1px solid #d7d8d6;
    border-right: 1px solid #d7d8d6;
    border-bottom: 1px solid #d7d8d6;
    background-color: #ffffff;
  }

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--radio {
  display: flex;
  align-items: center;
  padding: 0.375rem 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

  .\---node_modules-mws-common-ui-core-src-components-Radio--Radio--radio:hover:not(.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--disabled) .\---node_modules-mws-common-ui-core-src-components-Radio--Radio--wrapper {
        border-color: #000000;
      }

  .\---node_modules-mws-common-ui-core-src-components-Radio--Radio--radio:hover:not(.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--disabled).\---node_modules-mws-common-ui-core-src-components-Radio--Radio--bordered .\---node_modules-mws-common-ui-core-src-components-Radio--Radio--wrapper {
          border-color: #767676;
        }

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #767676;
}

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--input {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  box-sizing: border-box;
  background: #ffffff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background-color: transparent;
  margin: 0;
  /* 
    css tricky
    Since appearance is not support in IE 11
    so use opacity here to avoid border issue in IE 11
  */
  opacity: 0;
}

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--input:focus {
    opacity: 1;
  }

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--label {
  flex: 1 1 auto;
  margin: 0.25rem 0 0.25rem 0.75rem;
  color: #333333;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--bordered {
  outline: 1px solid #d7d8d6;
  padding: 1rem;
  justify-content: space-between;
}

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--bordered:not(.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--checked):hover:not(.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--disabled) {
      outline: 2px solid #d7d8d6;
    }

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--bordered .\---node_modules-mws-common-ui-core-src-components-Radio--Radio--label {
    order: -1;
    margin-left: 0;
  }

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--checked .\---node_modules-mws-common-ui-core-src-components-Radio--Radio--wrapper {
    color: #333333;
  }

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--checked.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--bordered {
    outline: 1px solid #767676;
  }

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--checked.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--bordered:hover {
      outline-width: 0.125rem;
    }

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--checked:hover:not(.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--disabled) .\---node_modules-mws-common-ui-core-src-components-Radio--Radio--wrapper {
        background-color: #f3f3f3;
      }

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--checked:hover:not(.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--disabled).\---node_modules-mws-common-ui-core-src-components-Radio--Radio--bordered {
        border-color: #d7d8d6;
      }

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--invalid .\---node_modules-mws-common-ui-core-src-components-Radio--Radio--wrapper {
    border-color: #a8000b;
    background-color: #f9f2f3;
  }

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--disabled {
  opacity: 0.4;
}

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--disabled,
  .\---node_modules-mws-common-ui-core-src-components-Radio--Radio--disabled * {
    cursor: not-allowed;
  }

.\---node_modules-mws-common-ui-core-src-components-Radio--Radio--inline {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 1.5rem;
}

.\---node_modules-mws-common-ui-core-src-components-Signature-components-CustomerName--styles--customer {
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
}

.\---node_modules-mws-common-ui-core-src-components-Signature-components-CustomerName--styles--name {
  font-weight: 500;
}

.\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--signaturePanel .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--canvasContainer {
    position: relative;
  }

    .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--signaturePanel .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--canvasContainer .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--clear {
      position: absolute;
      top: 1.25rem;
      right: 1.25rem;
    }

    .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--signaturePanel .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--canvasContainer .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--clear .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--iconClose {
        border: 1px solid #333333;
        border-radius: 50%;
      }

    .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--signaturePanel .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--canvasContainer .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--canvas {
      border: 1px solid #d7d8d6;
      width: 50rem;
      height: 25rem;
      margin-top: 0.5rem;
    }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--signaturePanel .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--btnGroup {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 1.25rem;
  }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--signaturePanel > .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--closeBtn {
    width: 3.125rem;
    height: 3.125rem;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }

.\---node_modules-mws-common-ui-core-src-components-Signature-components-SignaturePanel--SignaturePanel--cancelBtn {
  margin-top: 2.5rem;
}

.\---node_modules-mws-common-ui-core-src-components-Signature-components-ViewSignature--ViewSignature--signImg {
  width: 50rem;
  height: 25rem;
  position: relative;
}
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-ViewSignature--ViewSignature--signImg .\---node_modules-mws-common-ui-core-src-components-Signature-components-ViewSignature--ViewSignature--image {
    width: 100%;
    border: 1px solid #d7d8d6;
  }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-ViewSignature--ViewSignature--signImg .\---node_modules-mws-common-ui-core-src-components-Signature-components-ViewSignature--ViewSignature--customer {
    position: absolute;
    left: 1.25rem;
    top: 1.25rem;
  }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-ViewSignature--ViewSignature--signImg .\---node_modules-mws-common-ui-core-src-components-Signature-components-ViewSignature--ViewSignature--verified {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
  }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-ViewSignature--ViewSignature--signImg .\---node_modules-mws-common-ui-core-src-components-Signature-components-ViewSignature--ViewSignature--verified > button {
      cursor: default;
      text-decoration: none;
    }

div[class*='ModalDialog--ModalDialog--header'] {
  font-weight: normal;
  margin-bottom: 1rem;
}

.\---node_modules-mws-common-ui-core-src-components-Signature-components-ViewSignature--ViewSignature--close {
  margin-top: 1.25rem;
}

.\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--container {
  width: 100%;
  height: 100%;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

  .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--container > .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--iconContainer {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--container > .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--iconContainer > .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--secure {
      width: 2rem;
      height: 2rem;
    }

  .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--container > .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--title {
    margin: 1rem 0;
    font-size: 1.5rem;
  }

  .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--container > .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--inputContainer {
    width: 24.625rem;
  }

  .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--container > .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--inputContainer .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--submitBtn {
      margin-top: 2.5rem;
    }

  .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--container > .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--select {
    width: 100%;
  }

  .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--container > .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--singleAcc {
    width: 100%;
    display: flex;
    margin: 0.5rem 0 0.75rem 0;
  }

  .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--container > .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--singleAcc > .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--accLabel {
      font-weight: 500;
      margin-left: 0.25rem;
    }

  .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--container .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--referContainer {
    flex: 1;
    width: 31.875rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--container .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--referContainer > .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--pleaseRefer {
      width: 100%;
      margin-top: 1rem;
      padding-left: 5.25rem;
    }

.\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--verifyImage {
  width: 31.875rem;
  height: 16rem;
  background-color: #ffffff;
  margin: 0.75rem 0 1rem 0;
  position: relative;
  overflow: hidden;
}

.\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--verifyImage > .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--verify {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
  }

.\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--zoomArea {
  display: flex;
  width: 100%;
}

.\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--zoomArea > button {
    text-decoration: none;
  }

.\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--zoomArea > button > svg {
      padding: 0;
    }

.\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--zoomArea > .\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--zoomIn {
    width: 1.875rem;
    height: 1.875rem;
    color: red;
  }

.\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--flex {
  display: flex;
}

.\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--block {
  display: block;
}

.\---node_modules-mws-common-ui-core-src-components-Signature-components-UnlockArea--UnlockArea--none {
  display: none;
}

.\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyPanel .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyBox {
    display: flex;
  }
    .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyPanel .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyBox > .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyLeft {
      flex: 1;
      margin-right: 1.25rem;
    }
    .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyPanel .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyBox > .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyLeft > .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--signImg {
        position: relative;
        width: 100%;
        height: 25rem;
        border: 1px solid #d7d8d6;
        margin-top: 0.5rem;
      }
    .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyPanel .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyBox > .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyLeft > .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--signImg > .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--image {
          width: 100%;
          height: 100%;
        }
    .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyPanel .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyBox > .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyLeft > .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--signImg > .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--customer {
          position: absolute;
          top: 1.25rem;
          left: 1.25rem;
        }
    .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyPanel .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyBox > .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyRight {
      flex: 1;
    }
    .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyPanel .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyBox > .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyRight > .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--unlockArea {
        width: 100%;
        height: 25rem;
        background-color: #f3f3f3;
        margin-top: 0.5rem;
      }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyPanel > .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--checkbox {
    margin: 1rem 0;
  }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyPanel .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--btnGroup {
    display: flex;
    justify-content: space-between;
    margin-top: 1.25rem;
  }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyPanel > .\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--closeBtn {
    width: 3.125rem;
    height: 3.125rem;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }

.\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--cancelDesc {
  margin-bottom: 2.5rem;
}

.\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--atOnceBtn {
  margin-top: 1.25rem;
  width: 12.25rem;
  height: 2.875rem;
}

.\---node_modules-mws-common-ui-core-src-components-Signature-components-VerifyPanel--VerifyPanel--verifyBtn {
  margin-top: 0.75rem;
}

.\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signatureCard {
  width: 17.1875rem;
  position: relative;
  color: #333333;
}
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signatureCard > .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--zoomIn {
  }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signatureCard .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--iconContainer {
    z-index: 9;
    position: absolute;
    top: 0;
    right: 0;
    width: 3.75rem;
    height: 3.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    background-color: transparent;
  }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signatureCard .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--tapArea {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 11.6875rem;
    background-color: #f3f3f3;
    border: 1px solid #ededed;
  }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signatureCard .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--tapArea .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--image {
      width: 100%;
    }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signatureCard .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--tapArea .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--iconArea {
      width: 100%;
      height: 100%;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border: none;
      background-color: transparent;
    }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signatureCard .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--tapArea .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--iconArea .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signIcon {
        width: 3.75rem;
        height: 3.75rem;
        margin-bottom: 0.5rem;
      }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signatureCard .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--tapArea .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--iconArea .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signTextContainer {
        display: flex;
        align-items: center;
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signatureCard .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--tapArea .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--iconArea .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signTextContainer .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signText {
          margin-right: 0.5rem;
        }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signatureCard .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--white {
    background-color: #ffffff;
  }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signatureCard .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--invalid {
    background-color: #f9f2f3;
    border: 1px solid #a8000b;
  }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signatureCard .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--nameArea {
    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 1rem 1.25rem 1.5rem 1.25rem;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #d7d8d6;
  }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signatureCard .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--nameArea .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--same {
      width: 100%;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 1.375rem;
      line-height: 1.9375rem;
    }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signatureCard .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--nameArea .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--type {
      font-size: 1rem;
      line-height: 1.5rem;
      margin-top: 0.75rem;
    }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signatureCard .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--nameArea .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--verify {
      margin-top: 0.75rem;
    }
  .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--signatureCard .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--nameArea .\---node_modules-mws-common-ui-core-src-components-Signature-components-SignatureCard--SignatureCard--verified > button {
        cursor: default;
        text-decoration: none;
        margin-top: 1.625rem;
        margin-bottom: 0.625rem;
      }

.\---node_modules-mws-common-ui-core-src-components-Signature--Signature--container {
  display: flex;
  flex-wrap: wrap;
}

.\---node_modules-mws-common-ui-core-src-components-Signature--MultipleSignature--atOnce {
  margin-top: 1.75rem;
}

.\---node_modules-mws-common-ui-core-src-components-Table--Table--title {
  margin-bottom: 1.25rem;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--tableContainer {
  position: relative;
  overflow: hidden;
  /* Horizontal scroll bar would be hidden in tablet for no reason, and issue fixed
   * after add opacity: 0.999, so leave the comment here for note.
  */
  /* opacity: 0.999 */
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--tableContainer > div {
    overflow: auto;
  }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--table {
  border-spacing: 0;
  border: 1px solid #d7d8d6;
  position: relative;
  border-collapse: collapse;
  table-layout: fixed;
  background: #ffffff;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--table th:not([data-role='table-body-cell']),
  .\---node_modules-mws-common-ui-core-src-components-Table--Table--table .\---node_modules-mws-common-ui-core-src-components-Table--Table--thStyle {
    background-color: #ededed;
  }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--table th[data-role='table-body-cell'] {
    background-color: #ffffff;
  }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--table th[data-role='table-body-cell']:hover {
      background-color: #ededed;
    }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--table tbody {
    border-top: 1px solid #d7d8d6;
  }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--table tr th,
    .\---node_modules-mws-common-ui-core-src-components-Table--Table--table tr td,
    .\---node_modules-mws-common-ui-core-src-components-Table--Table--table tr .\---node_modules-mws-common-ui-core-src-components-Table--Table--thStyle {
      border: 1px solid #d7d8d6;
      padding: 0.75rem 1rem;
      text-align: left;
      overflow: hidden;
      vertical-align: top;
      box-sizing: border-box;
    }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--caption {
  font-weight: 400;
  font-size: 1.375rem;
  text-align: left;
  width: 100%;
  overflow: hidden;
  min-height: 2.75rem !important;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--mainCaption {
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--fixedCaption {
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
  z-index: 9;
  width: 100%;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--controlled {
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--unControlled {
  width: 100%;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--subHeaders {
  background: #f3f3f3;
}
/* workaround: To fix the issue that fixed column misaligned */
.\---node_modules-mws-common-ui-core-src-components-Table--Table--fixedTypeContainer th,
  .\---node_modules-mws-common-ui-core-src-components-Table--Table--fixedTypeContainer td {
    border: none;
    /* outline: 1px solid rgba(215, 216, 214, 0.5); */
  }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--thContainer {
  display: inline-flex;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--sortTitle {
  /* flex: 1; sort text and sort icon should be flex-start instead of space-between */
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--sortIcon {
  margin-left: 0.5rem;
  min-width: 0.75rem;
  max-width: 0.75rem;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--chevron {
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--cursor-pointer {
  cursor: pointer;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--captionTable {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--fixedHeadTable {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden !important;
  width: calc(100% - 1.0625rem);
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--fixedSideTable {
  position: absolute;
  top: 0;
  overflow: hidden !important;
  z-index: 3;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--fixedSideTable table {
    width: auto;
    border-top: none;
  }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--fixedleftTable {
  left: 0;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--fixedRightTable {
  right: 1.0625rem;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--fixedRightTable table {
    border-top: 1px solid rgba(0, 0, 0, 0);
  }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--tableFixedHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  /* border-top: 1px solid var(--silver); */
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--pagination {
  margin-top: 1.25rem;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--hide {
  display: none !important;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--expandedRow .\---node_modules-mws-common-ui-core-src-components-Table--Table--expandedCell {
    border-bottom: none;
  }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--expandedRow .\---node_modules-mws-common-ui-core-src-components-Table--Table--chevron {
    transform: scaleY(-1);
    transition: transform 0.4s;
  }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--expandRow td {
    border-top: none;
  }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--tableCheckbox {
  padding: 0 !important;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--cursorPointer {
  cursor: pointer;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--truncate * {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--scrollbar {
  position: relative;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--selectedBg,.\---node_modules-mws-common-ui-core-src-components-Table--Table--selectedBg th[data-role='table-body-cell'] {
    background-color: #f3f3f3;
  }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--selectedBg:hover,.\---node_modules-mws-common-ui-core-src-components-Table--Table--selectedBg:hover th[data-role='table-body-cell'] {
      background-color: #d7d8d6 !important;
    }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--selectedExpand {
  background-color: #f3f3f3;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--sticky-scrollbar {
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid transparent;
  position: fixed;
  bottom: 0;
  visibility: 'hidden';
  box-sizing: content-box;
  z-index: 3;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--sticky-scrollbar * {
    height: 0.0625rem;
  }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--checvronContainer {
  height: 1.125rem;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--enableRow:hover,.\---node_modules-mws-common-ui-core-src-components-Table--Table--enableRow:hover th[data-role='table-body-cell'] {
      background-color: #ededed;
    }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--subTitle {
  background-color: #f3f3f3;
}
/* tbody:hover td[rowspan] {
  background-color: var(--pearl);
} */
/* Style only works for borderless */
.\---node_modules-mws-common-ui-core-src-components-Table--Table--borderless table,.\---node_modules-mws-common-ui-core-src-components-Table--Table--borderless thead {
    border: 0 !important;
  }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--borderless thead th,
    .\---node_modules-mws-common-ui-core-src-components-Table--Table--borderless thead td {
      border: 0 !important;
      outline: 0 !important;
      background-color: #ffffff !important;
      border-bottom: 1px solid #000000 !important;
    }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--borderless tbody th,
    .\---node_modules-mws-common-ui-core-src-components-Table--Table--borderless tbody td {
      border: 0 !important;
      outline: 0 !important;
      border-bottom: 1px solid #ededed !important;
    }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--borderless tbody .\---node_modules-mws-common-ui-core-src-components-Table--Table--subTitle {
      background-color: #ffffff !important;
    }
.\---node_modules-mws-common-ui-core-src-components-Table--Table--expandedCellContainer {
  position: relative;
}
.\---node_modules-mws-common-ui-core-src-components-Table--Table--expandedCellContainer > .\---node_modules-mws-common-ui-core-src-components-Table--Table--expandedCellBtn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

.\---node_modules-mws-common-ui-core-src-components-Tile--styles--tile {
  /* border: 1px solid var(--silver); */
  box-shadow: 0 0 1px 1px #d7d8d6;
  padding: 0.75rem 1.25rem 1rem 1.25rem;
  /* position: initial; */
  background: #ffffff;
  margin-bottom: 1.25rem;
}
  /* max-width: 1240px; */
  .\---node_modules-mws-common-ui-core-src-components-Tile--styles--tile.\---node_modules-mws-common-ui-core-src-components-Tile--styles--reduceHeadingWidth h4 {
      width: calc(100% - 1.875rem);
    }
  .\---node_modules-mws-common-ui-core-src-components-Tile--styles--tile.\---node_modules-mws-common-ui-core-src-components-Tile--styles--reduceHeadingWidth div[class*='contextMenu'] {
      top: 1.75rem;
      right: -1.875rem;
    }
  .\---node_modules-mws-common-ui-core-src-components-Tile--styles--tile > h4 {
    padding: 0;
    font-weight: 300;
    margin-bottom: 1rem;
    font-size: 1.375rem;
  }
  .\---node_modules-mws-common-ui-core-src-components-Tile--styles--tile > h4 > button {
      position: absolute;
      top: 0;
      right: 0;
      margin-bottom: 0;
    }
  .\---node_modules-mws-common-ui-core-src-components-Tile--styles--tile > h4 > button svg {
        padding: 0;
      }
  .\---node_modules-mws-common-ui-core-src-components-Tile--styles--tile span[class*='icon'] {
    cursor: pointer;
  }
  .\---node_modules-mws-common-ui-core-src-components-Tile--styles--tile hr {
    margin-bottom: 0.75rem;
  }
  .\---node_modules-mws-common-ui-core-src-components-Tile--styles--tile > section {
    margin-bottom: 0;
    position: relative;

    /* & div[class*="Row"] {
      margin: 0 -20px;
      & > div {
        margin: 0;
      }
        & > div:first-of-type {
          margin-right: -10px;
          & > div:nth-child(5n) {
            margin-right: -10px;
          }
        }
    } */
  }
  .\---node_modules-mws-common-ui-core-src-components-Tile--styles--tile > section div[id*='tabContent_'] {
      padding-right: 0 !important;
    }
  .\---node_modules-mws-common-ui-core-src-components-Tile--styles--tile > section h4 {
      position: initial !important;
      padding-left: 0;
    }
  .\---node_modules-mws-common-ui-core-src-components-Tile--styles--tile > section span[class*='action'] {
        position: absolute;
        right: -0.3125rem;
        top: 0.125rem;
        font-size: 1rem;
      }
  .\---node_modules-mws-common-ui-core-src-components-Tile--styles--tile > section span[class*='action'] svg {
          fill: #db0011;
        }
  .\---node_modules-mws-common-ui-core-src-components-Tile--styles--tile .\---node_modules-mws-common-ui-core-src-components-Tile--styles--actions {
    position: relative;
    border: none !important;
  }
  .\---node_modules-mws-common-ui-core-src-components-Tile--styles--tile .\---node_modules-mws-common-ui-core-src-components-Tile--styles--actions.\---node_modules-mws-common-ui-core-src-components-Tile--styles--minHeight div[class*='actionLinks'] {
        min-height: 1.5625rem;
      }

.\---node_modules-mws-common-ui-core-src-components-Tile-Actions--styles--actionLinks > div {
    display: flex;
    align-items: center;
  }
    .\---node_modules-mws-common-ui-core-src-components-Tile-Actions--styles--actionLinks > div > button,
    .\---node_modules-mws-common-ui-core-src-components-Tile-Actions--styles--actionLinks > div > span {
      padding-right: 1.5rem;
    }
    .\---node_modules-mws-common-ui-core-src-components-Tile-Actions--styles--actionLinks > div > button {
      border-right: 1px solid #d7d8d6;
      padding-right: 1.25rem;
      margin-right: 1.25rem;
    }
    .\---node_modules-mws-common-ui-core-src-components-Tile-Actions--styles--actionLinks > div > button > span:first-child {
          font-size: 1rem;
          font-weight: 400;
        }
    .\---node_modules-mws-common-ui-core-src-components-Tile-Actions--styles--actionLinks > div > button > span:last-child {
          color: #db0011;
          /* border-right: 1px solid var(--silver);
          padding-right: var(--rbwmSpace20); */
        }
    .\---node_modules-mws-common-ui-core-src-components-Tile-Actions--styles--actionLinks > div > button:last-of-type {
        border-right: 0;
        padding-right: 0;
        margin-right: 0;
      }
  .\---node_modules-mws-common-ui-core-src-components-Tile-Actions--styles--actionLinks * {
    position: initial !important;
  }
  .\---node_modules-mws-common-ui-core-src-components-Tile-Actions--styles--actionLinks .\---node_modules-mws-common-ui-core-src-components-Tile-Actions--styles--notAllowed {
    text-decoration: line-through;
    margin-right: 1.875rem;
  }

.pb-core-components-HorizontalRule-horizontal-rule--HorizontalRule {
  color: #d7d8d6;
  margin-top: 0;
  border-width: 1px;
  border-style: none;
  border-top-style: solid;
}

.pb-core-components-HorizontalRule-horizontal-rule--hiddenOnSmallViewport {
  display: block;
}

@media screen and (max-width: 599px) {
  .pb-core-components-HorizontalRule-horizontal-rule--hiddenOnSmallViewport {
    display: none;
  }
}

.pb-core-components-Heading-heading--Heading {
  margin-top: 0;
  outline: none;
}

.pb-core-components-Heading-heading--Heading--1 {
  font-size: calc(2rem + 6px);
  line-height: calc(2.5rem + 8px);
    font-weight: 300;
}

.pb-core-components-Heading-heading--Heading--2 {
  font-size: calc(1.5rem + 4px);
  line-height: calc(2.125rem + 4px);
    font-weight: 400;
}

.pb-core-components-Heading-heading--Heading--2.pb-core-components-Heading-heading--Heading--accentBar {
    position: relative;
    padding-left: 1rem;
  }

.pb-core-components-Heading-heading--Heading--2.pb-core-components-Heading-heading--Heading--accentBar::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      width: 3px;
      background-color: #db0011;
      top: 0.1429em;
      bottom: 0.1429em;
    }

.pb-core-components-Heading-heading--Heading--3 {
  font-size: calc(1.125rem + 2px);
  font-weight: 700;
  line-height: calc(1.5rem + 4px);
}

.\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton {
  transition: opacity 0.3s, visibility 0.3s linear;
  animation: \---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--fade-in 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

  .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton.\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--loaded {
    animation: \---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--fade-out 0.5s ease-out both;
  }

  .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton > div.\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--heading {
    margin: 1.25rem 1.25rem 1.25rem 0;
  }

  .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton > div.\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--heading > div {
      width: 19.375rem;
      height: 1.625rem;
    }

  /* & div[class*="Tile"] {
    &:first-of-type {
      margin-top: -20px;
    }
  } */

  .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton.\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--noHeading {
    margin-top: 1.25rem;
  }

  .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton h4 {
    width: 12.5rem;
    background: #dddbdd;
    color: #dddbdd;
    margin-top: 0.3125rem;
  }

  /* margin-right: 10px !important; */

  .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton > div > div:first-of-type > div > div, .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton > div > div:nth-of-type(5) > div > div, .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton > div > div:nth-of-type(9) > div > div {
          max-width: 10.625rem;
        }

  .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton.\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--withLeftImage {
  }

  .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--heading > div {
      width: 18.75rem !important;
    }

  .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton div[class*='Tile']:first-of-type {
    margin-top: -1.25rem;
  }

  .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--dummy .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--image, .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--heading .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--image {
      height: 11.875rem;
      max-width: 8.125rem;
      margin: 1.25rem;
      margin-top: 0;
    }

  .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--dummy > div,
    .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--dummy > dt,
    .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--dummy > dd,
    .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--heading > div,
    .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--heading > dt,
    .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--heading > dd {
      display: inline-block;
      height: 1.5em;
      position: relative;
      overflow: hidden;
      background-color: #dddbdd;
      width: 10.625rem;
    }

  .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--dummy > div:after, .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--dummy > dt:after, .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--dummy > dd:after, .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--heading > div:after, .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--heading > dt:after, .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--heading > dd:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateX(-100%);
        background: linear-gradient(to right, rgba(255,0,0,0), rgba(243,243,243,1),rgba(255,0,0,0));
        animation: \---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--shimmer 2s infinite;
        content: '';
      }

  @keyframes \---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--shimmer {
      100% {
        transform: translateX(100%);
      }
    }

  .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton th span, .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton td span {
      display: block;
      height: 1.5rem;
      position: relative;
      overflow: hidden;
      background-color: #dddbdd;
    }

  .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton th span:after, .\---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--skeleton td span:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateX(-100%);
        background: linear-gradient(to right, rgba(255,0,0,0), rgba(243,243,243,1),rgba(255,0,0,0));
        animation: \---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--shimmer 2s infinite;
        content: '';
      }

@keyframes \---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes \---node_modules-mws-common-ui-core-src-components-Skeleton--Skeleton--fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}

.\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--notificationSnackbar {
  position: absolute;
  z-index: 99999;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 1rem;
}
  .\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--notificationSnackbar .\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--box {
    padding: 0.75rem 1rem;
    box-shadow: 0rem 0.1875rem 0.1875rem 0rem rgba(0, 0, 0, 0.302);
    display: flex;
    transform: translateY(-100%);
    transition: all 0.5s ease-in-out;
    opacity: 0;
    margin-bottom: 0.75rem;
  }
  .\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--notificationSnackbar .\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--box .\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--icon {
      margin-right: 0.5rem;
    }
  .\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--notificationSnackbar .\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--box.\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--boxSuccess {
      border: 0.0625rem solid #99cecc;
      background-color: #e5f2f2;
    }
  .\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--notificationSnackbar .\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--box.\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--boxInformations {
      border: 0.0625rem solid #acbdce;
      background-color: #ebeff4;
    }
  .\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--notificationSnackbar .\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--box.\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--boxWarning {
      border: 0.0625rem solid #ffcf70;
      background-color: #fff8ea;
    }
  .\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--notificationSnackbar .\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--box.\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--boxError {
      border: 0.0625rem solid #e5b2b5;
      background-color: #f9f2f3;
    }
  .\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--notificationSnackbar .\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--box.\---node_modules-mws-common-ui-core-src-components-Snackbar--Snackbar--show {
      transform: translateY(0);
      opacity: 1;
    }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--title {
  font-size: 2.1875rem;
  line-height: 2.625rem;
  margin-bottom: 1rem;
  font-weight: 400;
}

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--subTitle {
  width: 51.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
}

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--passcodeContainer {
  margin-top: 1.25rem;
  line-height: 1.5rem;

}

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--passcodeContainer .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--controller {
    display: flex;
    align-items: center;
  }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--passcodeContainer .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--controller .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--number {
      display: inline-block;
      height: 2.625rem;
      line-height: 2.625rem;
      font-size: 2.1875rem;
      font-weight: 300;
    }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--passcodeContainer .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--main {
    display: flex;
    margin-top: 1.75rem;
    position: relative;
  }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--passcodeContainer .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--field {
    width: 22.375rem;
  }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--passcodeContainer .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--field > label {
      margin-bottom: 0.5rem;
      line-height: 1.5rem;
    }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--passcodeContainer .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--sendCode {
    margin-left: 1.25rem;
    min-width: 7.125rem;
    height: 2.75rem;
  }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--passcodeContainer .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--verify {
    margin-left: 1.25rem;
    position: absolute;
    left: 22.375rem;
    margin-top: 2rem;
  }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--passcodeContainer .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--hidden {
    display: none;
  }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--passcodeContainer .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--promptCustomer {
    margin-top: 1.75rem;
  }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--passcodeContainer .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--promptCustomer > .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--label {
      line-height: 1.5rem;
      margin-bottom: 0.5rem;
    }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--passcodeContainer .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--tip {
    margin-top: 1.75rem;
  }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--waitingModal {
  width: 43.75rem !important;
}

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--waitingModal header {
    display: none;
  }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--waitingModal div[class*="--ModalDialog--dialog"]{
    padding: 4.6875rem 5.375rem 1.6875rem !important; 
    text-align: center;
    display: flex;
    justify-content: center;
  }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--waitingModal .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--waitingDialogHeader {
    line-height: 2.625rem;
    font-weight: var(--regular);  
    font-size: 2.1875rem; 
    margin-top: 3rem;
    margin-bottom: 0.5rem;
  }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--waitingModal .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--waitingDialogContent {
    line-height: 1.75rem;
  }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--waitingModal .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--waitingDialogTip {
    margin-top: 1.625rem;
    line-height: 1.75rem;
  }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--waitingModal .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--esc {
    display: inline-block;
    width:2.75rem;
    line-height: 1.75rem;
    background: #ededed;
    margin: 0 0.1875rem 0 0.625rem;
  }

.\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--waitingModal .\---node_modules-mws-common-ui-core-src-components-SMSOTP--SMSOTP--icon {
    width: 3.75rem;
    height: 3.75rem;

  }
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--title {
  margin-bottom: 1.25rem;
}
caption {
  background: inherit;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--tableContainer {
  position: relative;
  overflow: hidden;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--tableContainer > div {
    overflow: auto;
  }
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--table {
  border-spacing: 0;
  /* border: 1px solid var(--silver); */
  border-collapse: separate;
  table-layout: fixed;
  background: #ffffff;
  width: 100%;
  position: relative;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--table tr {
    background: #ffffff
  }
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--table tr th,
    .\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--table tr td {
      padding: 0.75rem 1rem;
      text-align: left;
      overflow: hidden;
      vertical-align: top;
      box-sizing: border-box;
      border-inline-end: 1px solid #d7d8d6;
      border-bottom: 1px solid #d7d8d6;
    }
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--table tr th:first-child,.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--table tr td:first-child{
        border-left:  1px solid #d7d8d6;
      }
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--table th, .\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--table .\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--thStyle {
    border-top: 1px solid #d7d8d6;
    background: #ededed;
  }
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--table .\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--hideLastThBorder th:last-of-type{
      border-right: none;
    }
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--table td {
    background: inherit;
  }
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--headerTable {
  overflow: hidden !important;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--headerTable table {
    z-index: 3;
  }
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--bodyTable {
  overflow: scroll;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--caption {
  font-weight: 400;
  font-size: 1.375rem;
  text-align: left;
  width: 100%;
  overflow: hidden;
  min-height: 2.75rem !important;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--mainCaption,.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--controlled {
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--unControlled {
  width: 100%;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--subHeaders {
  background: #f3f3f3;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--sticky {
  position: sticky;
  z-index: 2;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--forzenFirstLine {
  left: 0;
  position: sticky;
  z-index: 2;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--thContainer {
  display: flex;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--sortTitle {
  flex: 1;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--sortIcon {
  margin-left: 0.5rem;
  width: 0.75rem;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--chevron {
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--cursor-pointer {
  cursor: pointer;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--captionTable {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--pagination {
  margin-top: 1.25rem;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--hide {
  display: none !important;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--expandedRow .\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--expandedCell {
    border-bottom: none;
  }
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--expandedRow .\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--chevron {
    transform: scaleY(-1);
    transition: transform 0.4s;
  }
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--expandRow td {
    border-top: none;
  }
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--tableCheckbox {
  padding: 0 !important;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--cursorPointer {
  cursor: pointer;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--truncate * {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--scrollbar {
  position: relative;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--selectedBg {
  background-color: #f3f3f3;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--selectedBg:hover {
    background-color: #d7d8d6 !important;
  }
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--selectedExpand {
  background-color: #f3f3f3;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--sticky-scrollbar {
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid transparent;
  position: fixed;
  bottom: 0;
  visibility: 'hidden';
  box-sizing: content-box;
  z-index: 3;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--sticky-scrollbar * {
    height: 0.0625rem;
  }
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--checvronContainer {
  height: 1.125rem;
  margin-top: 0.1875rem;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--enableRow:hover {
    background-color: #ededed;
  }
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--cellScrollbar {
  right: 0;
}
.\---node_modules-mws-common-ui-core-src-components-ModernTable--Table--cellFixedRight{
  border-left: 1px solid #d7d8d6;
}
.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #ffffff;
  height: 2.75rem;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabs {
  display: flex;
  margin-left: 0.0625rem;
  /* padding-bottom: 1px; */
  overflow: hidden;
  height: -moz-fit-content;
  height: fit-content;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--noBorder > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab:before {
        content: none;
      }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--normal.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabs .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabActive + div {
        margin-left: 0.125rem;
      }

/*
  & .tab {
    &:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 1px;
      border-top: 1px solid transparent;
      left: 0;
      bottom: 0;
      background-color: var(--silver);
    }
  }
  */

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--normal.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabActive .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab {
      margin-right: 0;
      border-top: 3px solid #db0011;
      /*
      &:after {
        content: '';
        right: 0;
        left: 100%;
        width: 2px;
        height: 44px;
        background: var(--white);
      }
      */
    }

/*
      &:before {
        width: 2px;
        left: -2px;
        background: var(--white);
      }
*/

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--normal.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabActive .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabLabel {
        margin-top: 0 !important;
      }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab {
  padding: 0.4375rem 0.625rem 0.5rem 1.25rem;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  box-sizing: border-box;
  height: 2.75rem;
  position: relative;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab [class*='iconWrapper'] {
    padding: 0.5625rem;
    margin: 0;
    cursor: pointer;
    max-height: 1.75rem;
    display: inline-block;
    vertical-align: middle;
    padding-top: 0.1875rem;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab [class*='iconWrapper'] > svg {
      height: 0.75rem;
      width: 0.75rem;
    }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab [class*='iconWrapper']:hover {
      background-color: #f3f3f3;
    }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreButton {
  padding: 0.5625rem 1.25rem 0.6875rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  cursor: pointer;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreButton svg {
    margin-left: 0.5rem;
    margin-top: 0.0625rem;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab,
.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreButton {
  background-color: #ededed;
  transition: background-color 0.2s linear;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab:hover, .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreButton:hover {
    background-color: #d7d8d6;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabLabel {
  max-width: 13.875rem;
  margin: 0.125rem 0.625rem 0.125rem 0 !important;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabLabel span {
    color: #ffffff;
    display: inline-block;
    margin-right: 0.3125rem;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabActive.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--isNew {
    animation: \---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--scale-in-bottom 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabActive .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab {
    background-color: #ffffff;
    /* box-shadow: inset 0 3px var(--red), 0 1px var(--white), 2px 1px var(--white), -2px 1px var(--white); */
    cursor: default;
  }

/* border-color: var(--red); */

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabActive .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab:before,
    .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabActive .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab:after {
      width: 100%;
      left: 0;
    }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabActive .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabLabel span {
        color: #000000;
      }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabDisabled .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab {
    color: #d7d8d6;
    cursor: not-allowed;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreList {
  width: 14.125rem;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreItem {
  background-color: #ededed;
  color: #333333;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreItem:hover {
    background-color: #d7d8d6;
    color: #333333;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreActive .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreButton {
    background-color: transparent;
    color: #333333;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreActive svg {
    transform: scaleY(-1);
    transition: transform 0.4s;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabContent {
  width: 100%;
  height: auto;
  position: relative;
}

/*
  Remove this zIndex to avoid tab content over the popup of mws header Bar
  z-index: 1;
  */

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabContent.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--scrollable {
    overflow: auto;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabContent.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--scrollable > div[id*='tabContent_'] {
      position: relative;
    }

/* overflow-y: auto; */

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabContent.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--scrollable > div[id*='tabContent_'] > a:first-of-type {
        position: absolute;
        right: 1.25rem;
        margin-top: 0.3125rem;
        font-size: 0.75rem;
        z-index: 2;
      }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabContent.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--scrollable > div[id*='tabContent_'] > label {
        font-size: 1.375rem;
        margin-left: 1.25rem;
        margin-bottom: 1.25rem;
      }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabContent.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--hide,.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--hide {
  display: none;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--active {
  display: block;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--fade {
  animation: \---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--fade-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@keyframes \---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--fade-in {
  0% {
    opacity: 0;
    display: block;
  }
  100% {
    opacity: 1;
  }
}

/* .tabHeading {

  position: sticky;
  top: 0px;
  width: -webkit-fill-available;
  background: var(--light-pearl);
  margin-top: -20px;
  padding: 20px 20px 19px 20px;
  z-index: 2;
  margin-left: -20px;
  margin-bottom: 1px;
  margin-right: -20px;

  &:before {
    content: 'hello';
  }
} */

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--light .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabs {
    box-shadow: 0px 2px 0px 0px #f3f3f3;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--light > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab,
    .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--light > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreButton {
      background-color: #ffffff;
      border-top: 0;
    }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--light > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab:hover, .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--light > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreButton:hover {
        background-color: #f3f3f3;
      }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--light > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabActive .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab {
        box-shadow: inset 0 -2px #db0011, 0 1px #db0011, 2px 1px #ffffff, -2px 1px #ffffff;
      }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--light > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabActive .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab:hover,.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--light > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreItem {
    background-color: #ffffff;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--light > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreItem:hover {
      background-color: #f3f3f3;
    }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar {
    background-color: #333333;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabs {
      box-shadow: inset 0 -1px #333333;
    }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab,
    .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreButton {
      background-color: #404040;
      color: #ffffff;
    }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab:hover, .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreButton:hover {
        background-color: #ffffff;
        color: #333333;
      }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab:hover .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabLabel span, .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreButton:hover .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabLabel span {
            color: #333333;
          }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab {
      border: none;
      position: relative;
      margin-right: 0.125rem;
      /* border-top: 3px solid transparent;
      transition: border-width 0.1s ease-in-out;
      border-width: 1%;*/
      /* &:hover {
        &:before {
          width: 100%;
          left: 0;
        }
      } */
    }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0.1875rem;
        border-top: 3px solid transparent;
        left: 50%;
        top: 0;
        background-color: #db0011;
        /*transition: all ease-in-out 0.2s;*/
      }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabActive .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab {
        background-color: #ffffff;
        /* box-shadow: inset 0 3px var(--red), 0 1px var(--white), 2px 1px var(--charcoal), -2px 1px var(--charcoal); */
        color: #333333;
        height: 2.75rem;
      }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabActive .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab:before {
          width: 100%;
          left: 0;
        }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabActive .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab:hover .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabLabel span {
              color: #000000;
            }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreActive .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreButton {
        background-color: transparent;
        color: #ffffff;
      }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreList {
    background-color: #333333;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreItem {
    background-color: #404040;
    color: #ffffff;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--dark > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreItem:hover {
      background-color: #ffffff;
      color: #333333;
    }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--vertical {
  display: flex;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--vertical > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar {
    height: auto;
    background-color: transparent;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--vertical > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabs {
      width: 12.5rem;
      flex: none;
      flex-direction: column;
      margin: 0;
      padding-right: 0.0625rem;
      box-shadow: inset -1px 0 #d7d8d6;
      overflow: hidden;
    }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--vertical > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabs > div:last-child .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab {
          border-bottom: 1px solid #d7d8d6;
        }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--vertical > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab {
      height: auto;
      margin: 0;
      border-top: 1px solid #d7d8d6;
      border-left: 1px solid #d7d8d6;
    }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--vertical > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab:before {
        content: '';
        position: absolute;
        height: 0.1875rem;
        width: 0;
        top: 50%;
        left: 0;
        border-left: 3px solid transparent;
        background-color: transparent;
        /*transition: all ease-in-out 0.3s;*/
      }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--vertical > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabBar .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabActive .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tab {
        box-shadow: inset 3px 0 #db0011, 1px 1px #ffffff;
        cursor: default;
        /*&:before {
          height: 100%;
          top: 0;
          background-color: var(--red);
          border-left: 3px solid transparent;
        } */
      }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--vertical > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabContent {
    flex: 1;
    overflow: auto;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabPanel {
  width: 100%;
  min-width: inherit;
  max-width: 80rem;
  min-height: 100%;
  box-sizing: border-box;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--fullScreen {
  max-width: 100%;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--padding {
  padding: 1.25rem;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--bordered > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabContent {
    flex: 1;
    border-top: none;
    border-right: 1px solid #d7d8d6;
    border-bottom: 1px solid #d7d8d6;
    border-left: 1px solid #d7d8d6;
  }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--bordered.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--vertical > .\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--tabContent {
      border-top: 1px solid #d7d8d6;
      border-right: 1px solid #d7d8d6;
      border-bottom: 1px solid #d7d8d6;
      border-left: none;
    }

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--bgWhite {
  background-color: #ffffff;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--backToTop {
  position: fixed;
  bottom: -2.625rem;
  background: #ffffff;
  z-index: 5;
  right: 0;
  left: 0;
  text-align: right;
  font-size: 0.875rem;
  padding: 0.625rem 0.9375rem;
  border-top: 1px solid #ededed;
  cursor: pointer;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--backToTop > a > span:last-of-type {
      font-weight: 800;
    }

@keyframes \---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--scale-in-bottom {
  0% {
    transform: scale(0);
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
    opacity: 1;
  }
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreContainer {
  position: relative;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--moreDivider {
  position: absolute;
  width: 0.0625rem;
  height: 1.75rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #d7d8d6;
}

.\---node_modules-mws-common-ui-core-src-components-Tabs--Tabs--lightMoreContainer {
  box-shadow: 0px 2px 0px 0px #f3f3f3;
}

.\---node_modules-mws-common-ui-core-src-components-Tooltip--Tooltip--tooltip {
  left: 0;
  top: 0;
  width: -moz-max-content;
  width: max-content;
  z-index: 1000;
  transition: none;
}

.\---node_modules-mws-common-ui-core-src-components-Tooltip--Tooltip--absolute {
  position: absolute;
}

.\---node_modules-mws-common-ui-core-src-components-Tooltip--Tooltip--fixed{
  position: fixed;
}

.\---node_modules-mws-common-ui-core-src-components-Tooltip--Tooltip--content {
  max-width: 25rem;
  padding: 0.75rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border: 1px solid #d7d8d6;
}

.\---node_modules-mws-common-ui-core-src-components-Tooltip--Tooltip--arrow {
  width: 0.625rem;
  height: 0.625rem;
  display: inline-block;
  background-color: #ffffff;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #d7d8d6;
  border-left-color: #d7d8d6;
  border-right-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
}

.\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--viewOptions {
  display: flex;
}
  .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--viewOptions .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--optionsBox {
    border: 1px solid #333333;
    text-align: center;
    display: flex;
  }
  .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--viewOptions .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--optionsBox .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--options {
      color: #333333;
      display: inline-block;
      padding: 0.5625rem 1.25rem 0.6875rem 1.25rem;
      background: #ffffff;
      border-right: 1px solid #333333;
      cursor: pointer;
      font-size: 1rem;
      max-width: 9.375rem;
      white-space: pre-wrap;
      display: flex;
      align-items: center;
    }
  .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--viewOptions .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--optionsBox .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--options:hover {
        background: #f3f3f3;
      }
  .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--viewOptions .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--optionsBox .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--options:active {
        background: #ededed;
      }
  .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--viewOptions .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--optionsBox .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--options.\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--selected {
        background: #ededed;
        position: relative;
      }
  .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--viewOptions .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--optionsBox .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--options.\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--selected::after {
          position: absolute;
          content: '';
          width: 0;
          height: 0;
          border: 0.5rem solid transparent;
          border-bottom-color: #000000;
          bottom: -0.0625rem;
          left: 45%;
        }
  .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--viewOptions .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--optionsBox .\---node_modules-mws-common-ui-core-src-components-ViewOptions--ViewOptions--options:last-child {
      border-right: none;
    }

/*************************************************************************************/
/* This file is meant to apply custom styles for IE 11                               */
/* I know, it's a pain why we still need to do this                                  */
/* This can be safely deleted once we are certified with Edge                        */
/*************************************************************************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    div[class*="withCustomer"] > div > div > div[class*="size-9"],
    div[class*="withCustomer"] > div > div > div[class*="size-12"] {
        margin-top: 0 !important;
    }
}
/*************************************************************************************/
/* This file is only temporary and only meant for MVP release of MCDC, AQM and green */
/* This can be safely deleted post-MVP                                               */
/*************************************************************************************/
.\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--external {
    height: 100vh;
    /* position: fixed; */
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: #ededed;
  }
/* top: 44px; */
.\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--external.\---node_modules-mws-base-ui-src-client-ui-css--style--multiSession div[class*='main'] {
        position: absolute !important;
      }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--external div[class*='main'] {
      left: 0 !important;
      width: 100%;
      position: fixed !important;
      top: 2.875rem;
      z-index: 1;
    }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--external .\---node_modules-mws-base-ui-src-client-ui-css--style--temp {
      background: #333;
      height: 2.75rem;
      padding-top: 0.5rem;
      border-top: 1px solid #000000;
      position: fixed;
      width: 100%;
      top: 2.875rem;
      left: 53.75rem;
      z-index: 2;
    }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--external .\---node_modules-mws-base-ui-src-client-ui-css--style--temp:before {
        content: '';
        border-left: 1px solid #767676;
      }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--external .\---node_modules-mws-base-ui-src-client-ui-css--style--temp > span {
        color: #ffffff;
        margin-left: 0.9375rem;
        cursor: pointer;
      }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--external div[class*='displayCard'] {
      background: #ededed;
    }
@media screen and (min-width: 1280px) {
          .\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--external.\---node_modules-mws-base-ui-src-client-ui-css--style--withCustomer div[class*='ContextMenu'] > a {
            padding: 0.625rem 0.75rem;
          }
            .\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--external.\---node_modules-mws-base-ui-src-client-ui-css--style--withCustomer div[class*='ContextMenu'][class*='active'] > a {
              padding: 0.5625rem 0.6875rem 0.5625rem 0.75rem;
              top: -0.0625rem !important;
            }

          .\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--external.\---node_modules-mws-base-ui-src-client-ui-css--style--withCustomer div[class*='ContextMenu'] section {
            right: 0;
            top: 2.625rem;
          }

        .\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--external.\---node_modules-mws-base-ui-src-client-ui-css--style--withCustomer div[class*='--tabContent'] {
          background: #ffffff;
        }
            .\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--external.\---node_modules-mws-base-ui-src-client-ui-css--style--withCustomer div[class*='--tabContent'] div[id*='tabContent_'] > label {
              display: none;
            }
          .\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--external.\---node_modules-mws-base-ui-src-client-ui-css--style--withCustomer span[class*='contextMenuButton'] > div[class*='active'] > a {
            top: -1.5rem !important;
            padding: 0.6875rem 0.6875rem 0.6875rem 0.75rem;
            height: 2.9375rem;
          }
            .\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--external.\---node_modules-mws-base-ui-src-client-ui-css--style--withCustomer span[class*='contextMenuButton'] > div[class*='active'] > a + section {
              top: 1.1875rem;
            }

          .\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--external.\---node_modules-mws-base-ui-src-client-ui-css--style--withCustomer span[class*='contextMenuButton'] section {
            right: -0.0625rem;
            top: 1.375rem;
            width: -moz-max-content;
            width: max-content;
          }
    }
/* to be removed post MVP of MCDC, AQM and green */
/*************************************************************************************/
/* This file contains styles for tiles that display information on grid-2 cells only */
/* This styles we're necessary because of the NTT grid design where in the first and */
/* last column of the grid inside the tile include the left and right padding        */
/*************************************************************************************/
@media print {
  *[class*='no-print'] {
    display: none;
  }
}
html {
  width: 100% !important;
  min-width: 64rem;
  min-height: 48rem;
  /* overflow: hidden !important; */ /* need to enforce as Angular FPs are overriding it */
}
body.\---node_modules-mws-base-ui-src-client-ui-css--style--dynamicScrollAndBackground{
  overflow: hidden !important;
  background: white !important;
}
body {
  margin: 0;
  padding: 0;
  overflow: auto !important;
  background: #ededed !important;
  font-family: UniversNextforHSBC;
}
body * {
    /* This is a global transition, we can't remove it directly which would make components lost the animation (e.g. left panel), and for those cases don't want the transition, please add transition:none from CB */
    transition: width 0.4s, top 0.4s, bottom 0.4s, padding 0.4s, min-width 0.2s, max-width 0.2s, right 0.4s, left 0.4s, min-height 0.4s,
      height 0.4s, max-height 0.4s, margin 0.4s, opacity 0.3s, background-color 0.2s, background 0.2s ease;
    box-sizing: border-box;
    scroll-behavior: smooth;
  }
/* Set font family for Simplified Chinese */
body *[lang="zh-hans"] {
    font-family: UniversNextforHSBC, MYingHeiSChineseforHSBC;
  }
/* Set font family for Traditional Chinese */
body *[lang="zh-hant"] {
    font-family: UniversNextforHSBC, MYingHeiTChineseforHSBC;
  }
h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
/* *:focus-visible {
  outline: 2px solid var(--focus) !important;
} */
/* input:focus {
  outline: none !important;
} */
/* *::-webkit-scrollbar {
  width: 5px;
  height: 5px; 
}
 
*::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
*::-webkit-scrollbar-thumb {
  background-color: lightgray;
  outline: 1px solid slategrey;
  border-radius: 5px;
} */
label {
  cursor: default;
}
button[class*='pb-core-components-Button-button--Button'] {
    padding: 0.5625rem 1.25rem 0.6875rem;
  }
button[class*='pb-core-components-Button-button--Button']:disabled {
    background-color: transparent;
    color: #333333;
    border: 1px solid #333333;
    opacity: 0.3;
  }
.\---node_modules-mws-base-ui-src-client-ui-css--style--myWorkspace {
  display: none;
}
/* position: fixed;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  left: 50%;
  right: 50%;
  top: 50%;
  bottom: 50%;

  div[class*="search"] {
    display: none;
  } */
.\---node_modules-mws-base-ui-src-client-ui-css--style--myWorkspace.\---node_modules-mws-base-ui-src-client-ui-css--style--active {
    display: block;
    /* top: 0;
    opacity: 1;
    z-index: 1;
    visibility: visible;
    bottom: 0;
    left: 0;
    right: 0;

    div[class*="search"] {
      display: block;
    } */
  }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container {
  position: relative;
  /* transition: none; */
  width: 100%;
  /* top: 44px; */
  left: 0;
  right: 0;
  z-index: 0;
}
.\---node_modules-mws-base-ui-src-client-ui-css--style--container > div,
  .\---node_modules-mws-base-ui-src-client-ui-css--style--container > div > div > div {
    max-width: 100% !important;
  }
/* z-index: -1; */
.\---node_modules-mws-base-ui-src-client-ui-css--style--container .\---node_modules-mws-base-ui-src-client-ui-css--style--notification {
    top: 6.25rem !important;
  }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--tablet {
    top: 3.75rem;
  }
/* position: absolute !important;
    top: 97px !important; */
@media screen and (max-width: 1102px) {
.\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--globalNotifActive {
      /* top: 122px !important; */
  }
    }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--globalNotifActive [class*="searchActive"] {
      top: 6.0625rem !important;
    }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--child {
    top: 0;
  }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--child > div > div > div > div[class*="tabContainer"] {
      top: 0;
      bottom: auto;
    }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--child div[class*="main"] {
      left: 0 !important;
    }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container .\---node_modules-mws-base-ui-src-client-ui-css--style--tabContainer {
    z-index: 1;
    top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
  }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container .\---node_modules-mws-base-ui-src-client-ui-css--style--tabContainer.\---node_modules-mws-base-ui-src-client-ui-css--style--tablet {
      top: 3.75rem;
    }
@media screen and (max-width: 1279px) {
        .\---node_modules-mws-base-ui-src-client-ui-css--style--container > div[class*='--Grid'] > div[class*='--Row'] > div[class*='--Cell'] {
          position: relative;
          max-width: 100% !important;
        }
      .\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--withCustomer div[class*='--main'] {
        left: 19.6875rem;
      }
  }
@media screen and (min-width: 1280px) {
    .\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--withCustomer {
      height: 100vh;
      /* position: absolute; */
      right: 0;
      left: 0;
      bottom: 0;
    }
      /* z-index: -1; */

      .\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--withCustomer > div[class*='--Grid'] {
        width: 100%;
        max-width: 100%;
      }

        .\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--withCustomer > div[class*='--Grid'] > div {
          position: relative;
          margin: 0;
        }
          .\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--withCustomer > div[class*='--Grid'] > div > div[class*='size-12'] {
            max-width: 100% !important;
            margin: 0;
          }

      .\---node_modules-mws-base-ui-src-client-ui-css--style--container.\---node_modules-mws-base-ui-src-client-ui-css--style--withCustomer div[class*='main'] {
        left: 19.6875rem;
        position: absolute;
        /* top: 47px; */
      }
  }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container div.\---node_modules-mws-base-ui-src-client-ui-css--style--main {
    border-top: 1px solid #000000;
    position: absolute;
    visibility: visible;
    opacity: 1;
    right: 0;
    left: 0;
    background: #f3f3f3;
  }
/* transition: left 0.4s linear; */
@media screen and (max-width: 1279px) {
.\---node_modules-mws-base-ui-src-client-ui-css--style--container div.\---node_modules-mws-base-ui-src-client-ui-css--style--main {
      position: absolute;
      right: 1.25rem
  }
    }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container div.\---node_modules-mws-base-ui-src-client-ui-css--style--main.\---node_modules-mws-base-ui-src-client-ui-css--style--tablet {
      left: 0;
      top: 0;
    }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container div.\---node_modules-mws-base-ui-src-client-ui-css--style--main.\---node_modules-mws-base-ui-src-client-ui-css--style--onCustomerMode {
      left: 0;
      display: none;
    }
.\---node_modules-mws-base-ui-src-client-ui-css--style--container div.\---node_modules-mws-base-ui-src-client-ui-css--style--main.\---node_modules-mws-base-ui-src-client-ui-css--style--expanded,
    .\---node_modules-mws-base-ui-src-client-ui-css--style--container div.\---node_modules-mws-base-ui-src-client-ui-css--style--main.\---node_modules-mws-base-ui-src-client-ui-css--style--noKeyPanel {
      left: 0;

    }
@media screen and (max-width: 780px) {
          .\---node_modules-mws-base-ui-src-client-ui-css--style--container div.\---node_modules-mws-base-ui-src-client-ui-css--style--main.\---node_modules-mws-base-ui-src-client-ui-css--style--expanded div[class*="InCanvassNotification--styles--actions"] button, .\---node_modules-mws-base-ui-src-client-ui-css--style--container div.\---node_modules-mws-base-ui-src-client-ui-css--style--main.\---node_modules-mws-base-ui-src-client-ui-css--style--noKeyPanel div[class*="InCanvassNotification--styles--actions"] button {
            margin-bottom: 1.25rem;
          }
            
            .\---node_modules-mws-base-ui-src-client-ui-css--style--container div.\---node_modules-mws-base-ui-src-client-ui-css--style--main.\---node_modules-mws-base-ui-src-client-ui-css--style--expanded div[class*="InCanvassNotification--styles--actions"] button:last-of-type, .\---node_modules-mws-base-ui-src-client-ui-css--style--container div.\---node_modules-mws-base-ui-src-client-ui-css--style--main.\---node_modules-mws-base-ui-src-client-ui-css--style--noKeyPanel div[class*="InCanvassNotification--styles--actions"] button:last-of-type {
              margin-left: 0;
            }
      }
h4 {
  font-size: calc(1.125rem + 2px);
  line-height: calc(1.5rem + 4px);
  font-weight: 400;
  position: relative;
  padding-left: 1rem;
}
h4[class*='accentBar']:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 0.1875rem;
  background-color: #db0011;
  top: 0.1429em;
  bottom: 0.1429em;
}
span[class*='notif'] {
  display: inline-block;
}
span[class*='notif'][class*='success'] svg {
      fill: #00847f;
    }
span[class*='notif'][class*='info'] svg {
      fill: #305a85;
    }
span[class*='notif'][class*='warning'] svg {
      fill: #ffbb33;
    }
span[class*='notif'][class*='error'] svg {
      fill: #a8000b;
    }
span[class*='notif'][class*='with-label'] svg {
      margin-right: 0.5rem;
      margin-top: 0.0625rem;
    }
span[class*='notif'] + a {
    margin-left: 0.5rem;
    margin-right: 0.75rem;
  }
/* remove clear button on input boxes in IE */
input::-ms-clear {
    display: none;
  }
.\---node_modules-mws-base-ui-src-client-ui-css--style--show {
  /* -webkit-animation: fade-in .5s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in .5s cubic-bezier(0.39, 0.575, 0.565, 1) both; */
  display: block;
  position: relative;
  width: auto;
  z-index: 3 !important;
}
.\---node_modules-mws-base-ui-src-client-ui-css--style--fadeOut {
	 animation: \---node_modules-mws-base-ui-src-client-ui-css--style--fade-out 1s ease-out both;
}
@keyframes \---node_modules-mws-base-ui-src-client-ui-css--style--fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.\---node_modules-mws-base-ui-src-client-ui-css--style--hide {
  opacity: 0;
  visibility: hidden;
  display: none;
  z-index: -1;
  height: 0;
  position: relative;
}
/* override CSS for piggybank components */
[class*='pb-core-components-Callout-callout--success'] [class*='pb-core-components-Callout-callout--icon'] {
  color: #00847f !important;
}
[class*='pb-form-components-FieldFeedback-field-feedback--message'] {
  color: #333333 !important;
}
[class*='pb-form-components-TextInput-text-input--Invalid'],
[class*='mws-common-ui-core-src-components-Select--index--invalid'] {
  color: #333333 !important;
  background-color: #f9f2f3 !important;
}
span[class*='withMagicUnderlines'] {
  background-size: 1px 1px !important;
}
img {
  image-rendering: -webkit-optimize-contrast;
}
input[type='button']:focus:not(:focus-visible),
button:focus:not(:focus-visible),
a:focus:not(:focus-visible) {
  outline: 0;
}
/* input[type='button']:focus-visible,
button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--focus);
} */
[class*="skltn"] {

  position: relative;
  overflow: hidden;
  display: inline-block;
  background-color: #DDDBDD;
}
[class*="skltn"]:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background: linear-gradient(to left, transparent 0%,#C0C0C0 50%,transparent 100%);
    animation: \---node_modules-mws-base-ui-src-client-ui-css--style--shimmer 2s infinite;
    content: '';
  }
@keyframes \---node_modules-mws-base-ui-src-client-ui-css--style--shimmer {
  100% {
    transform: translateX(100%);
  }
}
.\---node_modules-mws-base-ui-src-client-ui-css--style--enter {
	 animation: \---node_modules-mws-base-ui-src-client-ui-css--style--scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes \---node_modules-mws-base-ui-src-client-ui-css--style--scale-in-center {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes \---node_modules-mws-base-ui-src-client-ui-css--style--fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
  }
}
[class*="withMagicUnderlines"] {
  transition: background-size 0s;
}
*:focus {
    outline: revert !important;
  }
input[class*="pb-form-components-TextInput-text-input--TextInput"],
div[class*="pb-form-components-FilterableSelect-filterable-select--inputWrapper"] {
  border: 1px solid #767676;
  outline: none !important;
}
input[class*="pb-form-components-TextInput-text-input--TextInput"]:hover, div[class*="pb-form-components-FilterableSelect-filterable-select--inputWrapper"]:hover {
    border-color: #000000;
  }
input[class*="pb-form-components-TextInput-text-input--TextInput"]:focus,
  input[class*="pb-form-components-TextInput-text-input--TextInput"]:active,
  div[class*="pb-form-components-FilterableSelect-filterable-select--inputWrapper"]:focus,
  div[class*="pb-form-components-FilterableSelect-filterable-select--inputWrapper"]:active {
    border-color: #000000 !important;
    box-shadow: inset 0 -2px #000000 !important;
    outline: none !important;
    background-color: #ffffff;
  }
div[class*="pb-form-components-FilterableSelect-filterable-select--focused"] {
  border-color: #000000 !important;
  box-shadow: inset 0 -2px #000000 !important;
}

.\---node_modules-mws-base-ui-src-client-ui-hoc-withMessageListener--styles--withMesssageListenterloadingContainer{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
}
  .\---node_modules-mws-base-ui-src-client-ui-hoc-withMessageListener--styles--withMesssageListenterloadingContainer.\---node_modules-mws-base-ui-src-client-ui-hoc-withMessageListener--styles--hide{
    display: none;
  }
  .\---node_modules-mws-base-ui-src-client-ui-hoc-withMessageListener--styles--withMesssageListenterloadingContainer> div{
      margin-top: 25% !important;
  }
.pb-core-components-ModalDialog-modal-dialog--dialogWrapper {
  outline: none;
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

  .pb-core-components-ModalDialog-modal-dialog--dialogWrapper::before,
  .pb-core-components-ModalDialog-modal-dialog--dialogWrapper::after {
    content: '';
    display: block;
  }

  .pb-core-components-ModalDialog-modal-dialog--dialogWrapper::before {
    flex: 1;
  }

  .pb-core-components-ModalDialog-modal-dialog--dialogWrapper::after {
    flex: 1.5;
  }

.pb-core-components-ModalDialog-modal-dialog--drawerWrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.pb-core-components-ModalDialog-modal-dialog--drawerWrapper > div {
    margin: 0 0 0 auto;
    height: 100%;
  }

@media screen and (max-width: 599px) {

.pb-core-components-ModalDialog-modal-dialog--drawerWrapper > div {
      max-width: none
  }
    }

.pb-core-components-ModalDialog-modal-dialog--dialog,
.pb-core-components-ModalDialog-modal-dialog--drawer {
  background-color: white;
  pointer-events: all;
  outline: none;
  position: relative;
}

.pb-core-components-ModalDialog-modal-dialog--dialog {
  border: 1px solid #d7d8d6;
  margin: calc(1rem + 8px) 0;
}

.pb-core-components-ModalDialog-modal-dialog--header {
  position: relative;
  padding: calc(1rem + 8px) 48px calc(1rem + 8px) calc(1rem + 8px);
}

.pb-core-components-ModalDialog-modal-dialog--closeButton {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding: 15px;
}

.pb-core-components-ModalDialog-modal-dialog--closeButton:focus {
    outline-offset: -2px;
  }

.pb-core-components-ModalDialog-modal-dialog--closeButton {
    color: #333333
}

.pb-core-components-ModalDialog-modal-dialog--content {
  padding: 0 calc(1rem + 8px) calc(1rem + 8px);
}

.pb-core-components-ModalDialog-modal-dialog--drawer {
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 600px) {

.pb-core-components-ModalDialog-modal-dialog--drawer {
    border-left: 1px solid #d7d8d6
}
  }

.pb-core-components-ModalDialog-modal-dialog--drawer .pb-core-components-ModalDialog-modal-dialog--header {
    flex: 0 0 auto;
    border-bottom: 1px solid #d7d8d6;
      background-color: #ededed;
  }

.pb-core-components-ModalDialog-modal-dialog--drawer .pb-core-components-ModalDialog-modal-dialog--content {
    padding-top: calc(1rem + 8px);
    flex: 1 1 auto;
    overflow-y: auto;
  }

.pb-core-components-ModalDialog-modal-dialog--underlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1050;
  overflow: auto;
  min-height: 480px;
}

.pb-core-components-ModalDialog-modal-dialog--enter .pb-core-components-ModalDialog-modal-dialog--underlay {
    background-color: rgba(0, 0, 0, 0);
  }

.pb-core-components-ModalDialog-modal-dialog--enter .pb-core-components-ModalDialog-modal-dialog--dialog {
    transform: scale(0.95);
    opacity: 0.01;
  }

.pb-core-components-ModalDialog-modal-dialog--enter .pb-core-components-ModalDialog-modal-dialog--drawer {
    transform: translateX(100%);
  }

.pb-core-components-ModalDialog-modal-dialog--exit .pb-core-components-ModalDialog-modal-dialog--underlay {
    transition: background-color 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    background-color: rgba(0, 0, 0, 0);
  }

.pb-core-components-ModalDialog-modal-dialog--exit .pb-core-components-ModalDialog-modal-dialog--dialog {
    transition: opacity 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0.01;
  }

.pb-core-components-ModalDialog-modal-dialog--exit .pb-core-components-ModalDialog-modal-dialog--drawer {
    transition: transform 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transform: translateX(100%);
  }

.pb-core-components-ModalDialog-modal-dialog--open .pb-core-components-ModalDialog-modal-dialog--underlay {
    transition: background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    background-color: rgba(0, 0, 0, 0.5);
  }

.pb-core-components-ModalDialog-modal-dialog--open .pb-core-components-ModalDialog-modal-dialog--dialog {
    transition: transform 200ms cubic-bezier(0.215, 0.61, 0.355, 1),
      opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scale(1);
    opacity: 1;
  }

.pb-core-components-ModalDialog-modal-dialog--open .pb-core-components-ModalDialog-modal-dialog--drawer {
    transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateX(0%);
  }

.\---node_modules-mws-base-ui-src-client-ui-components-Unauthorized--styles--errorDetails{
    font-size: 0.875rem !important;
}
.\---node_modules-mws-base-ui-src-client-ui-page-Success--styles--cardWrapper{
    width: 40%;
    display: block;
    margin: 0 auto;
    padding: 1.25rem 1.875rem;
    margin-top: 8rem;
}
.\---node_modules-mws-base-ui-src-client-ui-page-Success--styles--successMsg{
    margin: 1.25rem 0;
    width: 28.125rem;
}

.\---node_modules-mws-base-ui-src-client-ui-components-Header--style--header {
  position: inherit;
  z-index: 99999;
  height: 2.75rem;
  color: #ffffff;
  background: #000000;
  right: 0;
  left: 0;
  top: 0;

  /* &.logo {
    background: url('~/assets/hsbc_logo.png');
  } */
}

  .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--header.\---node_modules-mws-base-ui-src-client-ui-components-Header--style--collapse {
    height: 0;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--header.\---node_modules-mws-base-ui-src-client-ui-components-Header--style--padLeft > div {
      left: 0.625rem;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--header > div {
    position: absolute;
    left: 0;
    right: 0;
    max-width: 100%;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--header > div > div,.\---node_modules-mws-base-ui-src-client-ui-components-Header--style--header > div > div > div {
        display: flex;
      }

  /* background: var(--light-charcoal); */

  .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--header > div > div > div > div:hover svg {
              fill: #ffffff;
            }

  .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--header > div > div > div:first-child {
          display: flex;
        }

  .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--header > div > div > div:first-child > div > span {
              margin-top: 0;
            }

  /* border-left: 1px solid var(--pewter); */

  .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--header > div > div > div:first-child > div > span > svg {
                margin-left: 1.25rem;
              }

  .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--header > div > div > div:last-child {
          position: absolute;
          right: 0;
          display: flex;
          justify-content: flex-end;
          margin-right: 0;
          height: 2.75rem;
        }

  .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--header .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--logo > img {
      height: 1.25rem;
      margin: 0.75rem 0 0.75rem 1.25rem;
      padding-right: 1.25rem;
      border-right: 1px solid #767676;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--header .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--hsbc_logo > img {
      height: 1.75rem;
      margin: 1rem 0 0.75rem 2.5rem;
      padding-right: 1.25rem;
    }

  /* span[class*="logo"] {
    float: left;
    margin: 14px 20px 0 20px;

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      margin: 13px 20px 0 -12px;
    }

    & > svg {
      & > rect {
        fill: none;
      }
      & > path,
      & > polygon:last-of-type {
        fill: var(--white);
      }
    }
  } */

  .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--header.\---node_modules-mws-base-ui-src-client-ui-components-Header--style--tablet {
    height: 3.75rem;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--header.\---node_modules-mws-base-ui-src-client-ui-components-Header--style--tablet .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--logo img,.\---node_modules-mws-base-ui-src-client-ui-components-Header--style--header.\---node_modules-mws-base-ui-src-client-ui-components-Header--style--tablet .\---node_modules-mws-base-ui-src-client-ui-components-Header--style--hsbc_logo img {
        height: 1.875rem;
        margin: 0.9375rem 1.25rem;
      }
#\---node_modules-mws-base-ui-src-client-ui-components-Header--style--twsHeader {
    background: #ffffff;
    position: sticky;
    height:3.75rem;
    box-shadow: 0 -6px 10px 2px rgba(0,0,0,0.5);
}

.\---node_modules-mws-base-ui-src-client-ui-components-TWS-LogInForm--styles--cardWrapper{
    width: 31.25rem;
    display: block;
    margin: 0 auto;
    padding: 1.25rem 1.875rem;
    margin-top: 2.5rem;
}
.\---node_modules-mws-base-ui-src-client-ui-components-TWS-LogInForm--styles--mrgT15{
    margin-top: 0.9375rem;
}
.\---node_modules-mws-base-ui-src-client-ui-components-TWS-LogInForm--styles--btnMargin{
    margin: 1.25rem 0;
}
.\---node_modules-mws-base-ui-src-client-ui-components-TWS-LogInForm--styles--iconStyle{
    color: red;
}
.\---node_modules-mws-base-ui-src-client-ui-components-TWS-LogInForm--styles--mrgB20{
   margin-bottom: 1.25rem; 
}
.\---node_modules-mws-base-ui-src-client-ui-components-TWS-LogInForm--styles--headingText {
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.9375rem;
    word-wrap: break-word;
    font-family: UniversNextforHSBC;
    overflow: hidden;
    word-break: break-word;
}
.\---node_modules-mws-base-ui-src-client-ui-components-TWS-OtpForm--styles--displayFlex{
    display: flex;
    margin-top: 0.625rem;
}
.\---node_modules-mws-base-ui-src-client-ui-components-TWS-OtpForm--styles--textStyle{
   margin: -0.5rem 0 0.25rem 0;
   font-size: 0.875rem;
}
.\---node_modules-mws-base-ui-src-client-ui-page-LogIn--styles--cardWrapper{
    width: 31.25rem;
    display: block;
    margin: 0 auto;
    padding: 1.25rem 1.875rem;
    margin: 2.5rem auto;
}
.\---node_modules-mws-base-ui-src-client-ui-page-LogIn--styles--mrgT15{
    margin-top: 0.9375rem;
}
.\---node_modules-mws-base-ui-src-client-ui-page-LogIn--styles--btnMargin{
    margin: 1.25rem 0;
}
.\---node_modules-mws-base-ui-src-client-ui-page-LogIn--styles--iconStyle{
    color: red;
}
.\---node_modules-mws-base-ui-src-client-ui-page-LogIn--styles--mrgB20{
   margin-bottom: 1.25rem; 
}
.\---node_modules-mws-base-ui-src-client-ui-components-TWS-RegistrationForm--styles--cardWrapper{
    width: 31.25rem;
    display: block;
    margin: 0 auto;
    padding: 1.25rem 1.875rem;
    margin: 2.5rem auto;
}
.\---node_modules-mws-base-ui-src-client-ui-components-TWS-RegistrationForm--styles--mrgT15{
    margin-top: 0.9375rem;
}
.\---node_modules-mws-base-ui-src-client-ui-components-TWS-RegistrationForm--styles--btnMargin{
    margin: 1.25rem 0;
}
.\---node_modules-mws-base-ui-src-client-ui-components-TWS-RegistrationForm--styles--iconStyle{
    color: red;
}
.\---node_modules-mws-base-ui-src-client-ui-components-TWS-RegistrationForm--styles--mrgB20{
   margin-bottom: 1.25rem; 
}
.\---node_modules-mws-base-ui-src-client-ui-components-TWS-RegistrationForm--styles--headingText {
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.9375rem;
    word-wrap: break-word;
    font-family: UniversNextforHSBC;
    overflow: hidden;
    word-break: break-word;
}
.\---node_modules-mws-base-ui-src-client-ui-components-TWS-Tooltip--styles--iconHelp{
   margin-left: 0.25rem;
}
.\---node_modules-mws-base-ui-src-client-ui-components-NoServicesSelected--styles--noServicesSelected {
  height: 93vh;
}
.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks--styles--tasks {
  /* position: sticky;
  top: 0; */
}

  /* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    position: fixed;
    margin-right: 15px;
    max-width: inherit;
    top: auto;
  } */

  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks--styles--tasks section {
    margin-bottom: 0;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks--styles--tasks section > div:last-of-type > hr {
        display: none;
      }
.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks-Task--styles--task {
  position: relative;
}
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks-Task--styles--task section {
    margin-bottom: 0;
    margin-right: 1.25rem;
    padding-left: 0.625rem;
  }
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks-Task--styles--task section.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks-Task--styles--OUTSTANDING {
      border-left: 3px solid #db0011;
    }
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks-Task--styles--task section.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks-Task--styles--IN_PROGRESS {
      border-left: 3px solid #305a85;
    }
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks-Task--styles--task section.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks-Task--styles--ALERT {
      border-left: 3px solid #ffbb33;
    }
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks-Task--styles--task section.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks-Task--styles--RECOMMENDATION {
      border-left: 3px solid #34880f;
    }
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks-Task--styles--task section > label {
      margin-bottom: 0;
      font-size: 0.875rem;
    }
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks-Task--styles--task section > label:last-of-type {
        color: #767676;
      }
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks-Task--styles--task section > label:first-of-type {
        font-weight: 600;
      }
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks-Task--styles--task a {
    position: absolute;
    right: 0;
    color: #db0011;
    bottom: 0.9375rem;
    cursor: pointer;
  }
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks-Task--styles--task hr {
    margin: 0.3125rem 0 !important;
  }
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-PriorityTasks-Task--styles--task:last-of-type a {
      bottom: 0;
    }
/* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    position: fixed;
    margin-right: 15px;
    max-width: inherit;
    top: auto;
  } */

  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-Recommendations--styles--recommendations > div,.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-Recommendations--styles--recommendations section {
    margin-bottom: 0;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-Recommendations--styles--recommendations section > div:last-of-type > hr {
        display: none;
      }
.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-Recommendations-Recommendation--styles--recommendation {
  position: relative;
}
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-Recommendations-Recommendation--styles--recommendation section {
    margin-bottom: 0;
    margin-right: 1.25rem;
    padding-left: 0.625rem;
    border-left: 3px solid #008580;
  }
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-Recommendations-Recommendation--styles--recommendation section > label {
      margin-bottom: 0;
      font-size: 0.875rem;
    }
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-Recommendations-Recommendation--styles--recommendation section > label:last-of-type {
        color: #767676;
      }
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-Recommendations-Recommendation--styles--recommendation section > label:first-of-type {
        font-weight: 600;
      }
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-Recommendations-Recommendation--styles--recommendation a {
    position: absolute;
    right: 0;
    color: #db0011;
    bottom: 0.9375rem;
    cursor: pointer;
  }
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-Recommendations-Recommendation--styles--recommendation hr {
    margin: 0.3125rem 0;
  }
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel-Recommendations-Recommendation--styles--recommendation:last-of-type a {
      bottom: 0;
    }
.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel {
  height: 100vh;
  max-width: 19.6875rem;
  position: fixed;
  right: 0;
  z-index: 2;
  background: #ffffff;
  transition: right 0.4s linear;

  /* &.bgWhite {
    & > div {
      background: rgba(255,255,255,0);
    }
  } */

  /* .tasks {
    -webkit-animation: fade-in .5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: fade-in .5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;

    &.hide {
      display: none;
    }

    & > div {
      & > div:nth-child(2) {
        display: none;
      }
    }
  }

  @-webkit-keyframes fade-in {
    0% { opacity: 0; display: block; }
    100% { opacity: 1; }
  }
  @keyframes fade-in {
    0% { opacity: 0; display: block; }
    100% { opacity: 1; }
  } */
}
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--collapse {
    right: -19.6875rem;
  }
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--modal {
    box-shadow: -10px 0px 10px -6px #d7d8d6;
  }
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--tablet > span > a {
        /* top: 107px; */
        display: none;
      }
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--fraudster > span > a {
      top: 7.375rem;
    }
  
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel {
    max-width: 21.5625rem
}
  }
  
  @media only screen and (max-width: 1083px) {.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel {
    /* position: relative; */
    /* right: -40px; */
}
  }
  
  /* @media only screen and (max-width: 1084px) {
    position: relative;
    right: -20px;
  } */
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel > div {
    /* margin: 46px 0px; */
    /* background: var(--pearl)40; */
    height: 100%;
    /* @media only screen and (min-width: 1910px) {
      margin-left: -10px;
      margin-right: 10px;
    } */
  }
  
  /* padding: 4.25rem 1.25rem; */
  
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel > div {
      padding: 4.125rem 0.625rem 1.25rem 1.25rem
  }
    }
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel > span > a {
      position: fixed;
      z-index: -1;
      right: -0.1875rem;
      top: 5.75rem;
      cursor: pointer;
      padding: 0.625rem 1.375rem 0.625rem 0;
      /* border-top: 1px solid var(--black); */
      background: #333333;
    }
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel > span > a > span {
        border-left: 1px solid gray;
        padding-left: 1.25rem;
        margin-left: 0 !important;
      }
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel > span > a > span:first-of-type {
          display: none;
        }
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel > span > a svg {
        fill: #ffffff;
      }
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel > span > a:hover {
        background: #404040;
      }
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel > span > a:hover > span {
          border-left-color: #404040;
        }
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel > span.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--active > a {
        background: #ffffff;
        /* top: -47px; */
        z-index: 0;
        /* @media only screen and (max-width: 1083px) { */
      }
  
  /* } */
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel > span.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--active > a svg {
          fill: currentColor;
        }
  
  /* top: -41px; */
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel > span.\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--active > a > span {
          border-left-color: #ffffff;
        }
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel svg {
    fill: currentColor;
  }
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel + div > div {
      max-width: 100% !important;
      padding-right: 22.1875rem;
    }
  
  .\---node_modules-mws-base-ui-src-client-ui-components-StickyRightPanel--styles--stickyRightPanel div[class*="Tile"] {
    /* border: 1px solid var(--silver); */
    box-shadow: none;
  }
/* div[class*='tabContent'] {
    background-color: var(--white) !important;
  } */

  .\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabWrapper div[class*='Customer-Search'] {
    position: fixed;
    z-index: 2;
    width: 100%;
    margin-top: -4rem;
    max-width: 100%;
    background: #fff;
    padding: 1.25rem 7vw;
    min-height: 100vh;
    left: 0;
    right: 0;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabWrapper div[class*='Customer-Search'] form {
      margin: 0 1.875rem 0 0.625rem;
    }

  /* margin: 0 20px;
  padding: 20px 0; */

  .\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabWrapper > div > h4,
    .\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabWrapper > div > div > div > h4,
    .\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabWrapper > div > div > div > div > h4 {
      display: inline-block;
      margin-right: 2rem;
      font-size: 1.375rem;
      margin-bottom: 1.25rem;
      padding: 0;
    }

  @media only screen and (max-width: 1024px) {
    .\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabWrapper div[class*='Customer-Search'] {
      padding: 0;
      min-height: 100vh;
    }
      .\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabWrapper div[class*='Customer-Search'] form {
        margin: 1.25rem 2.5rem 1.25rem 1.25rem;
      }
  }

/* div[class*='Tabs--Tabs--tabBar'] {
  position: relative;
  z-index: 99999;
 } */

/* & > div {
    &:first-of-type {
      & > div {
        box-shadow: 0 -5px 23px -8px var(--charcoal);
        z-index: 1;
        position: relative;
      }
    }
  }
 */

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--noTabsBar > div[class*="tabBar"],.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--child div[class*='tabBar'] {
      display: none;
    }

/* &.tablet {
    & > div {
      &:first-of-type {
        display: none;
      }
    }
  } */

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer > div[class*='tabContent'] > div > div:first-of-type {
        scroll-behavior: smooth;
      }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer > div[class*='tabContent'] > div > div:first-of-type > div {
         /*  min-width: 960px; */
        }

/* padding-bottom: 60px; */

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer > div[class*='tabContent'] > div > div:first-of-type > div > div {
            min-width: 40.625rem;
          }

@media screen and (max-width: 980px) {

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer > div[class*='tabContent'] > div > div:first-of-type > div > div {
              padding-right: 1.25rem
          }
            }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer div[id='tabContent_hom'] {
    max-width: 100% !important;
  }

/* transition: left 0.3s, right 0.3s ease; */

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer > ol li {
      margin-top: -0.0625rem;
      background: red;
      padding: 0.4375rem 1.25rem 0 !important;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer > ol li[class*='tabListActive'] {
        padding-right: 0.75rem !important;
      }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer > ol li[class*='tabListActive'] > label {
          margin-right: 0.625rem;
        }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer > ol li > a {
        height: 2rem;
        width: 2rem;
        display: inline-block;
        padding: 0.3125rem 0.5rem 0.4375rem;
      }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer > ol li > a:hover {
          background: #f3f3f3;
        }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer > ol li > a > span {
          margin-right: 0;
        }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer > ol li[class*='tabListActive'] {
        margin-bottom: 0;
      }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer > div[class*='tabContent'] div[id*='tabContent_cusinfove'] > a + label {
        display: none;
      }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer > ol {
    /* transition: left .3s linear; */
    position: relative;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer > ol > li[class*='tabListActive'] {
      margin-bottom: 0 !important;
    }

@media screen and (min-width: 1520px) and (max-width: 1920px) {
        .\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tabContainer.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--expanded > div[class*='tabContent'] > div {
          max-width: 99.6875rem;
        }
      }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--quickActions {
  position: absolute;
  right: 0;
  top: 2.75rem;
  margin-bottom: 0.625rem;
}

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--quickActions.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--tablet > a {
      /* &:first-of-type {
        top: 107px;
      } */
      display: none;
    }

@media screen and (min-width: 1025px) {

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--quickActions {
    right: 0 !important
}
  }

@media screen and (max-width: 1024px) {

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--quickActions.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--collapsed {
      right: 0 !important
  }
    }

@media only screen and (min-width: 1910px) and (max-width: 1920px) {

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--quickActions {
    right: 0.625rem !important
}
  }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--quickActions > a {
    padding: 0.625rem 1.125rem 0.5625rem 0;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--quickActions > a:first-of-type {
      position: fixed;
      right: 0;
      top: 5.75rem;
      background: #333333;
      border-top: 1px solid #000000;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--quickActions > a:first-of-type > span[class*='iconRight'] {
        border-left: 1px solid gray;
        padding-left: 1.0625rem;
        margin-left: 0;
      }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--quickActions > a:first-of-type:hover {
        background: #404040;
      }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--quickActions > a:first-of-type:hover > span {
          border-left: 0;
        }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--quickActions svg {
    fill: #ffffff;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--backToTop {
  position: absolute;
  bottom: -2.625rem;
  background: #ffffff;
  z-index: 5;
  right: 0;
  left: 0;
  text-align: right;
  font-size: 0.875rem;
  padding: 0.625rem 0.9375rem;
  border-top: 1px solid #ededed;
  cursor: pointer;
}

.\---node_modules-mws-base-ui-src-client-ui-components-TabContainer--styles--backToTop > a > span:last-of-type {
      font-weight: 800;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton {
  position: fixed;
  top: 2.75rem;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  z-index: -1;
}

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton.\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--hide {
    animation: \---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--fade-out .3s ease-out both;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton.\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--displayHide {
    display: none;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton.\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--isLoading {
    z-index: 3;
    animation: \---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--fade-in .6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton.\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--noKeyPanel .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerkeyPanel {
      display: none;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton.\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--noKeyPanel .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--mainCanvass {
      left: 0;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerSessionBar {
    background: #333333;
    height: 2.9375rem;
    position: absolute;
    left: 0;
    right: 0;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerSessionBar > div:first-of-type {
        width: 3.75rem;
        display: inline-block;
        height: 2.9375rem;
        margin-right: 0.625rem;
        background: url(/assets/icon-chevron-down-d374060d8ea5ae759bbc5b5a6b96a499.svg) no-repeat center;
        background-color: #404040;
      }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerSessionBar .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--avatar,
    .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerSessionBar .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--avatar + div {
      border-radius: 50%;
      width: 2.0625rem;
      height: 2.0625rem;
      margin: 0.4375rem 0.625rem;
      vertical-align: top;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerSessionBar .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--avatar + div {
      border-radius: 0;
      width: 25rem;
      margin-top: 0.625rem;
      height: 1.75rem;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerkeyPanel {
    position: absolute;
    width: 19.6875rem;
    background: #404040;
    top: 2.9375rem;
    bottom: 0;

  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerkeyPanel hr {
      margin: 0 1.25rem 1.25rem;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerkeyPanel > div {
      padding: 0.3125rem 0.625rem;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerkeyPanel > div:first-of-type {
        padding-top: 1.25rem;
      }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerkeyPanel > div > label {
        margin-right: 1.25rem;
        height: 1.25rem;
      }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerkeyPanel > div > label:first-of-type {
          margin-left: 0.625rem;
          width: 6.25rem !important;
          vertical-align: top;
        }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerkeyPanel > div > label:last-of-type {
          margin-right: 0.625rem;
          width: 9.6875rem;
        }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerkeyPanel > div > label + div {
          width: 9.375rem;
          display: inline-block;
          margin-left: 0.625rem;
        }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerkeyPanel > div > label + div > label {
            margin-right: 1.25rem;
            height: 1.25rem;
            margin-right: 0.625rem;
            width: 9.6875rem;
            margin-bottom: 0.625rem;
          }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerkeyPanel > div > label + div > label:last-of-type {
              margin-bottom: 0;
            }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--mainCanvass {
    position: absolute;
    left: 19.6875rem;
    top: 2.9375rem;
    bottom: 0;
    background: #ededed;
    right: 0;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--mainCanvass .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--tabs {
      height: 2.75rem;
      background: #333333;
      border-top: 1px solid #000000;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--mainCanvass .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--tabs > div {
        width: 9.375rem;
        background: #ffffff;
        height: 2.75rem;
        border-top: 3px solid #db0011;
      }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--mainCanvass .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--journey {
      padding: 1.25rem;
      max-width: 80rem;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--mainCanvass .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--journey > label {
        height: 1.875rem;
        width: 25rem;
      }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--mainCanvass div[class*="Tile"] {
      margin-top: 1.25rem;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton.\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--noLeftPanel .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerSessionBar > div:first-of-type { 
        display: none;
      }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--customerWorkspaceSkeleton.\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--noLeftPanel .\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--mainCanvass.\---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--noLeftPanel {
        left: 0;
      }

@keyframes \---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes \---node_modules-mws-base-ui-src-client-ui-components-CustomerWorkspaceSkeleton--styles--fade-out {
  0% {
    opacity: 1;
    z-index: 3;
  }
  100% {
    opacity: 0;
    z-index: -1;
    display: none;
  }
}

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFilters--styles--custSearchfilter {
  margin-left: 0.5rem;
}

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFilters--styles--custSearchfilter div[class*="pb-form-components-Checkbox-checkbox--inputContainer"] {
    display: none;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFilters--styles--custSearchfilter .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFilters--styles--checkWrapper {
    margin-left: 0.75rem;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFilters--styles--custSearchfilter label {
    color: #000000;
    text-decoration: none;
    padding: 0.5rem 1rem;
    position: relative;
    display: inline-block;
    border-radius: 20px;
    border: 1px solid #333333;
    color: #333333;
    font-size: 0.875rem;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFilters--styles--custSearchfilter .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFilters--styles--filterCheck label {
    border: solid 1px #333333;
    background-color: #000000;
    color: #ffffff;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFilters--styles--custSearchfilter .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFilters--styles--notificationMessage {
    margin-top: 1.25rem;
    margin-bottom: 1.5rem;
  }

.pb-form-components-Fieldset-fieldset--Fieldset {
  border: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.pb-form-components-Checkbox-checkbox--Checkbox {
  display: flex;
  clear: both;
}

.pb-form-components-Checkbox-checkbox--input,
.pb-form-components-Checkbox-checkbox--inputContainer,
.pb-form-components-Checkbox-checkbox--label {
  cursor: pointer;
}

.pb-form-components-Checkbox-checkbox--inputContainer {
  position: relative;
    flex: 0 0 2em;
    min-height: 3em;
    min-width: 2em;
}

.pb-form-components-Checkbox-checkbox--input {
  opacity: 0;
  height: 100%;
  margin: 0;
    width: 2em;
}

.pb-form-components-Checkbox-checkbox--inputMask {
  position: absolute;
  top: 0.75em;
  left: 0;
  right: 0;

  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0.125em solid transparent;
  outline-offset: -0.125em;
  transition: outline-offset 50ms linear;
  animation: pb-form-components-Checkbox-checkbox--color 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
    height: 2em;
    width: 2em;
    top: 0.5em;
    border: 1px solid #767676;
}

.pb-form-components-Checkbox-checkbox--icon {
  opacity: 0;
    color: #14a5ab;
}

.pb-form-components-Checkbox-checkbox--icon path {
    transition: stroke-dashoffset 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19)
      50ms;
    stroke-dasharray: 32px;
    stroke-dashoffset: 32px;
  }

.pb-form-components-Checkbox-checkbox--inputMask--checked .pb-form-components-Checkbox-checkbox--icon {
  opacity: 1;
}

.pb-form-components-Checkbox-checkbox--inputMask--checked .pb-form-components-Checkbox-checkbox--icon path {
    stroke-dashoffset: 0px;
  }

.pb-form-components-Checkbox-checkbox--inputMask--invalid {
    border: 2px solid #a8000b
}

.pb-form-components-Checkbox-checkbox--input:active + .pb-form-components-Checkbox-checkbox--inputMask {
  background-color: #d7d8d6;
}

.pb-form-components-Checkbox-checkbox--input:focus + .pb-form-components-Checkbox-checkbox--inputMask {
  outline-color: #36a1ff;
}

.pb-form-components-Checkbox-checkbox--input:hover + .pb-form-components-Checkbox-checkbox--inputMask {
    border-color: #333333
}

.pb-form-components-Checkbox-checkbox--label {
    padding: 0.8125em 1em 0
}

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerProfile--styles--custProfile {
  cursor: pointer;
 
}

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerProfile--styles--custProfile label {
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 300;
    color: #000000;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerProfile--styles--custProfile span {
    font-size: 1rem;
    font-weight: 600;
    color: #333333;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerProfile--styles--custProfile .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerProfile--styles--nameArrow {
    display: inline-block;
    margin-left: 0.25rem;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerProfile--styles--custProfile .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerProfile--styles--profile {
    background: #767676;
    color: #ffffff;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    text-align: center;
    font-size: 1.375rem;
    font-weight: 200;
    padding: 0.625rem 0;
    margin: 0 1.25rem 0 0;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerProfile--styles--custProfile .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerProfile--styles--customerName > span {
      font-size: 1.375rem;
      font-weight: 300;
      margin-bottom: 0.75rem;
      background: none;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerProfile--styles--custProfile div[class*="_-node_modules-mws-common-ui-core-src-components-DisplayField--styles--displayField"]{
    margin-bottom: 0.75rem;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerProfile--styles--custProfile div[class*="_-node_modules-mws-common-ui-core-src-components-DisplayField--styles--displayField"] label{
      margin-bottom: 1px;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerProfile--styles--custProfile .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerProfile--styles--rightArrow {
    fill: #db0011;
    width: 1rem;
    height: 1rem;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerProfile--styles--custProfile > div > div:first-of-type {
      max-width: 3.75rem !important;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--customerSearchResult{
    
  background: #f3f3f3;
  padding: 1.75rem 1.25rem;
}

  @media only screen and (min-width: 760px) and (max-width: 1279px)  {
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--customerSearchResult div[class*="pb-core-components-Grid-grid--Cell"] {
        width: -moz-min-content !important;
        width: min-content !important;
    }
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--customerSearchResult h2{
    font-size: 1.375rem;
    font-weight: 300;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--customerSearchResult div[class*="pb-core-components-Grid-grid--Cell"] {
    width: auto;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--customerSearchResult .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--quickFilter{
    display: flex;
    margin-bottom: 1.25rem;
    margin-top: 0.25rem;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--customerSearchResult .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--quickFilter label{
      padding-top:0.5rem;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--customerSearchResult .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--quickFilter+label{
    margin-left:0.5rem;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--customerSearchResult label[id="quickFilter-field-label"]{
    font-size: 1rem;
    color: #333333;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--customerSearchResult .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--notify{
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--customerSearchResult .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--custDetails {
    padding: 1rem 1.25rem 0.25rem 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #f3f3f3;
    cursor: pointer;
    background: #ffffff;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--customerSearchResult .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchResult--styles--resultPagination > div > div[class*="action"] button:last-of-type {
          margin-right: 0!important;
        }
.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFields--styles--custSearchFields span[id$="-error-message"] {
    color: #333333;
    font-size: 0.875rem;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFields--styles--custSearchFields button[class*="pb-form-components-FilterableSelect-filterable-select--removeButton"] {
    padding-top: 0;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFields--styles--custSearchFields .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFields--styles--fieldTitle {
    margin-bottom: 0.5rem;
    font-size: 1rem;
    color: #333333;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFields--styles--custSearchFields .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFields--styles--fieldTitle > label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFields--styles--custSearchFields .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFields--styles--rowDivider {
    border-bottom: 1px solid #d7d8d6;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFields--styles--custSearchFields [disabled] {
    cursor: not-allowed !important;
    background-color: #d7d8d6;
    border: none !important;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFields--styles--custSearchFields div[class*="pb-form-components-CreditCardInput-credit-card-input--CreditCardInput"] {
    width: 100%;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFields--styles--custSearchFields button[class*="removeButton"] {
    display: none;
  }

label[id*="dateOfBirth-field-label"]:after{
  content: '(DD / MM / YYYY)';
  margin-left: 0.25rem;
  font-weight: 300;
}

#\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchFields--styles--inputError input{
    color: #a8000b;
    border-color: #a8000b;
    box-shadow: 0 0 0 1px #a8000b inset;
    background: #f9f2f3;
  }

div[class*="nameGrp"] > div[class="pb-form-components-DateInput-date-input--DateInput pb-core-utils-marginBottom-styles--mb0"] {
    display: flex;
    margin-top: -0.5rem;
  }

div[class*="nameGrp"] > div[class="pb-form-components-DateInput-date-input--DateInput pb-core-utils-marginBottom-styles--mb0"] > div[class*="pb-form-components-DateInput-date-input--day"],
    div[class*="nameGrp"] > div[class="pb-form-components-DateInput-date-input--DateInput pb-core-utils-marginBottom-styles--mb0"] > div[class*="pb-form-components-DateInput-date-input--month"]{
      max-width: 25%;
    }

div[class*="nameGrp"] > div[class="pb-form-components-DateInput-date-input--DateInput pb-core-utils-marginBottom-styles--mb0"] > div[class*="pb-form-components-DateInput-date-input--year"]{
      max-width: 50%;
    }

.pb-form-components-TextInput-text-input--TextInput {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  box-shadow: none;
  display: block;
  line-height: 1.2;
  text-align: left;
  width: 100%;
  padding-bottom: 0.6875em;
  padding-top: 0.75em;
  padding-left: 1em;
  padding-right: 1em;
  clear: both;
    border: 1px solid #767676;
    color: #333333;
}

  .pb-form-components-TextInput-text-input--TextInput:hover {
      border-color: #333333;
    }

.pb-form-components-TextInput-text-input--TextInput:focus {
  outline: none;
    border-color: #36a1ff;
    box-shadow: 0 0 0 1px #36a1ff inset;
}

.pb-form-components-TextInput-text-input--Invalid {
    color: #a8000b;
    border-color: #a8000b;
    box-shadow: 0 0 0 1px #a8000b inset
}

.pb-form-components-TextInput-text-input--TextInput::-moz-placeholder {
  color: #767676;
}

.pb-form-components-TextInput-text-input--TextInput:-ms-input-placeholder {
  color: #767676;
}

.pb-form-components-TextInput-text-input--TextInput::placeholder {
  color: #767676;
}

.pb-form-components-TextInput-text-input--TextInput:disabled {
  color: #767676;
  cursor: not-allowed;
    background-color: #d7d8d6;
    border-color: #d7d8d6;
}

.pb-form-components-TextInput-text-input--fullWidth {
  max-width: 100%;
}


.pb-form-components-CreditCardInput-credit-card-input--CreditCardInput {
  width: 100%;
  clear: both;
}

  @media screen and (min-width: 600px) {
.pb-form-components-CreditCardInput-credit-card-input--CreditCardInput {
      width: 12.45em
}
  }

.pb-form-components-DateInput-date-input--DateInput {
  clear: both;
}

.pb-form-components-DateInput-date-input--label {
  display: block;
  margin-bottom: 0.5em;
  font-size: 0.875rem;
}

.pb-form-components-DateInput-date-input--day,
.pb-form-components-DateInput-date-input--month,
.pb-form-components-DateInput-date-input--year,
.pb-form-components-DateInput-date-input--shortYear {
  display: inline-block;
}

.pb-form-components-DateInput-date-input--day,
.pb-form-components-DateInput-date-input--month {
  max-width: 3.65em;
  margin-right: 1.5em;
  position: relative;
}

.pb-form-components-DateInput-date-input--year {
  max-width: 4.65em;
}

.pb-form-components-DateInput-date-input--shortYear {
  max-width: 3.65em;
}

.pb-form-components-DateInput-date-input--separator {
  position: absolute;
  bottom: 1px;
  right: -1.5em;
  padding-bottom: 0.6875em;
  padding-top: 0.75em;
  line-height: 1.2;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 1.5em;
}

.pb-form-components-FilterableSelect-filterable-select--container {
  background-color: #ffffff;
  clear: both;
}

.pb-form-components-FilterableSelect-filterable-select--dropdownButton {
  position: relative;
  width: 3em;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.pb-form-components-FilterableSelect-filterable-select--dropdownButton::before {
  content: '';
  border-left: 1px solid #d7d8d6;
  position: absolute;
  top: 0.5rem;
  bottom: 0.5rem;
  left: 0;
}

.pb-form-components-FilterableSelect-filterable-select--inputWrapper {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  line-height: 1.2;
  text-align: left;
  width: 100%;
  clear: both;
    border: 1px solid #767676;
    color: #333333;
}

.pb-form-components-FilterableSelect-filterable-select--inputWrapper:hover {
      border-color: #333333;
    }

.pb-form-components-FilterableSelect-filterable-select--searchIconWrapper {
  content: '';
  position: absolute;
  bottom: 0;
  top: 0;
  left: 10px;
  width: 18px;
  height: 18px;
  margin: auto;
  color: #767676;
}

.pb-form-components-FilterableSelect-filterable-select--removeButton {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-top: 7px;
  border: none;
  background: transparent;
  color: #767676;
  z-index: 4;
}

.pb-form-components-FilterableSelect-filterable-select--inputWrapper.pb-form-components-FilterableSelect-filterable-select--focused {
  border-color: #36a1ff;
  box-shadow: 0 0 0 1px #36a1ff inset;
  outline: none;
}

.pb-form-components-FilterableSelect-filterable-select--innerWrapper {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.pb-form-components-FilterableSelect-filterable-select--textInputPadding {
  padding-bottom: 0.6875em;
  padding-top: 0.75em;
  padding-left: 1em;
  padding-right: 1em;
}

.pb-form-components-FilterableSelect-filterable-select--textInput {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  box-shadow: none;
  display: block;
  line-height: 1.2;
  text-align: left;
  width: 100%;
  flex: 1;
  border: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  z-index: 2;
}

.pb-form-components-FilterableSelect-filterable-select--textInput::-moz-focus-inner {
  border: none;
}

.pb-form-components-FilterableSelect-filterable-select--invalid {
    color: #a8000b;
    border-color: #a8000b;
    box-shadow: 0 0 0 1px #a8000b inset
}

.pb-form-components-FilterableSelect-filterable-select--textInput::-moz-placeholder {
  color: #767676;
}

.pb-form-components-FilterableSelect-filterable-select--textInput:-ms-input-placeholder {
  color: #767676;
}

.pb-form-components-FilterableSelect-filterable-select--textInput::placeholder {
  color: #767676;
}

.pb-form-components-FilterableSelect-filterable-select--disabled {
  color: #767676;
  cursor: not-allowed;
    background-color: #d7d8d6;
    border-color: #d7d8d6;
}

.pb-form-components-FilterableSelect-filterable-select--fullWidth {
  max-width: 100%;
}

.pb-form-components-FilterableSelect-filterable-select--dropDownList {
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 99;
  top: 100%;
  left: -1px;
  right: -1px;
  list-style-type: none;
  border: 1px solid #767676;
  overflow-y: scroll;
  color: #333333;
  background-color: #ffffff;
  max-height: 261px; /* PostCSS isn't clever enough to generate a fallback for line below so we need to specify one manually for IE */
  max-height: calc(5px + 16rem);
  /* ^ 5 times the height of a single line item */
}

.pb-form-components-FilterableSelect-filterable-select--dropDownListItem {
  margin: 0;
  padding: 1rem;
  border-bottom: 1px solid #d7d8d6;
  border-left: solid 3px transparent;
  color: #767676;
  cursor: default;
}

.pb-form-components-FilterableSelect-filterable-select--dropDownListItemHighlight {
  color: #000000;
}

.pb-form-components-FilterableSelect-filterable-select--dropDownListItem:last-child {
  border-bottom: none;
}

.pb-form-components-FilterableSelect-filterable-select--highlightedItem {
  background: #ededed;
}

.pb-form-components-FilterableSelect-filterable-select--activeItem {
  background: #d7d8d6;
}

.pb-form-components-FilterableSelect-filterable-select--selectedItem {
  border-left: solid 3px #db0011;
}

.pb-form-components-FilterableSelect-filterable-select--noResultsFound {
  color: #51616d;
}

.pb-form-components-FilterableSelect-filterable-select--autocompleteSuggestion {
  position: absolute;
  top: 0;
  left: 0;
  right: calc(3em + 1rem);
  bottom: 0;
  color: #767676;
  white-space: nowrap;
  overflow: hidden;
}

.pb-form-components-Legend-legend--Legend {
  display: table; /* Enable line-wrapping in IE8+ */
  white-space: normal; /* Enable line-wrapping in old versions of some other browsers */
  padding: 0 0 0.02px;
  max-width: 100%;
}

.pb-form-components-FieldFeedback-field-feedback--FieldFeedback {
    color: #a8000b
}

.pb-form-components-FieldFeedback-field-feedback--container {
  flex: 1 0 auto;
  display: flex;
  line-height: 1.2;
}

.pb-form-components-FieldFeedback-field-feedback--icon {
  margin-right: 0.5rem;
  padding-top: 0.125em;
}

.pb-form-components-FieldFeedback-field-feedback--message {
  padding-top: 3px;
}

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--customerSearchForm {
  padding: 1.5rem 1.25rem;
  transition: 0.3s all;

}

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--customerSearchForm fieldset:last-of-type hr {
      display: none;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--customerSearchForm div[class*="pb-core-components-Grid-grid--Cell"] {
    width: auto;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--customerSearchForm .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--actionBar {
    margin-top: 1rem;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--customerSearchForm .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--actionBar > [disabled] {
      cursor: not-allowed !important;
      background-color: #d7d8d6;
      border-color: #d7d8d6;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--customerSearchForm .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--actionBar > [disabled] > div > div{
          color: #767676;
        }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--customerSearchForm .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--actionBar button {
      padding: 0.625rem 1.25rem;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--customerSearchForm .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--actionBar button > span {
        min-width: 3.22375rem;
      }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--customerSearchForm .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--actionBar button > span > svg {
          height: 100% !important;
          width: 100% !important;
        }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--customerSearchForm .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--clearStyle {
    cursor: pointer;
    margin: 1% 2% 1% 2%;
    font-size: 1rem;
    color: #333333;
    position: absolute;
    outline: none;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--customerSearchForm .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--clearStyle span {
      text-decoration: underline;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--customerSearchForm .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--clearStyle:focus,.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--customerSearchForm .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--clearStyle:hover {
    text-decoration:underline;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--customerSearchForm input {
    cursor: auto;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--customerSearchForm span[class*='pb-core-components-Icon-icon--iconWrapper pb-core-utils-marginBottom-styles--mb0'] {
    cursor: pointer;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--customerSearchForm label {
    cursor: default;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--notifyMsg {
  margin-left:  1.25rem;
  margin-right: 1.25rem;
  margin-top: 1.25rem;
}

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--notifyMsg > div > div > div > div,.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--notifyMsg div[class*="notificationMessage"] {
    margin-bottom: 0;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--showCustomerSearchFilter {
  text-align: center;
  font-size: 1rem;
  color: #333333;
  border-bottom: solid 1px #d7d8d6;
  padding: 0.75rem 0;
  box-sizing: border-box;
  height: 2.8125rem;
}

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--showCustomerSearchFilter > button {
    border: none;
    padding: 0;
    cursor: pointer;
    width: 15.625rem;
    margin: 0 auto !important;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--showCustomerSearchFilter > button:hover{
      background: none;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--showCustomerSearchFilter > button > span > svg {
        width: 1rem;
        height: 1rem;
	padding: 0;
        margin-left: 0.5rem;
      }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--showCustomerSearchFilter:hover {
    text-decoration: underline;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--searchResultsSkeleton {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: #ededed;
  z-index: 4;
  padding: 1.25rem;
	 animation: \---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--fade-in .2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both
}

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--searchResultsSkeleton h2 {
    font-size: 1.375rem;
    font-weight: 300;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--searchResultsSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--profile {
    background: #ffffff;
    margin-bottom: 1.25rem;
    padding: 1.25rem 1.25rem 0.9375rem;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--searchResultsSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--profile > div {
      display: inline-block;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--searchResultsSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--profile > div:first-of-type {
        border-radius: 50%;
        background: #DDDBDD;
        width: 3.125rem;
        height: 3.125rem;
        margin-right: 1.25rem;
        vertical-align: top;
        position: relative;
        overflow: hidden;
      }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--searchResultsSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--profile > div:first-of-type:after {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          transform: translateX(-100%);
          background: linear-gradient(to left, transparent 0%,#C0C0C0 50%,transparent 100%);
          animation: \---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--shimmer 2s infinite;
          content: '';
        }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--searchResultsSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--profile > div:last-of-type {
        width: 90%;
      }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--searchResultsSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--profile > div:last-of-type > div:first-of-type {
            width: 25rem;
            background: #DDDBDD;
            height: 1.875rem;
            position: relative;
            overflow: hidden;
          }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--searchResultsSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--profile > div:last-of-type > div:first-of-type:after {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              transform: translateX(-100%);
              background: linear-gradient(to left, transparent 0%,#C0C0C0 50%,transparent 100%);
              animation: \---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--shimmer 2s infinite;
              content: '';
            }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--searchResultsSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--profile > div:last-of-type > div:last-of-type > div {
              margin-top: 0.9375rem;
              width: 33%;
              display: inline-block;
            }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--searchResultsSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--profile > div:last-of-type > div:last-of-type > div > label {
                display: block;
                width: 12.5rem;
                margin-bottom: 0.3125rem;
                background: #DDDBDD;
                height: 1.25rem;
                position: relative;
                overflow: hidden;
              }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--searchResultsSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--profile > div:last-of-type > div:last-of-type > div > label:last-of-type {
                  margin-bottom: 0;
                }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--searchResultsSkeleton .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--profile > div:last-of-type > div:last-of-type > div > label:after {
                  position: absolute;
                  top: 0;
                  right: 0;
                  bottom: 0;
                  left: 0;
                  transform: translateX(-100%);
                  background: linear-gradient(to left, transparent 0%,#C0C0C0 50%,transparent 100%);
                  animation: \---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--shimmer 2s infinite;
                  content: '';
                }

@keyframes \---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--shimmer {
            100% {
              transform: translateX(100%);
            }
          }

@keyframes \---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch-CustomerSearchForm--styles--fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--startCustomerSession {

  display: none;
  justify-content: center;
  height: 100vh;
}

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--startCustomerSession.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--active {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--startCustomerSession.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--active + div {
      position: absolute;
      top: 2.75rem;
      z-index: -1;
    }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--startCustomerSession div.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--underlay {
    transition: opacity .3s, visibility .3s ease-in;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(62,80,93,.85);
  }

  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--startCustomerSession div.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--underlay.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--active {
      z-index: 5;
      visibility: visible;
      opacity: 1;
    }

@media only screen and (min-width: 1117px) {
 .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal {
    min-width:53.75rem !important;
    max-width:66.875rem !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
    
    .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchWrapper{
      width: 66.875rem !important;
	     animation: \---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--fade-in .4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both
    }
      @keyframes \---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--fade-in {
        0% {
          opacity: 0;
        }
        100% {
          opacity: 1;
        }
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal div[id*="field-date-of-birth"] input {
        padding-left: 0.7em!important;
        padding-right: 0em!important;
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-2"] {
        max-width: 15.5% !important;
        width: 14%;
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-3"] {
        max-width: 15.125rem !important;
        width: 15.625rem !important;
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-4"] {
        max-width: 32% !important;
        width: 33% !important;
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-6"] {
        max-width: 48% !important;
        width: 48% !important;
      }

    .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--advancedSearchActive {
      min-width:66.875rem !important;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1116px)  {
 .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal {
    width: 53.75rem !important;
  }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal div[id*="field-date-of-birth"] input{
        padding-left: 0!important;
        padding-right: 0!important;
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-2"] {
        max-width: 15.5% !important;
        width: 14%;
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-3"] {
        max-width: 9.6875rem !important;
        width: 15.625rem !important;
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-4"] {
        max-width: 32% !important;
        width: 33% !important;
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-6"] {
        max-width: 47% !important;
        width: 48% !important;
      }
}

@media only screen and (min-width: 760px) and (max-width: 889px)  {
 .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal {
    width: 45rem !important;
  }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal div[id*="field-date-of-birth"] input{
        padding-left: 0!important;
        padding-right: 0!important;
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-2"] {
        max-width: 15.5% !important;
        width: 14%;
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-3"] {
        max-width: 9.6875rem !important;
        width: 15.625rem !important;
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-4"] {
        max-width: 32% !important;
        width: 33% !important;
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-6"] {
        max-width: 47% !important;
        width: 48% !important;
      }
}

@media only screen and (max-width: 759px)  {
  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal {
    width: 37.5rem !important;
  }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-2"] {
        max-width: 100% !important;
        width: 14%;
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-3"] {
        max-width: 100% !important;
        width: 15.625rem !important;
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-4"] {
        max-width: 100% !important;
        width: 100 !important;
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-5"] {
        max-width: 100% !important;
      }
      .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal form div[class*="size-6"] {
        max-width: 100% !important;
        width: 48% !important;
      }
}

@media only screen and (max-width: 600px)  {
  .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal {
    width: 30rem !important;
  }
}

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal {
 
  background: #ffffff;
  z-index: 10;
  color: #333333;
  display: none;
  height: -moz-fit-content;
  height: fit-content;
}

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--active {
    /*display: block;
    left: 0;
    right: 0;
    margin: auto;
    position: fixed;*/
    margin-bottom: 2.75rem;
    display: block;
    position: relative;
    margin: 0 auto;
    /* top: 44px; */
    /* margin: auto; */
    /* position: fixed; */
    /* left: 0;
    right: 0; */
	   animation: \---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--swing-in-top-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--clear {
    padding: 0.25rem 1.25rem 0.25rem;
    margin-right: 2rem;
    cursor: pointer;
    text-align: right;
    position: absolute;
    z-index: 2;
    right: 1.75rem;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal header {
    display: none;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal div[class*="pb-core-utils-marginBottom-styles--mb5"] {
    margin-bottom: 0;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal div[id="field-search-input"] {
    display: flex;
    height: 3.75rem;
    box-sizing: border-box;
    font-size: 1rem;
    border-bottom: 1px solid #d7d8d6;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.75rem;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal div[id="field-search-input"] input {
      cursor: auto;
      height: 3.625rem;
      padding-left: 3.4375rem;
      max-width: 85%;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal div[id="field-search-input"] > div[class*="no-wrap"] {
      height: 3.75rem;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal div[id="field-search-input"] > div[class*="no-wrap"] > label {
        border-top: none;
        border-left: none;
        border-right: none;
      }

/* div[id="field-search-input"]:focus-within {
    box-shadow: 0 0 0 1px var(--focus) inset;
    border-color: var(--focus);
  } */

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--notifyMsg {
    cursor: default;
    margin-left:  1.25rem;
    margin-right: 1.25rem;
    margin-top:  1.25rem;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--notifyMsg > div > div > div > div {
              margin-bottom: 0;
            }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--searchIcon {
    width: 1.125rem;
    height: 1.125rem;
    margin-top: 0.25rem;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--closeIcon {
    cursor: pointer;
    padding: 0.5625rem 1.25rem 0.5625rem 0;
    position: absolute;
    right: 0;
    height: 3.625rem;
    top: 0;
    z-index: 2;
    border: none;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--closeIcon:hover {
      background: none;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--closeIcon > span {
      display: inline-block;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--closeIcon > span svg {
        padding: 0;
        margin-top: -0.625rem;
      }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--closeIcon:before {
      content: '';
      border-left: 1px solid #d7d8d6;
      position: relative;
      top: 0.1875rem;
      height: 1.5625rem;
      display: inline-block;
      margin-right: 1.25rem;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal input[name="searchInput"] {
    max-width: 100% !important;
    width: 100% !important;
    border: none;
    margin-left: 1rem;
    margin-right: 1.75rem;
    padding: 0;
    box-shadow: none !important;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--recents {
    margin-bottom: 0.75rem;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--recentTxt {
    padding: 0 0 0.75rem 1.25rem;
    font-size: 1rem;
    font-weight: 300;
    color: #333333;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--searchResultIitem {
    box-sizing: border-box;
    height: 3.75rem;
    padding-left: 1.25rem;
    display: flex;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--searchResultIitem label {
      cursor: pointer;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--searchResultIitem:hover {
    background: #f3f3f3;
    cursor: pointer;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal label[class*="pb-core-utils-marginBottom-styles--mb2"] {
    margin: 0;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerDetails {
    display: flex;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: normal;
    color: #333333;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerName {
    font-size: 0.875rem;
    font-weight: 600;
    color: #333333;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--profileLogo {
    margin: 0.25rem 0.5rem 0.25rem 0;
    background: #767676;
    border-radius: 50%;
    margin-right: 1rem;
    text-align: center;
    color: #ffffff;
    padding: 0.5rem 0.25rem;
    width: 2.3125rem;
    height: 2.3125rem;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--divider {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    color: #000000;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--rightArrow {
    height: 0.8125rem;
    fill: #db0011;
    margin-left: 0.25rem;
    margin-top: 0.25rem;
    transform: rotate(90deg);
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--rightArrow * {
      color: red;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--showAllOptions {
    font-size: 1rem;
    display: flex;
    padding: 0.75rem 0 0.75rem 1.25rem;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--showAllOptions > label {
      font-weight: 800;
      cursor: pointer;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--showAllOptions > label:hover {
      text-decoration: underline;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--showAllOptions > span {
      cursor: pointer;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--showAllOptions.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--mb {
      padding-bottom: 1rem;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--searchText {
    display: flex;
    font-size: 0.875rem;
    padding: 0.75rem 0 0.75rem 1.25rem;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--searchText .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--findText {
      font-weight: 800;
      cursor: pointer;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--searchText.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--active {
      background: #f3f3f3;
      cursor: pointer;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--searchText.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--active >label {
        cursor: pointer;
      }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--searchMenuText{
    color: #000000;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--searchText:hover {
    background: #f3f3f3;
    cursor: pointer;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal .\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--searchText:hover >label {
      cursor: pointer;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal span[class*="pb-core-utils-marginBottom-styles--mb2"] {
    margin-bottom: 0;
    z-index: 2;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal > div:last-of-type,.\---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--customerSearchModal > div:last-of-type > div:first-of-type {
        max-height: 80vh !important;
      }

@keyframes \---node_modules-mws-base-ui-src-client-ui-components-CustomerSearch--styles--swing-in-top-bck {
  0% {
    transform: rotateX(70deg);
    transform-origin: top;
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    transform-origin: top;
    opacity: 1;
  }
}

.\---node_modules-mws-base-ui-src-client-ui-components-SkipLinks--SkipLinks--skipLinks {
  background: #333333;
  color: #ffffff;
  line-height: 1.5rem;
  padding: 0 1.25rem;
  display: flex;
  align-items: center;
  height: 0;
  transition: height 0.4s ease-in-out;
  overflow: hidden;
}

.\---node_modules-mws-base-ui-src-client-ui-components-SkipLinks--SkipLinks--show {
  height: 3rem;
  transition: height 0.4s ease-in-out;
}

.\---node_modules-mws-base-ui-src-client-ui-components-SkipLinks--SkipLinks--title {
  margin-right: 2.375rem;
}

ul.\---node_modules-mws-base-ui-src-client-ui-components-SkipLinks--SkipLinks--skipLinksList {
  padding: 0.75rem 0;
  margin: 0 !important;
}

ul.\---node_modules-mws-base-ui-src-client-ui-components-SkipLinks--SkipLinks--skipLinksList li {
    list-style: none;
    display: inline-block;
  }

ul.\---node_modules-mws-base-ui-src-client-ui-components-SkipLinks--SkipLinks--skipLinksList li button {
      padding: 0 !important;
      border: none !important;
      color: #ffffff !important;
    }
.\---node_modules-mws-base-ui-src-client-ui-modals-LogoutConfirmationDialog--styles--logoutConfirm ul li:first-of-type,.\---node_modules-mws-base-ui-src-client-ui-modals-SessionExpiredDialog--styles--sessionExpired ul li:first-of-type {
      display: none;
    }
.\---node_modules-mws-base-ui-src-client-ui-modals-AuthenticationDialog--styles--authenticationContent {
  margin-bottom: 1.5rem;
}

.\---node_modules-mws-base-ui-src-client-ui-modals-AuthenticationDialog--styles--authenticationDialog div[name='errorNotification'] {
    padding: 0.75rem;
    margin-bottom: 0.75rem;
  }

.\---node_modules-mws-base-ui-src-client-ui-modals-AuthenticationDialog--styles--codeForm label {
    display: flex;
    align-items: center;
  }

.\---node_modules-mws-base-ui-src-client-ui-modals-AuthenticationDialog--styles--codeForm label > span {
      margin-left: 0.375rem;
      margin-bottom: 0;
    }

.\---node_modules-mws-base-ui-src-client-ui-modals-AuthenticationDialog--styles--info {
  display: flex;
  padding: 0;
  margin: 0.5rem 0;
}

.\---node_modules-mws-base-ui-src-client-ui-modals-AuthenticationDialog--styles--info > span {
    margin-right: 0.5rem;
    margin-top: 0.1875rem;
  }

.\---node_modules-mws-base-ui-src-client-ui-modals-AuthenticationDialog--styles--iconHelp {
  width: 1.125rem;
  height: 1.125rem;
  position: relative;
}

.\---node_modules-mws-base-ui-src-client-ui-modals-AuthenticationDialog--styles--iconHelp:hover span[class*='icon']:nth-child(1) {
        visibility: hidden;
      }

.\---node_modules-mws-base-ui-src-client-ui-modals-AuthenticationDialog--styles--iconHelp:hover span[class*='icon']:nth-child(2) {
        visibility: visible;
      }

.\---node_modules-mws-base-ui-src-client-ui-modals-AuthenticationDialog--styles--iconHelp span[class*='icon'] {
    position: absolute;
  }

.\---node_modules-mws-base-ui-src-client-ui-modals-AuthenticationDialog--styles--iconHelp span[class*='icon']:nth-child(2) {
      visibility: hidden;
    }

.\---node_modules-mws-base-ui-src-client-ui-modals-AuthenticationDialog--styles--buttonField {
  display: flex;
}

.\---node_modules-mws-base-ui-src-client-ui-modals-AuthenticationDialog--styles--buttonField button:first-child {
    margin-right: 1.25rem;
    width: 5.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }

.\---node_modules-mws-base-ui-src-client-ui-modals-AuthenticationDialog--styles--loadingIcon {
  width: 1.125rem;
  height: 1.125rem;
  display: inline-block;
  animation: \---node_modules-mws-base-ui-src-client-ui-modals-AuthenticationDialog--styles--spinner 1s linear infinite;
}

@keyframes \---node_modules-mws-base-ui-src-client-ui-modals-AuthenticationDialog--styles--spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--myWorkspace {
  /* .fake {
    background: var(--charcoal);
    box-shadow:
      inset 0px 11px 8px -10px rgba(255,255,255,0.2),
      inset 0px -11px 8px -10px rgba(255,255,255,0.2);
    height: 43px;
  } */

}

.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--loading {
  position: fixed;
  background: rgba(62,80,93,.85);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--loading > div {
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.5625rem 0 0 -1.5625rem;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--toggleGrid {
  position: fixed;
  left: 40vw;
  top: 0.375rem;
  z-index: 5;
  width: 20vw;
}

.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--toggleGrid button {
    height: 2.125rem;
    padding: 0;
    width: 100%;
    display: block;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--gridSystem {
  position: absolute;
  top: -3.75rem;
  bottom: 0;
  right: 0;
  left: 0;
}

.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--gridSystem > p {
    color: #ffffff;
    text-align: center;
    height: 200vh;
    width: 5.3125rem;
    margin: 0 0.625rem;
    border: 1px solid skyblue;
    background: rgba(135, 206, 235, .5);
    border-top: 0;
    border-bottom: 0;
    display: inline-block;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--gridSystem > p:last-of-type {
      border-right: 1px solid skyblue;
      margin-right: 0.625rem;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--gridSystem > p:first-of-type {
      margin-left: 1.25rem;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--gridSystem + div,.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--gridSystem + div > div:last-of-type {
        opacity: .7;
      }

.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--gridSystemY {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--gridSystemY > p {
    color: #ffffff;
    width: 100%;
    height: 1.25rem;
    margin: 0.375rem 0;
    border: 1px solid skyblue;
    background: rgba(135, 206, 235, .5);
    border-left: 0;
    border-right: 0;
    display: inline-block;
  }

.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--gridSystemY > p:last-of-type {
      border-bottom: 1px solid skyblue;
      margin-bottom: 0.75rem;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--gridSystemY > p:first-of-type {
      margin-top: 0.75rem;
    }

.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--gridSystemY + div,.\---node_modules-mws-base-ui-src-client-ui-components-MyWorkspace--styles--gridSystemY + div > div:last-of-type {
        opacity: .7;
      }
.\---node_modules-mws-common-ui-core-src-components-OverlaySpinner--styles--overlaySpinner {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: rgba(0, 0, 0, 0.5);
}
  .\---node_modules-mws-common-ui-core-src-components-OverlaySpinner--styles--overlaySpinner > div {
    left: 50%;
    top: 50%;
    position: absolute;
  }

.\---node_modules-mws-common-ui-core-src-components-OverlaySpinner--styles--hide {
  display: none;
}

@keyframes pb-core-components-Spinner-spinner--spinner-container-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes pb-core-components-Spinner-spinner--spinner-left-spin {
  0% {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(130deg);
  }
}

@keyframes pb-core-components-Spinner-spinner--spinner-right-spin {
  0% {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-130deg);
  }
}

@keyframes pb-core-components-Spinner-spinner--spinner-fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg);
  }
  25% {
    transform: rotate(270deg);
  }
  37.5% {
    transform: rotate(405deg);
  }
  50% {
    transform: rotate(540deg);
  }
  62.5% {
    transform: rotate(675deg);
  }
  75% {
    transform: rotate(810deg);
  }
  87.5% {
    transform: rotate(945deg);
  }
  100% {
    transform: rotate(1080deg);
  }
}

.pb-core-components-Spinner-spinner--Spinner {
  animation: pb-core-components-Spinner-spinner--spinner-container-rotate 1568ms linear infinite;
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
}

.pb-core-components-Spinner-spinner--spinnerLayer {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: pb-core-components-Spinner-spinner--spinner-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
    infinite both;
}

.pb-core-components-Spinner-spinner--gapPatch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: #333333;
}

.pb-core-components-Spinner-spinner--gapPatch .pb-core-components-Spinner-spinner--circle {
  width: 1000%;
  left: -450%;
}

.pb-core-components-Spinner-spinner--circleClipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: #333333;
}

.pb-core-components-Spinner-spinner--circleClipper .pb-core-components-Spinner-spinner--circle {
  width: 200%;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: #333333;
  border-bottom-color: #d7d8d6;
  border-radius: 50%;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.pb-core-components-Spinner-spinner--circleClipper.pb-core-components-Spinner-spinner--left .pb-core-components-Spinner-spinner--circle {
  left: 0;
  border-right-color: #d7d8d6;
  transform: rotate(129deg);
  animation: pb-core-components-Spinner-spinner--spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.pb-core-components-Spinner-spinner--circleClipper.pb-core-components-Spinner-spinner--right .pb-core-components-Spinner-spinner--circle {
  left: -100%;
  border-left-color: #d7d8d6;
  transform: rotate(-129deg);
  animation: pb-core-components-Spinner-spinner--spinner-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite
    both;
}

