/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/panel.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.panel {
  background: #FFF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  margin-bottom: 16px;
}
.panel:not(.overflow) {
  overflow: hidden;
}
.panel.hidden {
  display: none;
}
.panel.pulse {
  animation: pulse 2s ease-in 0s 1;
}

@keyframes pulse {
  from {
    box-shadow: 0 0 6px 2px var(--primary, #3F72C0);
  }
  to {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/svgIcon.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.svgIcon {
  border-radius: 50%;
  display: inline-block;
  padding: 6px;
}
.svgIcon span {
  display: block;
  height: 24px;
  margin: 0 auto;
  width: 24px;
}
.svgIcon span.loading {
  display: none;
}
.svgIcon span svg {
  height: 24px;
  width: 24px;
}
.svgIcon.tiny span {
  height: 16px;
  width: 16px;
}
.svgIcon.tiny span svg {
  height: 16px;
  width: 16px;
}
.svgIcon.med span {
  height: 32px;
  width: 32px;
}
.svgIcon.med span svg {
  height: 32px;
  width: 32px;
}
.svgIcon.lg {
  padding: 8px;
}
.svgIcon.lg span {
  height: 48px;
  width: 48px;
}
.svgIcon.lg span svg {
  height: 48px;
  width: 48px;
}
.svgIcon svg .fill {
  fill: #343A40;
}
.svgIcon:hover, .svgIcon:active {
  background: #E9ECEF;
  cursor: pointer;
}
.svgIcon:hover.text svg .fill, .svgIcon:active.text svg .fill {
  fill: inherit;
}
.svgIcon.primary {
  background: var(--primary, #3F72C0);
}
.svgIcon.primary svg .fill {
  fill: #FFF;
}
.svgIcon.primary:hover, .svgIcon.primary:active {
  background: var(--primaryDark, #3D67A6);
}
.svgIcon.primary.disabled {
  background: #E9ECEF;
}
.svgIcon.primary.disabled svg .fill {
  fill: #6C747C;
}
.svgIcon.secondary {
  background: #FFF;
  border: 1px solid #E9ECEF;
  padding: 5px;
}
.svgIcon.secondary.lg {
  padding: 7px;
}
.svgIcon.secondary:hover, .svgIcon.secondary:active {
  background: #E9ECEF;
}
.svgIcon.secondary.disabled {
  background: #FFF;
  border: 0 none;
  padding: 6px;
}
.svgIcon.secondary.disabled.lg {
  padding: 8px;
}
.svgIcon.secondary.disabled svg .fill {
  fill: #6C747C;
}
.svgIcon.secondary:hover svg .fill, .svgIcon.secondary:active svg .fill {
  color: #6C747C;
}
.svgIcon.white {
  border: 1px solid #FFF;
  padding: 5px;
}
.svgIcon.white.lg {
  padding: 7px;
}
.svgIcon.white svg .fill {
  fill: #FFF;
}
.svgIcon.white:hover, .svgIcon.white:active {
  background: rgba(255, 255, 255, 0.2);
}
.svgIcon.white.disabled {
  background: transparent;
  opacity: 0.4;
}
.svgIcon.ghost.disabled svg .fill {
  fill: #E9ECEF;
}
.svgIcon.ghost.disabled:hover, .svgIcon.ghost.disabled:active {
  background: transparent;
}
.svgIcon.flat {
  cursor: default;
  padding: 0;
  width: 24px;
}
.svgIcon.flat.tiny {
  width: 16px;
}
.svgIcon.flat.med, .svgIcon.flat.lg {
  padding: 0;
}
.svgIcon.flat.med {
  width: 32px;
}
.svgIcon.flat.lg {
  width: 48px;
}
.svgIcon.flat svg .fill {
  fill: #343A40;
}
.svgIcon.flat:hover, .svgIcon.flat:active {
  background: none;
  cursor: default;
}
.svgIcon.text svg .fill {
  fill: inherit;
}
.svgIcon.disabled {
  cursor: default;
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/core/lightbox.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.lightbox {
  background: #FFF;
  border: 0;
  border-radius: 6px;
  max-height: 100vh;
  max-width: 100vw;
  opacity: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0;
  transition: opacity 250ms ease-out, overlay 250ms ease-out allow-discrete, display 250ms ease-out allow-discrete;
}
.lightbox::backdrop {
  background: #000;
  cursor: pointer;
  height: 100vh;
  opacity: 0;
  transition: opacity 250ms ease-in;
  width: 100vw;
}
.lightbox::backdrop.noClick {
  cursor: default;
}
.lightbox.full::backdrop {
  background: #FFF;
}
.lightbox[open] {
  opacity: 1;
}
.lightbox[open]::backdrop {
  opacity: 0.6;
}
.lightbox.persistent::backdrop {
  cursor: default;
}
.lightbox.fullScreen .actions {
  text-align: right;
}
.lightbox.fullScreen .actions.center {
  text-align: center;
}
.lightbox.fullScreen .actions :not(:last-child) {
  margin-right: 8px;
}
.lightbox #lightboxClose {
  background: transparent;
  border: 0;
  outline-offset: 0;
  float: right;
  overflow: visible;
  margin-top: 16px;
  margin-right: 16px;
  position: relative;
  z-index: 1;
}
.lightbox #lightboxContent {
  padding: 24px;
}
.lightbox #lightboxContent h3 {
  font-weight: 600;
  margin-bottom: 16px;
}
.lightbox #lightboxContent div.actions {
  margin-top: 24px;
  text-align: right;
}
.lightbox #lightboxContent div.actions.center {
  text-align: center;
}
.lightbox #lightboxContent div.actions > * {
  margin-right: 8px;
  min-width: 60px;
  vertical-align: middle;
}
.lightbox #lightboxContent div.actions > * :not(.hidden) {
  display: inline-block;
}
.lightbox #lightboxContent div.actions :last-child {
  margin-right: 0;
}
.lightbox .dialogTitle {
  height: 0;
  overflow: hidden;
  position: absolute;
  right: 1000px;
  top: -10000px;
  width: 0;
}

@starting-style {
  .lightbox[open] {
    opacity: 0;
  }
  .lightbox[open]::backdrop {
    opacity: 0;
  }
}
@media (max-width: 500px) {
  .lightbox.full #lightboxContent .actions:not(.static) {
    text-align: center;
  }
  .lightbox.full #lightboxContent .actions:not(.static) > * {
    text-align: center;
    margin-right: 0;
    margin-bottom: 8px;
    width: 100%;
  }
  .lightbox #lightboxClose {
    margin: 8px 8px 0 0;
  }
  .lightbox #lightboxContent {
    padding: 40px 16px 0;
  }
  .lightbox #lightboxContent div.actions.center > * {
    text-align: center;
    margin-right: 0;
    margin-bottom: 8px;
    width: 100%;
  }
}
body.mobile.iOS.Safari #lightboxLayer #lightboxContent {
  max-height: -webkit-fill-available;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/core/components/toast.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.toast {
  background: #FFF;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  display: inline-block;
  font-size: 12px;
  max-width: 430px;
  min-width: 320px;
  overflow: hidden;
  position: relative;
  text-align: left;
  vertical-align: top;
  opacity: 0;
  top: 50px;
  transition: opacity 400ms, top 400ms ease;
}
.toast.floatIn {
  opacity: 1;
  top: 0;
}
.toast.fadeOut {
  opacity: 0;
  top: -50px;
}
.toast.info .toastComponents {
  border-left: 8px solid #018611;
}
.toast.warn .toastComponents {
  border-left: 8px solid #B46001;
}
.toast.error .toastComponents {
  border-left: 8px solid #C31704;
}
.toast.noAction .toastComponents > div {
  width: 100%;
}
.toast .toastComponents {
  padding: 16px;
  position: relative;
}
.toast .toastComponents > div {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 80px);
}
.toast .toastComponents > div.closeRegion {
  border-left: 1px solid #E9ECEF;
  color: var(--primary, #3F72C0);
  cursor: pointer;
  min-height: 40px;
  line-height: 40px;
  padding: 0 16px;
  position: absolute;
  right: 0;
  text-align: center;
  transform: translate(0, -50%);
  top: 50%;
  width: 86px;
}
.toast .toastComponents > div.closeRegion.dual {
  line-height: inherit;
}
.toast .toastComponents > div.closeRegion a {
  display: inline-block;
}
.toast .toastComponents > div.closeRegion a:not(:last-of-type) {
  margin-bottom: 8px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/core/toastLayer.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
#toastLayer {
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 60px;
  z-index: 102;
}
#toastLayer #toastContainer {
  padding: 12px;
  text-align: right;
}

@media (max-width: 500px) {
  #toastLayer #toastContainer {
    text-align: center;
  }
  #toastLayer #toastContainer .toast {
    max-width: calc(100% - 4px);
    width: calc(100% - 4px);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/errors/errorPage.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
#staticLayout .container.errorPage {
  padding: 0;
  width: 474px;
}
#staticLayout .container.errorPage .panel {
  margin-top: 0;
  overflow: hidden;
  padding: 0 0 24px;
}
#staticLayout .container.errorPage .hero {
  height: 290px;
  margin-bottom: 24px;
  width: 100%;
}
#staticLayout .container.errorPage .content {
  max-width: 360px;
  margin: 0 auto;
  text-align: center;
}
#staticLayout .container.errorPage h1 {
  font-size: 16px;
  margin-bottom: 0;
}
#staticLayout .container.errorPage p {
  color: #6C747C;
  margin: 6px 0 24px;
}

@media (max-width: 500px) {
  #staticLayout .container.errorPage {
    margin-top: 64px;
    width: 100%;
  }
  #staticLayout .container.errorPage .content {
    max-width: 300px;
  }
  #staticLayout .container.errorPage .panel {
    border-radius: 0;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/errorBoundary/globalErrorBoundary.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.globalErrorBoundary .container {
  margin-top: 48px;
  width: 474px;
}
.globalErrorBoundary .panel {
  padding-bottom: 24px;
}
.globalErrorBoundary .hero {
  background: url(/common/images/jpg/500.jpg?3d61d9f06df57271fb4c) center center no-repeat;
  background-size: cover;
  height: 290px;
  margin: 0 auto 24px;
  max-width: 100%;
}
.globalErrorBoundary h1 {
  margin-bottom: 12px;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .globalErrorBoundary .hero {
    background: url(/common/images/jpg/500-2x.jpg?bff9727be3dccf99d086) 0 0 no-repeat;
    background-size: cover;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/button.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.btn {
  border-radius: 22px;
  color: #343A40;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  height: 44px;
  line-height: 44px;
  max-width: 100%;
  padding: 0 24px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
}
.btn:hover .svgIcon .fill, .btn:active .svgIcon .fill {
  fill: #FFF;
}
.btn.small {
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
}
.btn.small .svgIcon.flat {
  margin-top: 6px;
}
.btn.disabled {
  cursor: default;
  opacity: 0.4;
}
.btn.bordered {
  border: 1px solid #E9ECEF;
}
.btn.btnPrimary {
  background: var(--primary, #3F72C0);
  color: #FFF;
  fill: #FFF;
}
.btn.btnPrimary:not(.disabled):hover, .btn.btnPrimary:not(.disabled):active {
  background: var(--primaryDark, #3D67A6);
}
.btn.btnSecondary {
  background: #FFF;
  border: 1px solid #E9ECEF;
  color: var(--primary, #3F72C0);
}
.btn.btnSecondary:not(.disabled):hover, .btn.btnSecondary:not(.disabled):active {
  background: #E9ECEF;
}
.btn.btnSecondary .svgIcon.flat .fill {
  fill: var(--primary, #3F72C0);
}
.btn.btnBlue {
  background: #4285f4;
  color: #FFF;
}
.btn.btnBlue:not(.disabled):hover, .btn.btnBlue:not(.disabled):active {
  background: #3f76d0;
}
.btn.pulse {
  animation: pulse 2s ease-in 0s 1;
}
.btn .svgIcon.flat {
  cursor: pointer;
  margin: 9px 8px 0 0;
  vertical-align: top;
}
.btn .svgIcon.flat .fill {
  fill: #FFF;
}

button.btn:focus-visible {
  outline: var(--primary, #3F72C0) auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/core/globalMessenger.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
#globalMessenger {
  height: 0;
  left: -1000%;
  top: -1000%;
  position: fixed;
  width: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/errors/ajaxError.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.errorLightbox p {
  text-align: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/actionLink.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.actionLink {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  color: var(--primary, #3F72C0);
  text-align: left;
  padding: 0;
}
.actionLink:hover, .actionLink:active {
  color: var(--primaryDark, #3D67A6);
}
.actionLink:focus-visible {
  outline: var(--primary, #3F72C0) auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}
.actionLink.fullWidth {
  width: 100%;
}
.actionLink:disabled {
  opacity: 0.5;
}

body.Safari .actionLink:focus-visible {
  outline: -webkit-focus-ring-color solid 3px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./partner/css/components/layout/partnerNav.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.partnerNav {
  background: #E9ECEF;
  padding: 16px;
}
.partnerNav.open .toggle {
  opacity: 0;
}
.partnerNav .top {
  margin-bottom: 8px;
}
.partnerNav .top a {
  align-items: center;
  display: flex;
  color: #343A40;
}
.partnerNav .top a:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MiIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxwYXRoIGQ9Ik0wIDBoMTAwdjEwMEgweiIgc3R5bGU9ImZpbGw6IzE0MzU2NiIvPjxwYXRoIGQ9Ik02Mi44MTMgMjcuNDRoOS43NTl2NDUuMTIxaC05Ljc1OXoiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1ydWxlOm5vbnplcm8iLz48cGF0aCBkPSJNNjIuODEzIDQ1LjEyMUg0NS4xMjFWMjcuNDRoLTkuNzQ4djE3LjY4MUgxNy42ODF2OS43NThoMTcuNjkyVjcyLjU2aDkuNzQ4VjU0Ljg3OWgxNy42OTJ6IiBzdHlsZT0iZmlsbDojZDBkN2UwO2ZpbGwtcnVsZTpub256ZXJvIi8+PC9zdmc+) 0 0 no-repeat;
  border-radius: 8px;
  content: "";
  height: 40px;
  width: 40px;
}
.partnerNav .top a > div {
  margin-left: 8px;
  width: calc(100% - 52px);
}
.partnerNav .top a p {
  color: #6C747C;
  font-size: 10px;
}
.partnerNav .toggle {
  border: 0 none;
  border-radius: 4px;
  cursor: pointer;
  display: none;
  height: 32px;
  padding: 3px 0 0 3px;
  width: 32px;
  position: absolute;
  top: 20px;
  right: 0;
  transition: transform 200ms;
  transform: translateX(36px);
  z-index: 100;
}
.partnerNav .toggle:hover, .partnerNav .toggle:active {
  background: #F8F9FA;
}
.partnerNav .toggle .svgIcon {
  cursor: pointer;
}
.partnerNav ul li:not(:last-of-type) {
  margin-bottom: 8px;
}
.partnerNav ul li.active a {
  font-weight: 600;
}
.partnerNav ul li a, .partnerNav ul li button {
  color: #343A40;
  display: block;
}
.partnerNav ul li a:hover, .partnerNav ul li a:active, .partnerNav ul li button:hover, .partnerNav ul li button:active {
  color: var(--primary, #3F72C0);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./partner/css/components/layout/partnerLayout.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.partnerLayout.hasTabs .mainPanel .mainContent {
  overflow-y: visible;
  padding: 0;
}
.partnerLayout.hasTabs .mainPanel .mainContent .tab {
  height: 42px;
}
.partnerLayout.hasTabs .mainPanel .mainContent .tabContent {
  height: calc(100dvh - 112px);
  overflow-y: auto;
}
.partnerLayout .partnerNav {
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 200px;
}
.partnerLayout .panelOverlay {
  background: rgba(0, 0, 0, 0.5);
  height: 100vh;
  opacity: 0;
  position: fixed;
  right: 0;
  visibility: hidden;
  width: calc(100% - 200px);
  z-index: 99;
}
.partnerLayout .mainPanel {
  margin-left: 200px;
  position: relative;
  width: calc(100% - 200px);
}
.partnerLayout .mainPanel .pageTitle {
  align-items: center;
  background: #FFF;
  border-bottom: 1px solid #E9ECEF;
  display: flex;
  height: 70px;
  justify-content: space-between;
  padding: 0 16px;
  width: 100%;
}
.partnerLayout .mainPanel .pageTitle h3 {
  line-height: 70px;
}
.partnerLayout .mainPanel .mainContent {
  height: 100vh;
  overflow-y: auto;
  padding: 16px;
}
.partnerLayout .mainPanel .pageTitle + .mainContent {
  height: calc(100vh - 70px);
}
.partnerLayout .pagination {
  margin-bottom: 16px;
  text-align: center;
}

@media (max-width: 768px) {
  .partnerLayout.open .partnerNav {
    left: 0;
  }
  .partnerLayout.open .panelOverlay {
    cursor: pointer;
    opacity: 1;
    visibility: visible;
  }
  .partnerLayout.open .mainPanel {
    margin-left: 200px;
  }
  .partnerLayout .partnerNav {
    left: -200px;
    transition: left 200ms;
  }
  .partnerLayout .partnerNav .toggle {
    display: block;
  }
  .partnerLayout .panelOverlay {
    transition: opacity 200ms ease-in;
  }
  .partnerLayout .mainPanel {
    margin-left: 0;
    transition: margin-left 200ms;
    width: 100%;
  }
  .partnerLayout .mainPanel .pageTitle {
    padding-left: 42px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/avatar.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.avatarContainer {
  position: relative;
}
.avatarContainer.nano {
  height: 24px;
  width: 24px;
}
.avatarContainer.tiny {
  height: 32px;
  width: 32px;
}
.avatarContainer.sm {
  height: 44px;
  width: 44px;
}
.avatarContainer.med {
  height: 64px;
  width: 64px;
}
.avatarContainer.lg {
  height: 120px;
  width: 120px;
}
.avatarContainer .avatar {
  background-size: cover;
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.avatarContainer .default {
  background: var(--primaryLight, #B2C7E6);
}

body.Safari .avatarContainer {
  -webkit-transform: translateZ(0);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./partner/css/components/dashboard/partnerSelfCard.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.partnerSelfCard .panel {
  padding: 20px;
  width: 400px;
}
.partnerSelfCard .panel > div {
  display: inline-block;
  vertical-align: top;
}
.partnerSelfCard .panel .details {
  margin-left: 16px;
  width: calc(100% - 80px);
}
.partnerSelfCard .panel .details div {
  color: #6C747C;
  font-size: 12px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/dropdownOption.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.dropdownOption {
  background: #FFF;
  cursor: pointer;
  height: 40px;
  padding: 0 12px;
  position: relative;
  width: 100%;
}
.dropdownOption:focus, .dropdownOption.focus, .dropdownOption:active, .dropdownOption:hover {
  background: #E9ECEF;
}
.dropdownOption.disabled {
  cursor: default;
  opacity: 0.5;
}
.dropdownOption .optionLabel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.dropdownOption .optionLabel, .dropdownOption .svgIcon {
  display: inline-block;
  line-height: 40px;
  vertical-align: top;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/errorMessage.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.errorMessage {
  fill: #C31704;
  margin-top: 4px;
  text-align: left;
}
.errorMessage > * {
  display: inline-block;
  vertical-align: top;
}
.errorMessage .errorMsg {
  margin-top: 4px;
  width: calc(100% - 28px);
  word-break: break-word;
}
.errorMessage .svgIcon {
  margin-right: 4px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/dropdown.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.dropdown {
  display: inline-block;
  width: 200px;
}
.dropdown.showCheck .dropdownOption.selected {
  padding-right: 8px;
}
.dropdown.showCheck .dropdownOption.selected .optionLabel {
  width: calc(100% - 28px);
}
.dropdown.showCheck .dropdownOption.selected .svgIcon {
  fill: var(--primary, #3F72C0);
  margin: 6px 0 0 4px;
}
.dropdown.disabled .displayValue {
  cursor: default;
  opacity: 0.5;
}
.dropdown.disabled .displayValue span.placeholder {
  color: #6C747C;
}
.dropdown.disabled .displayValue .svgIcon.flat {
  cursor: default;
}
.dropdown.open .valueContainer:focus {
  border: none;
}
.dropdown.open .valueContainer .underline {
  background-color: var(--primary, #3F72C0);
  height: 2px;
}
.dropdown.open .options {
  display: block;
}
.dropdown.error .valueContainer .underline {
  background-color: #C31704;
  height: 2px;
}
.dropdown label {
  color: #6C747C;
  display: block;
  text-align: left;
  margin-bottom: 4px;
}
.dropdown .displayValue {
  background-color: #F1F3F5;
  border-radius: 4px;
  cursor: pointer;
  height: 40px;
  padding: 10px 22px 0 12px;
  position: relative;
}
.dropdown .displayValue span.placeholder {
  color: #6C747C;
  display: inline-block;
  width: 100%;
}
.dropdown .displayValue .svgIcon {
  position: absolute;
  top: 8px;
  right: 4px;
  fill: #6C747C;
}
.dropdown .displayValue .svgIcon.flat {
  cursor: pointer;
}
.dropdown .displayValue .underline {
  background-color: #6C747C;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-radius: 0 0 2px 2px;
}
.dropdown .optionsWrap {
  position: relative;
}
.dropdown .options {
  background: #FFF;
  border: 1px solid #E9ECEF;
  border-radius: 4px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.07);
  display: none;
  max-height: 500px;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 2;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/textInput.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.textInput {
  display: inline-block;
  font-size: 14px;
  width: 200px;
}
.textInput.focused input, .textInput.hasValue input {
  cursor: text;
}
.textInput.focused .wrap .underline {
  background-color: var(--primary, #3F72C0);
  height: 2px;
}
.textInput.disabled label, .textInput.disabled .wrap {
  opacity: 0.5;
}
.textInput.hasError .wrap .underline {
  background-color: #C31704;
  height: 2px;
}
.textInput.hasLabel label {
  color: #6C747C;
  display: block;
  margin-bottom: 4px;
  text-align: left;
}
.textInput .wrap {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.textInput .wrap .underline {
  background-color: #6C747C;
  border-radius: 0 0 2px 2px;
  bottom: 0;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.textInput input {
  background-color: #F1F3F5;
  border: 0 none;
  border-radius: 4px;
  cursor: default;
  height: 40px;
  line-height: 40px;
  vertical-align: bottom;
  width: 100%;
  padding: 0 12px;
}
.textInput input:focus {
  outline: none;
}
.textInput input:-webkit-autofill {
  animation-name: onAutoFillStart;
  -webkit-transition: color 50000s ease-in-out 0s;
  transition: color 50000s ease-in-out 0s;
  color: #343A40;
}
.textInput input:not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}
.textInput input[readonly] {
  pointer-events: none;
}

@keyframes onAutoFillStart {
  from { /**/ }
  to { /**/ }
}
@keyframes onAutoFillCancel {
  from { /**/ }
  to { /**/ }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/phoneInput.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.phoneInput {
  margin-bottom: 8px;
}
.phoneInput.disabled fieldset legend {
  opacity: 0.5;
}
.phoneInput fieldset legend {
  color: #6C747C;
  display: block;
  margin-bottom: 4px;
}
.phoneInput fieldset > div {
  align-items: flex-end;
  display: flex;
}
.phoneInput .textInput.countryCode {
  position: relative;
  margin-right: 10px;
  width: 100px;
}
.phoneInput .textInput.countryCode:before {
  bottom: 10px;
  content: "+";
  display: inline-block;
  position: absolute;
  left: 8px;
  z-index: 1;
  pointer-events: none;
}
.phoneInput .textInput.countryCode input {
  padding-left: 20px;
}
.phoneInput .textInput {
  max-width: 100%;
}

@media (max-width: 400px) {
  .phoneInput fieldset > div {
    display: block;
  }
  .phoneInput fieldset > div > div:first-of-type {
    margin-bottom: 8px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/calendarInput.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.calendarInput {
  display: inline-block;
  font-size: 14px;
}
.calendarInput.disabled {
  cursor: default;
}
.calendarInput.disabled .inputWrap {
  opacity: 0.5;
}
.calendarInput.focused .inputWrap .underline {
  background-color: var(--primary, #3F72C0);
  height: 2px;
}
.calendarInput.hasError .inputWrap .underline {
  background-color: #C31704;
  height: 2px;
}
.calendarInput label {
  display: block;
  color: #6C747C;
  margin-bottom: 4px;
  text-align: left;
}
.calendarInput .inputWrap {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.calendarInput .inputWrap .underline {
  background: #6C747C;
  bottom: 0;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.calendarInput input {
  background-color: #F1F3F5;
  border: 0 none;
  cursor: default;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  position: relative;
  vertical-align: bottom;
  width: 100%;
  -webkit-appearance: none;
}
.calendarInput input:focus {
  outline: none;
}
.calendarInput input:focus:after {
  display: block;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/userSearchBar.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.userSearchBar {
  margin-bottom: 16px;
}
.userSearchBar .dropdown, .userSearchBar .searchInput {
  display: inline-block;
  margin-right: 16px;
  vertical-align: top;
}
.userSearchBar .searchInput.email .textInput {
  width: 260px;
}
.userSearchBar .searchInput.guid .textInput {
  width: 280px;
}
.userSearchBar .searchInput.name .textInput {
  margin-right: 8px;
}
.userSearchBar .errorMsg {
  display: block;
  font-size: 10px;
}
.userSearchBar .actions {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/pagination.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.pagination > div {
  display: inline-block;
  vertical-align: middle;
}
.pagination a {
  color: #6C747C;
  display: inline-block;
  font-size: 13px;
  margin: 0 4px;
  min-width: 28px;
  padding: 0 4px;
  vertical-align: top;
}
.pagination a.number {
  border-radius: 50%;
  line-height: 28px;
  min-height: 28px;
  text-align: center;
}
.pagination a.number:hover, .pagination a.number:active {
  background: #E9ECEF;
  color: #343A40;
}
.pagination a.number.active {
  background: var(--primary, #3F72C0);
  color: #FFF;
}
.pagination a.back, .pagination a.next {
  padding: 0;
}
.pagination a.back {
  transform: rotate(180deg);
}
.pagination .dropdown {
  margin-left: 16px;
  text-align: left;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/emptyState.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.emptyState {
  margin: 0 auto;
  text-align: center;
}
.emptyState.icon:before {
  background: transparent 0 0 no-repeat;
  content: "";
  display: block;
  height: 180px;
  margin: 160px auto 24px;
  max-width: 350px;
  width: 180px;
}
.emptyState.icon.mail:before {
  background-image: url(/common/images/svg/emptyStateMailBox.svg?20dd0641be1db1e1646c);
}
.emptyState.icon.address:before {
  background-image: url(/common/images/svg/emptyStateAddressBook.svg?7f84daaec65daee22221);
}
.emptyState.icon.calendar:before {
  background-image: url(/common/images/svg/emptyStateCalendar.svg?bc27aff8789a742397a9);
}
.emptyState.icon.chair:before {
  background-image: url(/common/images/svg/emptyStateChair.svg?3587c99e8727b84c62fb);
}
.emptyState.icon.tool:before {
  background-image: url(/common/images/svg/emptyStateTool.svg?595dcd549bcb3ec44fc4);
}
.emptyState.icon.warn:before {
  background-image: url(/common/images/svg/emptyStateWarn.svg?629825af2053dae68f52);
}
.emptyState.icon.lock:before {
  background-image: url(/common/images/svg/emptyStateLock.svg?e675bf6e2a38348cbd64);
}
.emptyState.icon.emptySearch:before {
  background-image: url(/common/images/svg/illustrations/emptySearch.svg?360630bc094075009351);
}
.emptyState.icon.binoculars:before {
  background-image: url(/common/images/svg/illustrations/searchBinoculars.svg?3690e3d41f845a41c584);
}
.emptyState.icon .h3 {
  margin-bottom: 6px;
}
.emptyState.outline {
  background: #F8F9FA;
  border: 1px dashed #F1F3F5;
  border-radius: 6px;
  min-height: 80px;
  padding: 16px;
  text-align: left;
}
.emptyState.outline .h3 {
  display: none;
}
.emptyState.outline .text {
  color: #E9ECEF;
  line-height: 16px;
  font-size: 12px;
}
.emptyState .text {
  color: #6C747C;
  margin: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/dataTable.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.dataTable {
  overflow: auto;
}
.dataTable td, .dataTable th {
  border: 1px solid #E9ECEF;
}
.dataTable thead th {
  font-weight: 600;
  padding: 12px 8px;
  background: #E9ECEF;
}
.dataTable tbody:not(.disabledHoverRow) tr:active, .dataTable tbody:not(.disabledHoverRow) tr:hover {
  background: #F8F9FA;
}
.dataTable tbody:not(.disabledHoverRow) tr a:active, .dataTable tbody:not(.disabledHoverRow) tr a:hover {
  cursor: pointer;
  background: #E9ECEF;
}
.dataTable tbody tr {
  background: #FFF;
}
.dataTable tbody td {
  padding: 8px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/memberSearch/memberFilterModal.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.memberFilterModal .name .textInput {
  width: calc(50% - 8px);
}
.memberFilterModal .name .textInput:first-of-type {
  margin-right: 16px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/memberSearch/memberSearch.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.memberSearch .searchControls {
  position: relative;
}
.memberSearch .searchControls .userSearchBar {
  width: calc(100% - 110px);
}
.memberSearch .searchControls .filters {
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
}
.memberSearch .searchControls .filters label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
}
.memberSearch .searchControls .filters > div {
  display: inline-block;
  vertical-align: middle;
}
.memberSearch .emptyState:before {
  margin: 80px auto 24px;
}
.memberSearch .memberTable {
  margin-top: 32px;
}
.memberSearch .pagination {
  margin-top: 16px;
}
.memberSearch .emptyState h3 {
  margin: 0 16px 100px;
}
.memberSearch table {
  width: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/tabs.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.tabs.full {
  display: flex;
}
.tabs.full .tab {
  flex: 1;
}
.tabs .tab {
  color: #343A40;
  cursor: pointer;
  display: inline-block;
  min-width: 80px;
  padding: 16px 4px;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
}
.tabs .tab:hover, .tabs .tab:active {
  border-bottom: 2px solid var(--primaryLight, #B2C7E6);
  padding-bottom: 14px;
}
.tabs .tab.active {
  border-bottom: 2px solid var(--primary, #3F72C0);
  font-weight: 600;
  padding-bottom: 14px;
}

@media (max-width: 500px) {
  .tabs .tab {
    font-size: 12px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./shared/css/components/shared/headerTabs.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.headerTabs {
  background: #FFF;
}
.headerTabs .tabs .tab {
  font-size: 12px;
  padding: 12px 24px;
  text-transform: uppercase;
  min-width: 42px;
}
.headerTabs .tabs .tab:hover, .headerTabs .tabs .tab:active {
  border-bottom: 4px solid var(--primaryLight, #B2C7E6);
  padding-bottom: 8px;
}
.headerTabs .tabs .tab.active {
  border-bottom: 4px solid var(--primary, #3F72C0);
  padding-bottom: 8px;
}
.headerTabs .responsiveTabs {
  position: relative;
  z-index: 10;
}
.headerTabs .responsiveTabs .activeTab {
  cursor: pointer;
  padding: 10px 8px;
}
.headerTabs .responsiveTabs .activeTab > span {
  display: inline-block;
  vertical-align: middle;
}
.headerTabs .responsiveTabs .activeTab .title {
  font-size: 12px;
  text-transform: uppercase;
  width: calc(100% - 20px);
}
.headerTabs .responsiveTabs .activeTab .burger {
  width: 20px;
}
.headerTabs .responsiveTabs .activeTab .burger > div {
  background: #343A40;
  height: 2px;
  margin-bottom: 3px;
}
.headerTabs .responsiveTabs .activeTab .burger > div:last-of-type {
  margin-bottom: 0;
}
.headerTabs .responsiveTabs .responsiveNav {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
  display: none;
  left: 0;
  position: absolute;
  top: 40px;
  width: 100%;
  z-index: 1;
}
.headerTabs .responsiveTabs .responsiveNav .tabs {
  background: #FFF;
}
.headerTabs .responsiveTabs .responsiveNav .tabs .tab {
  border: solid #E9ECEF;
  border-width: 0 0 1px;
  display: block;
  padding: 6px 0;
  width: 100%;
}
.headerTabs .responsiveTabs .responsiveNav .tabs .tab.active {
  color: var(--primary, #3F72C0);
  font-weight: 400;
}
.headerTabs .responsiveTabs .responsiveNav .tabs .tab:hover, .headerTabs .responsiveTabs .responsiveNav .tabs .tab:active {
  background: var(--primaryLight, #B2C7E6);
}
.headerTabs .responsiveTabs .responsiveNav.open {
  display: block;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/members/overview/updateLoginEmailModal.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.updateEmailLoginModal label {
  color: #6C747C;
}
.updateEmailLoginModal .emailInput {
  margin-top: 16px;
}
.updateEmailLoginModal .emailInput .textInput {
  width: 100%;
}
.updateEmailLoginModal .changeHistory {
  margin-bottom: 8px;
}
.updateEmailLoginModal .changeHistory .changeHistoryText {
  color: var(--primary, #3F72C0);
}
.updateEmailLoginModal .changeHistory .dataTable {
  padding: 8px 0;
}
.updateEmailLoginModal .changeHistory .dataTable table {
  width: 100%;
}
.updateEmailLoginModal .warning {
  color: #C31704;
}

#lightboxLayer #lightboxContent .updateEmailLoginModal h3 {
  margin-bottom: 8px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/members/overview/pcpActionModal.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.pcpActionModal .textInput {
  display: block;
  margin-top: 12px;
}
.pcpActionModal .textInput {
  margin-right: 16px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/autocompleteInput.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.autocompleteInput.focused .inputWrap .underline {
  background-color: var(--primary, #3F72C0);
  height: 2px;
}
.autocompleteInput.error .inputWrap .underline {
  background-color: #C31704;
  height: 2px;
}
.autocompleteInput.labeled ul {
  top: 64px;
}
.autocompleteInput.open ul {
  display: block;
}
.autocompleteInput label {
  color: #6C747C;
  display: block;
  margin-bottom: 4px;
}
.autocompleteInput .inputWrap {
  border-radius: 4px;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.autocompleteInput .inputWrap:has(input:disabled) {
  opacity: 0.5;
}
.autocompleteInput .inputWrap .underline {
  background-color: #6C747C;
  bottom: 0;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.autocompleteInput input {
  background-color: #F1F3F5;
  border: 0 none;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 36px 0 12px;
  vertical-align: bottom;
  width: 100%;
}
.autocompleteInput input:focus {
  outline: none;
}
.autocompleteInput ul {
  background: #FFF;
  border: 1px solid #E9ECEF;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.07);
  display: none;
  left: 0;
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 40px;
  width: 100%;
  z-index: 1;
}
.autocompleteInput ul.open {
  display: block;
}
.autocompleteInput ul li {
  border-bottom: 1px solid #E9ECEF;
  cursor: pointer;
  display: block;
  padding: 16px;
  position: relative;
  width: 100%;
}
.autocompleteInput ul li:last-of-type {
  border-bottom: 0 none;
}
.autocompleteInput ul li:hover, .autocompleteInput ul li:active {
  background: #E9ECEF;
}
.autocompleteInput ul li.focus {
  background: #E9ECEF;
}
.autocompleteInput ul li .detailsTile {
  text-align: left;
}
.autocompleteInput ul li .detailsTile div, .autocompleteInput ul li .detailsTile p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.autocompleteInput ul li .detailsTile p {
  font-size: 12px;
  margin: 2px 0 0;
}
.autocompleteInput ul li .avatarTile > div {
  display: inline-block;
  vertical-align: top;
}
.autocompleteInput ul li .avatarTile .avatarContainer {
  margin-right: 16px;
}
.autocompleteInput ul li .avatarTile .detailsTile {
  width: calc(100% - 48px);
}
.autocompleteInput ul li .green {
  color: #018611;
}
.autocompleteInput ul li .red {
  color: #C31704;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/autocomplete.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.autocomplete {
  position: relative;
}
.autocomplete.disabled .inputContainer .textInput label, .autocomplete.disabled .inputContainer .textInput .wrap {
  opacity: 0.5;
}
.autocomplete .inputContainer.load:after {
  animation: rotate 1s infinite linear;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEuNDEiIGNsaXAtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDQ0IDQ0Ij4KICA8ZyBmaWxsPSIjOWI5YjliIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgPHBhdGggZmlsbC1vcGFjaXR5PSIuMjUiIGQ9Ik0yMiA0NGEyMiAyMiAwIDEgMSAwLTQ0IDIyIDIyIDAgMCAxIDAgNDR6bTAtNi4yOUExNS43MSAxNS43MSAwIDEgMCAyMiA2LjNhMTUuNzEgMTUuNzEgMCAwIDAgMCAzMS40MnoiLz4KICAgIDxwYXRoIGQ9Ik0yMiA0NGEzLjE0IDMuMTQgMCAxIDEgMC02LjI5IDE1LjcxIDE1LjcxIDAgMCAwIDEuOTUtMzEuMyAzLjE0IDMuMTQgMCAwIDEgLjc3LTYuMjRBMjIgMjIgMCAwIDEgMjIgNDR6Ii8+CiAgPC9nPgo8L3N2Zz4K) 0 0 no-repeat;
  height: 16px;
  width: 16px;
  content: "";
  position: absolute;
  right: 12px;
  top: 12px;
}
.autocomplete .inputContainer.load:has(.autocompleteInput.labeled):after {
  top: 36px;
}
.autocomplete .inputContainer .textInput {
  width: 100%;
}
.autocomplete .inputContainer .textInput label, .autocomplete .inputContainer .textInput .wrap {
  opacity: 1;
}
.autocomplete .inputContainer .textInput input {
  overflow: hidden;
  padding-right: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.autocomplete .selected {
  display: block;
  position: relative;
}
.autocomplete .selected .svgIcon {
  cursor: pointer;
  fill: #343A40;
  position: absolute;
  right: 2px;
  top: 32px;
  z-index: 1;
}
.autocomplete .selected .svgIcon:hover, .autocomplete .selected .svgIcon:active {
  fill: var(--primary, #3F72C0);
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/tile.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.tile {
  border: 1px solid #6C747C;
  border-radius: 8px;
  color: #6C747C;
  cursor: pointer;
  display: inline-block;
  font-family: "gilroy", "noto", sans-serif;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  max-width: 100%;
  overflow: hidden;
  padding: 0 12px;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.tile.selected {
  border-color: var(--primary, #3F72C0);
  background: var(--primary, #3F72C0);
  color: #FFF;
}
.tile.selected:not(.disabled):hover, .tile.selected:not(.disabled):active {
  border-color: var(--primaryDark, #3D67A6);
  background: var(--primaryDark, #3D67A6);
  color: #FFF;
}
.tile.selected:not(.disabled):hover .svgIcon.flat .fill, .tile.selected:not(.disabled):active .svgIcon.flat .fill {
  fill: #FFF;
}
.tile.selected .svgIcon.flat .fill {
  fill: #FFF;
}
.tile:not(.disabled):hover, .tile:not(.disabled):active {
  border-color: #565D63;
  color: #565D63;
}
.tile:not(.disabled):hover .svgIcon.flat .fill, .tile:not(.disabled):active .svgIcon.flat .fill {
  fill: #565D63;
}
.tile.error {
  border-color: #C31704;
  color: #C31704;
}
.tile.error .svgIcon.flat .fill {
  fill: #C31704;
}
.tile.error:hover, .tile.error:active {
  border-color: #a61e10;
  color: #a61e10;
}
.tile.error:hover .svgIcon.flat .fill, .tile.error:active .svgIcon.flat .fill {
  fill: #a61e10;
}
.tile.disabled {
  cursor: default;
  opacity: 0.5;
}
.tile .svgIcon.flat {
  cursor: pointer;
  margin-right: 6px;
  position: relative;
  top: 6px;
}
.tile .svgIcon.flat .fill {
  fill: #6C747C;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/tileGroup.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.tileGroup legend {
  color: #6C747C;
  margin-bottom: 4px;
  text-align: left;
}
.tileGroup .tile {
  margin: 0 8px 12px 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/insuranceErrorModal.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.insuranceErrorModal {
  text-align: center;
}
.insuranceErrorModal .image {
  background-size: contain;
  background-repeat: no-repeat;
  height: 112px;
  margin: 0 auto;
  width: 140px;
  background-image: url(/common/images/svg/illustrations/exception.svg?9844a86885f67c0d038c);
}
.insuranceErrorModal .image.connection {
  background-image: url(/common/images/svg/illustrations/connection.svg?9fd61b60e17be942ce09);
}
.insuranceErrorModal p {
  color: #343A40;
  margin-top: 16px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/tip/tip.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.tip {
  font-family: "noto", sans-serif;
  font-weight: 400;
  position: relative;
}
.tip > span {
  display: inline-block;
}
.tip .toolTip {
  background-color: #FFF;
  border: 1px solid #E9ECEF;
  border-radius: 4px;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.07);
  color: #343A40;
  font-size: 14px;
  max-width: 768px;
  padding: 0;
  pointer-events: auto;
  text-align: left;
  z-index: 100;
  --rt-opacity: 1.0;
}
.tip .toolTip .tipContentWrap {
  background-color: #FFF;
  position: relative;
  z-index: 1;
}
.tip .toolTip .tipContentWrap.dark {
  background-color: #343A40;
  color: #FFF;
}
.tip .toolTip p {
  margin-bottom: 0;
  padding: 4px 8px;
}
.tip .toolTip .menu a, .tip .toolTip .menu button {
  color: #343A40;
  display: block;
  padding: 8px 16px;
  text-align: center;
  width: 100%;
}
.tip .toolTip .menu a.active, .tip .toolTip .menu a.focus, .tip .toolTip .menu a:hover, .tip .toolTip .menu a:active, .tip .toolTip .menu button.active, .tip .toolTip .menu button.focus, .tip .toolTip .menu button:hover, .tip .toolTip .menu button:active {
  background-color: #F1F3F5;
}
.tip .toolTip .menu a:not(:last-of-type), .tip .toolTip .menu button:not(:last-of-type) {
  border-bottom: 1px solid #E9ECEF;
}
.tip .toolTip button {
  min-width: 144px;
}
.tip .react-tooltip-arrow {
  border: 1px solid #E9ECEF;
  z-index: 0;
}
.tip .react-tooltip-arrow.dark {
  background-color: #343A40;
}

@media (max-width: 768px) {
  .tip .toolTip {
    max-width: 500px;
  }
}
@media (max-width: 500px) {
  .tip .toolTip {
    max-width: 280px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/tip/iconTip.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.iconTip {
  display: inline-block;
  vertical-align: middle;
}
.iconTip:not(.padded).tiny .tip {
  height: 16px;
  width: 16px;
}
.iconTip:not(.padded).sm .tip {
  height: 24px;
  width: 24px;
}
.iconTip:not(.padded).med .tip {
  height: 32px;
  width: 32px;
}
.iconTip:not(.padded).lg .tip {
  height: 48px;
  width: 48px;
}
.iconTip .tip > span {
  height: 100%;
  width: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/fileUpload.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.fileUpload {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fileUpload .attachmentItem {
  display: flex;
  align-items: center;
  gap: 12px;
}
.fileUpload .attachmentItem.hasFile {
  width: calc(100% - 36px);
}
.fileUpload .attachmentItem.hasFile .fileIcon {
  cursor: default;
}
.fileUpload .attachmentItem.hasFile .fileIcon .svgIcon {
  cursor: default;
}
.fileUpload .attachmentItem .fileIcon {
  position: relative;
  width: 44px;
  height: 44px;
  background-color: #F1F3F5;
  border-radius: 4px;
  cursor: pointer;
}
.fileUpload .attachmentItem .fileIcon .svgIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  cursor: pointer;
}
.fileUpload .attachmentItem .fileIcon .addFile {
  fill: var(--primary, #3F72C0);
}
.fileUpload .attachmentItem .fileIcon .addFileFailed {
  fill: #6C747C;
}
.fileUpload .attachmentItem .fileIcon .loading {
  width: 20px;
  height: 20px;
}
.fileUpload .attachmentItem .fileIcon .loading:after {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}
.fileUpload .attachmentItem .fileIcon .fileAdded {
  width: 44px;
  height: 44px;
  background-color: #D6336C;
  border-radius: 4px;
}
.fileUpload .attachmentItem .fileIcon .fileAdded .text {
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
}
.fileUpload .attachmentItem .fileInfo {
  width: calc(100% - 56px);
}
.fileUpload .attachmentItem .fileInfo .fileTitle {
  font-size: 16px;
}
.fileUpload .attachmentItem .fileInfo .fileSubtitle {
  color: #6C747C;
}
.fileUpload .attachmentItem .fileInfo .fileSubtitle .error {
  color: #C31704;
}
.fileUpload .attachmentItem .action {
  width: 36px;
}
.fileUpload .attachmentItem .action .svgIcon {
  cursor: pointer;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/dateInput.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.dateInput .label {
  color: #6C747C;
  margin-bottom: 4px;
  text-align: left;
}
.dateInput .label.disabled {
  opacity: 0.5;
}
.dateInput .inputFields > div, .dateInput .inputFields > span {
  display: inline-block;
  vertical-align: top;
}
.dateInput .inputFields > span {
  margin: 10px 8px 0;
}
.dateInput .textInput.month, .dateInput .textInput.day {
  width: 50px;
}
.dateInput .textInput.year {
  width: 66px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/insurancePolicyForm.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.insurancePolicyForm > div, .insurancePolicyForm > fieldset {
  margin-bottom: 16px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/insuranceForm.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.insuranceForm h6 {
  margin-bottom: 8px;
}
.insuranceForm > div {
  margin-bottom: 16px;
}
.insuranceForm > div:last-of-type {
  margin-bottom: 0;
}
.insuranceForm > div label {
  display: block;
  color: #6C747C;
  margin-bottom: 4px;
}
.insuranceForm > div .textInput {
  width: 100%;
}
.insuranceForm > div.name > div {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 6px);
}
.insuranceForm > div.name > div:first-of-type {
  margin-right: 12px;
}
.insuranceForm .dropdown {
  width: 100%;
}
.insuranceForm .tileGroup .tile {
  text-align: center;
  margin: 0;
  width: calc(50% - 6px);
}
.insuranceForm .tileGroup .tile:nth-child(2) {
  margin-right: 12px;
}
.insuranceForm .actions .btn {
  width: 100%;
}
.insuranceForm .actions .btn.btnSecondary {
  margin-top: 8px;
}
.insuranceForm .insuranceType.none {
  height: 140px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/members/overview/updateInsuranceIdModal.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
.updateInsuranceIdModal p {
  color: #6C747C;
  margin-bottom: 12px;
}
.updateInsuranceIdModal label {
  margin-right: 4px;
}
.updateInsuranceIdModal .newMemberId {
  margin-top: 8px;
}
.updateInsuranceIdModal .newMemberId > * {
  display: inline-block;
  vertical-align: middle;
}
.updateInsuranceIdModal .newMemberId .textInput {
  margin-left: 8px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/members/overview/overview.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.overview .title {
  display: flex;
  justify-content: space-between;
}
.overview .email a, .overview .mrn a {
  margin-left: 8px;
}
.overview .svgIcon {
  vertical-align: middle;
  margin-left: 4px;
}
.overview .svgIcon svg .fill {
  fill: var(--primary, #3F72C0);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/profileHeader.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.profileHeader {
  margin-bottom: 16px;
  text-align: left;
}
.profileHeader:after {
  background: linear-gradient(#EEE, rgba(255, 255, 255, 0.001));
  content: "";
  display: block;
  height: 12px;
  width: 100%;
}
.profileHeader .whiteBg {
  width: 100%;
}
.profileHeader .container {
  min-height: 152px;
  padding: 32px 8px;
}
.profileHeader .container > div {
  display: inline-block;
  vertical-align: top;
}
.profileHeader .details {
  margin-right: 16px;
  width: calc(100% - 104px);
  word-break: break-word;
}
.profileHeader .details h3 {
  margin: 0 0 4px;
}
.profileHeader .details div {
  font-size: 12px;
  margin-bottom: 4px;
}
.profileHeader .details div.additional {
  color: #6C747C;
  font-size: 12px;
}

@media (max-width: 1024px) {
  #profile .profileHeader .container {
    padding: 32px 24px;
  }
}
@media (max-width: 450px) {
  #profile .profileHeader .container {
    text-align: center;
  }
  #profile .profileHeader .container .avatarContainer {
    display: block;
    margin: 0 auto 16px;
    position: static;
  }
  #profile .profileHeader .container .details {
    margin-right: 0;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/menu.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.menu.focused .menuItem.focused {
  background: #E9ECEF;
  outline: auto;
}
.menu .menuItem {
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  padding: 8px;
  text-align: left;
  width: calc(100% - 24px);
}
.menu .menuItem:hover, .menu .menuItem:active {
  background: #E9ECEF;
}
.menu .menuItem.selected {
  background: #EEE;
  color: var(--primary, #3F72C0);
}
.menu .menuItem > div {
  display: inline-block;
  vertical-align: middle;
}
.menu .menuItem .menuIcon {
  height: 32px;
  width: 32px;
  margin-right: 12px;
}
.menu .menuItem .svgIcon.flat {
  cursor: pointer;
}
.menu .menuItem .title {
  max-width: calc(100% - 44px);
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/menuLayout.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.menuLayout > div {
  display: inline-block;
  vertical-align: top;
}
.menuLayout .left {
  margin-right: 16px;
  width: 280px;
}
.menuLayout .menuPanel {
  width: calc(100% - 296px);
}

@media (max-width: 900px) {
  .menuLayout .left {
    margin-right: 8px;
    width: 48px;
  }
  .menuLayout .left .menuItem {
    width: 100%;
  }
  .menuLayout .menuPanel {
    width: calc(100% - 56px);
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/radio.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.radio.error.selected input[type=radio] {
  border-color: #C31704;
}
.radio.error.selected input[type=radio]:after {
  background: #C31704;
}
.radio.error.selected input[type=radio]:hover, .radio.error.selected input[type=radio]:active {
  border-color: #a61e10;
}
.radio.error.selected input[type=radio]:hover:after, .radio.error.selected input[type=radio]:active:after {
  background: #a61e10;
}
.radio.error.selected input[type=radio]:disabled:hover, .radio.error.selected input[type=radio]:disabled:active {
  border-color: #C31704;
}
.radio.error.selected input[type=radio]:disabled:hover:after, .radio.error.selected input[type=radio]:disabled:active:after {
  background: #C31704;
}
.radio.error input[type=radio] {
  border-color: #C31704;
}
.radio.error input[type=radio]:hover, .radio.error input[type=radio]:active {
  border-color: #a61e10;
}
.radio.error input[type=radio]:disabled:hover, .radio.error input[type=radio]:disabled:active {
  border-color: #C31704;
}
.radio.error input[type=radio]:disabled:hover:after, .radio.error input[type=radio]:disabled:active:after {
  background: #C31704;
}
.radio.selected input[type=radio] {
  border: 2px solid var(--primary, #3F72C0);
}
.radio.selected input[type=radio]:hover, .radio.selected input[type=radio]:active {
  border-color: var(--primaryDark, #3D67A6);
}
.radio.selected input[type=radio]:hover:after, .radio.selected input[type=radio]:active:after {
  background: var(--primaryDark, #3D67A6);
}
.radio.selected input[type=radio]:after {
  display: block;
}
.radio.selected input[type=radio]:disabled:hover, .radio.selected input[type=radio]:disabled:active {
  border-color: var(--primary, #3F72C0);
}
.radio.selected input[type=radio]:disabled:hover:after, .radio.selected input[type=radio]:disabled:active:after {
  background: var(--primary, #3F72C0);
}
.radio.disabled {
  cursor: default;
  opacity: 0.5;
}
.radio.disabled label {
  cursor: default;
}
.radio input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #6C747C;
  border-radius: 12px;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  position: relative;
  vertical-align: middle;
  width: 24px;
}
.radio input[type=radio]:hover, .radio input[type=radio]:active {
  border-color: #565D63;
}
.radio input[type=radio]:after {
  background: var(--primary, #3F72C0);
  border-radius: 8px;
  content: "";
  display: none;
  height: 16px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
}
.radio input[type=radio]:disabled:hover, .radio input[type=radio]:disabled:active {
  border-color: #6C747C;
}
.radio label {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  width: calc(100% - 40px);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/radioGroup.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.radioGroup.row .radio {
  display: inline-block;
  vertical-align: top;
}
.radioGroup.row .radio:not(:last-of-type) {
  margin: 0 24px 16px 0;
}
.radioGroup.row .radio label {
  margin-left: 8px;
  width: calc(100% - 32px);
}
.radioGroup.row .errorMessage {
  margin-top: -12px;
}
.radioGroup legend {
  color: #6C747C;
  margin-bottom: 4px;
}
.radioGroup .radio {
  display: block;
}
.radioGroup .radio:not(:last-of-type) {
  margin-bottom: 16px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/animatedDots.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.animatedDots {
  display: inline;
  margin-left: 2px;
}
.animatedDots span {
  animation: dotsBlink 1.4s infinite;
}
.animatedDots span:nth-child(2) {
  animation-delay: 0.2s;
}
.animatedDots span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes dotsBlink {
  0% {
    opacity: 0.1;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/selectableListItem.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.selectableListItem {
  cursor: pointer;
  display: block;
  padding: 20px 40px 20px 20px;
  position: relative;
}
.selectableListItem:hover, .selectableListItem:active, .selectableListItem.focused {
  background: #F8F9FA;
}
.selectableListItem.disabled {
  cursor: default;
}
.selectableListItem.disabled:hover, .selectableListItem.disabled:active, .selectableListItem.disabled.focused {
  background: transparent;
}
.selectableListItem.selected .svgIcon {
  display: block;
}
.selectableListItem .more, .selectableListItem .loadingMore {
  display: block;
  text-align: center;
}
.selectableListItem .more {
  color: var(--primary, #3F72C0);
}
.selectableListItem .more:hover, .selectableListItem .more:active, .selectableListItem .more.focused {
  cursor: pointer;
  color: var(--primaryDark, #3D67A6);
}
.selectableListItem .svgIcon {
  display: none;
  position: absolute;
  right: 12px;
  top: calc(50% - 12px);
  fill: var(--primary, #3F72C0);
}
.selectableListItem .svgIcon.flat {
  cursor: pointer;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/selectableList.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.selectableList {
  border: solid #E9ECEF;
  border-width: 1px 0;
  max-height: 100vh;
  max-height: 100dvh;
  overflow-y: auto;
  position: relative;
}
.selectableList.empty {
  border: none;
  margin: -24px 0 12px 0;
  text-align: center;
}
.selectableList .selectableListItem {
  border-bottom: 1px solid #E9ECEF;
  margin: 0;
}
.selectableList .selectableListItem:last-of-type {
  border-bottom: 0 none;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/ethnicity.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.ethnicity h4 {
  margin-bottom: 16px;
}
.ethnicity .selectableList {
  max-height: 360px;
  padding-right: 12px;
}

@media (max-width: 500px) {
  .ethnicity .selectableList {
    max-height: none;
  }
}
body.Safari.iOS.v8 .ethnicity .selectableList {
  max-height: 420px;
}
body.Safari.iOS .ethnicity .selectableList {
  max-height: 500px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/languagePicker.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.languagePicker h4 {
  margin-bottom: 16px;
}
.languagePicker .selectableList {
  max-height: 300px;
  padding-right: 12px;
}

@media (max-width: 500px) {
  .languagePicker .selectableList {
    max-height: none;
  }
}
body.Safari.iOS.v8 .languagePicker .selectableList {
  max-height: 400px;
}
body.Safari.iOS .languagePicker .selectableList {
  max-height: 480px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/profileBasic.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.profileBasic > div {
  margin-bottom: 16px;
}
.profileBasic > div.gender {
  margin-bottom: 0;
}
.profileBasic .name {
  margin-bottom: 8px;
}
.profileBasic .name .textInput {
  margin: 0 16px 8px 0;
  vertical-align: top;
  width: 146px;
}
.profileBasic .name .textInput:last-of-type {
  margin-right: 0;
}
.profileBasic .ethnicity label, .profileBasic .languages label {
  color: #6C747C;
  display: block;
  margin-bottom: 4px;
}

@media (max-width: 700px) {
  .profileBasic .name > div {
    display: block;
    margin-bottom: 16px;
  }
  .profileBasic .name > div.textInput {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .profileBasic .dob .dateInput span {
    margin-left: 4px;
    margin-right: 4px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/problemList/problemItem.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.problemItem > div {
  cursor: pointer;
  padding: 8px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.problemItem > div:hover, .problemItem > div:active {
  background: #F8F9FA;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/problemList/sortableProblemItem.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.sortableProblemItem > * {
  display: flex;
  padding: 8px 0;
  align-items: center;
  gap: 12px;
}
.sortableProblemItem > *:hover, .sortableProblemItem > *:active {
  background: #F8F9FA;
}
.sortableProblemItem .sortableItem {
  transition: transform 300ms, box-shadow 300ms;
}
.sortableProblemItem .sortableItem.dragging {
  opacity: 0.8;
  transform: scale(1.02);
  box-shadow: #F8F9FA;
}
.sortableProblemItem .svgIcon {
  opacity: 0.5;
}
.sortableProblemItem .svgIcon:hover, .sortableProblemItem .svgIcon:active {
  opacity: 1;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/problemList/problemItemsList.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.problemItemsList {
  margin-top: 36px;
}
.problemItemsList .title {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.problemItemsList .title .problemSort > * {
  cursor: pointer;
  vertical-align: middle;
}
.problemItemsList .title .problemSort:hover, .problemItemsList .title .problemSort:active {
  color: var(--primaryDark, #3D67A6);
}
.problemItemsList .title .problemSort .svgIcon .fill {
  fill: var(--primary, #3F72C0);
}
.problemItemsList .title .problemSort .h5 {
  display: inline-block;
  color: var(--primary, #3F72C0);
}
.problemItemsList .empty {
  padding: 16px 0;
  border-bottom: 1px solid #E9ECEF;
}
.problemItemsList h5 {
  color: #6C747C;
  margin-bottom: 4px;
}
.problemItemsList ul li {
  border-bottom: 1px solid #E9ECEF;
}
.problemItemsList .actionLink {
  margin: 12px 0;
  font-weight: 600;
}
.problemItemsList .problemDetail span {
  font-size: 12px;
  color: #6C747C;
}
.problemItemsList .problemDetail .bullet {
  margin: 0 4px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/searchBox.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.searchBox {
  border: 1px solid #F1F3F5;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
}
.searchBox.focus {
  fill: var(--primary, #3F72C0);
}
.searchBox.focus .underline {
  background-color: var(--primary, #3F72C0);
  height: 2px;
}
.searchBox.hasError .underline {
  background-color: #C31704;
  height: 2px;
}
.searchBox.disabled input, .searchBox.disabled .underline {
  opacity: 0.5;
}
.searchBox.hasValue input {
  padding-right: 42px;
}
.searchBox input {
  background: transparent;
  border: 0 none;
  height: 40px;
  outline: none;
  line-height: 40px;
  width: 100%;
  padding: 0 16px 0 42px;
  position: relative;
  z-index: 1;
}
.searchBox .svgIcon {
  position: absolute;
  top: 8px;
  left: 12px;
}
.searchBox .clear {
  display: inline-block;
}
.searchBox .clear .svgIcon {
  right: 12px;
  left: auto;
  z-index: 1;
  cursor: pointer;
  fill: #343A40;
}
.searchBox .clear .svgIcon:hover, .searchBox .clear .svgIcon:active {
  fill: var(--primary, #3F72C0);
}
.searchBox .underline {
  background-color: #6C747C;
  bottom: 0;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/problemList/problemSearch.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
.problemSearch .searchBox {
  background: #E9ECEF;
}
.problemSearch .selectableList {
  max-height: calc(100vh - 228px);
  overflow-y: auto;
  border-top: 0 none;
}
.problemSearch .selectableList .selectableListItem {
  padding: 12px;
  margin: 0 4px;
}
.problemSearch .customAdd {
  border-bottom: 1px solid #E9ECEF;
  color: #343A40;
  display: block;
  margin-top: 0;
  padding: 12px;
  text-align: left;
}
.problemSearch .customAdd:hover, .problemSearch .customAdd:active {
  background: #F8F9FA;
}
.problemSearch.error .searchBox .underline {
  background-color: #C31704;
  height: 2px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/fuzzyDateInput.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.fuzzyDateInput .label {
  color: #6C747C;
  margin-bottom: 4px;
  text-align: left;
}
.fuzzyDateInput .inputFields {
  display: flex;
  gap: 4px;
}
.fuzzyDateInput .inputFields > div {
  width: 33.3333333333%;
}
.fuzzyDateInput .errorMsg {
  margin-top: 4px;
}

@media (max-width: 500px) {
  .fuzzyDateInput .inputFields {
    display: block;
  }
  .fuzzyDateInput .inputFields > div {
    display: block;
    width: 100%;
  }
  .fuzzyDateInput .inputFields > div:not(:last-of-type) {
    margin-bottom: 8px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/problemList/editProblem.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.editProblem > div:not(:last-of-type) {
  margin-bottom: 16px;
}
.editProblem .editProblemTitle {
  display: flex;
  gap: 8px;
  align-items: center;
}
.editProblem .editProblemTitle .svgIcon {
  transform: rotate(180deg);
}
.editProblem .editProblemContent > div {
  margin-bottom: 16px;
}
.editProblem .editProblemContent .dropdown {
  width: 100%;
}
.editProblem .editProblemContent .problemName .name {
  color: #6C747C;
  display: block;
  margin-bottom: 4px;
}
.editProblem .editProblemContent .problemName .selectedName {
  border: 1px solid #E9ECEF;
  border-radius: 8px;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 0 4px 0 12px;
}
.editProblem .editProblemContent .problemName .selectedName p {
  padding: 12px 0;
}
.editProblem .editProblemContent .problemName .selectedName .disabled {
  cursor: default;
  opacity: 0.5;
}
.editProblem .actions {
  margin-top: 24px;
}
.editProblem .actions .delete .btn.btnSecondary {
  color: #C31704;
  margin-right: 8px;
}

@media (max-width: 500px) {
  .editProblem .actions .delete {
    margin-bottom: 8px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/address.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.address > div > div {
  margin-bottom: 16px;
}
.address .textInput, .address .dropdown {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.address .dropdown {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.address .half .textInput, .address .half .dropdown {
  width: calc(50% - 8px);
}
.address .half .textInput:first-of-type, .address .half .dropdown:first-of-type {
  margin-right: 16px;
}

@media (max-width: 768px) {
  .address .half .textInput, .address .half .dropdown {
    width: 100%;
  }
  .address .half .textInput:first-of-type, .address .half .dropdown:first-of-type {
    margin-right: 0;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/profileContactInfo.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.profileContactInfo section {
  padding: 16px 0;
}
.profileContactInfo section:not(:last-of-type):after {
  background: #C2C6CA;
  content: "";
  display: block;
  height: 1px;
  margin-top: 32px;
  width: 100%;
}
.profileContactInfo section h4 {
  margin-bottom: 12px;
}
.profileContactInfo section h5 {
  margin: 24px 0 8px;
}
.profileContactInfo section > div:not(:last-of-type) {
  margin-bottom: 16px;
}
.profileContactInfo .half > div {
  display: inline-block;
  width: calc(50% - 8px);
  vertical-align: top;
}
.profileContactInfo .half > div:first-of-type {
  margin-right: 16px;
}
.profileContactInfo .textInput {
  width: 100%;
}

@media (max-width: 768px) {
  .profileContactInfo .half > div {
    display: block;
    width: 100%;
  }
  .profileContactInfo .half > div:first-of-type {
    margin: 0 0 16px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./member/css/components/messages/messageItem.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.messageItem {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 16px;
  position: relative;
}
.messageItem:hover, .messageItem:active {
  background: #F8F9FA;
}
.messageItem .highlight {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: var(--primaryLight, #B2C7E6);
}
.messageItem .preview {
  color: #343A40;
  width: calc(100% - 80px);
}
.messageItem .preview > div {
  display: inline-block;
  vertical-align: top;
}
.messageItem .preview .details {
  margin-left: 12px;
  width: calc(100% - 76px);
}
.messageItem .preview .details .patient {
  color: #6C747C;
  font-size: 12px;
  margin: 4px 0;
}
.messageItem .preview .details .ellipses {
  max-width: 200px;
}
.messageItem .info {
  text-align: right;
  fill: #6C747C;
}
.messageItem .info .svgIcon {
  margin-top: 24px;
  padding-left: 10px;
}
.messageItem .info .date {
  font-size: 12px;
  color: #6C747C;
}
.messageItem .info .unread {
  background-color: var(--primary, #3F72C0);
  border-radius: 50%;
  color: #FFF;
  display: inline-block;
  margin-top: 14px;
  padding: 6px 0;
  height: 12px;
  width: 12px;
  font-size: 12px;
  text-align: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./member/css/components/messages/messages.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.messages .panel > button:not(:last-of-type) {
  border-bottom: 1px solid #E9ECEF;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/messages/conversationHeader.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.conversationHeader {
  background: #FFF;
  border-bottom: 1px solid #E9ECEF;
  height: 80px;
  position: relative;
}
.conversationHeader > div {
  display: inline-block;
  vertical-align: middle;
  margin-top: 8px;
}
.conversationHeader .back {
  margin-left: 12px;
}
.conversationHeader .back .svgIcon {
  transform: rotate(180deg);
}
.conversationHeader .avatarContainer {
  margin-left: 12px;
  margin-right: 12px;
}
.conversationHeader .headerDetails a {
  display: inline-block;
  margin-bottom: 2px;
}
.conversationHeader .headerDetails .description {
  color: #6C747C;
  font-size: 12px;
  margin-top: 2px;
}
.conversationHeader .actions {
  position: absolute;
  top: 10px;
  right: 12px;
}
.conversationHeader .actions > * {
  vertical-align: middle;
}
.conversationHeader .actions > .svgIcon {
  margin-right: 12px;
}
.conversationHeader .actions .btn .svgIcon.flat {
  cursor: pointer;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/messages/phrHeader.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.phrHeader.isConsult .conversationHeader .headerDetails {
  width: calc(100% - 170px);
}
.phrHeader.isConsult .conversationHeader .actions > .btn {
  display: none;
}
.phrHeader.isConsult .conversationHeader .actions .mobileIcon {
  display: inline-block;
}
.phrHeader .conversationHeader .back {
  margin-left: 0;
}
.phrHeader .conversationHeader .headerDetails {
  width: calc(100% - 320px);
}
.phrHeader .conversationHeader .headerDetails a {
  width: 100%;
}
.phrHeader .conversationHeader .actions {
  right: 0;
}
.phrHeader .conversationHeader .actions .mobileIcon {
  display: none;
}

@media (max-width: 600px) {
  .phrHeader .conversationHeader .headerDetails {
    width: calc(100% - 164px);
  }
  .phrHeader .conversationHeader .actions {
    top: 16px;
  }
  .phrHeader .conversationHeader .actions .btn {
    display: none;
  }
  .phrHeader .conversationHeader .actions .mobileIcon {
    display: inline-block;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/messages/pendingVisit.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.pendingVisit .messageDoctorIcon {
  margin: 80px auto 24px;
  width: 96px;
  height: 96px;
}
.pendingVisit .messageDoctorIcon:after {
  width: 96px;
  height: 96px;
  content: "";
  display: inline-block;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiA5NiI+CiAgPHBhdGggZmlsbD0iIzJGMUY3MCIgZD0iTTc1LjUwMiAyNy42NjhoLTUxYy0zLjMxNSAwLTYgMi42ODQtNiA2djMzLjg0YzAgMy4zMTUgMi42ODUgNiA2IDZoMzEuMzA1bDExLjYxIDExLjYxYzEuNDE4IDEuNDE3IDMuODQuNDEyIDMuODQtMS41OXYtMTAuMDJoNC4yNDVjMy4zMTUgMCA2LTIuNjg1IDYtNnYtMzMuODRjMC0zLjMwOC0yLjY5Mi02LTYtNloiLz4KICA8cGF0aCBmaWxsPSIjNjZDIiBkPSJNNzQuMzg1IDQ3LjUySDI1LjYxMnY1LjczaDQ4Ljc3M3YtNS43M1pNNzQuMzg1IDM2LjMzSDI1LjYxMnY1LjczaDQ4Ljc3M3YtNS43M1pNNzQuMzg1IDU4LjcxSDI1LjYxMnY1LjczaDQ4Ljc3M3YtNS43M1oiLz4KICA8cGF0aCBmaWxsPSIjNjg1NUFEIiBkPSJNNi42OSAzMS42MmMwLTEyLjAyMyA5Ljc1LTIxLjc3MyAyMS43NzItMjEuNzczIDEyLjAyMyAwIDIxLjc3MyA5Ljc1IDIxLjc3MyAyMS43NzMgMCAxMi4wMjItOS43NSAyMS43NzItMjEuNzczIDIxLjc3MkMxNi40NCA1My4zOTIgNi42OSA0My42NSA2LjY5IDMxLjYyWiIvPgogIDxwYXRoIGZpbGw9IiNGOUM4QTciIGQ9Im0zOC41OCAzNS4xOS0uNTg1LTEyLjI4NWEyLjk3MSAyLjk3MSAwIDAgMC0zLjMtMi42NGwtNy4yNjguMDQ1LTIuNDkgNS41NS45NjggMi4wNGgtLjk2djE2LjE0YTQuMTIzIDQuMTIzIDAgMCAwIDQuMTI1IDQuMTI1IDQuMTIzIDQuMTIzIDAgMCAwIDQuMTI1LTQuMTI1di01LjQzOGwyLjU4Ny0uMTM1YTIuOTc1IDIuOTc1IDAgMCAwIDIuNzk4LTMuMjc3WiIvPgogIDxwYXRoIGZpbGw9IiMyRjFGNzAiIGQ9Ik0zNS44OCAyNi44ODdIMjUuNzd2LTkuOTIyaDE1LjA5djQuOTVhNC45NzYgNC45NzYgMCAwIDEtNC45OCA0Ljk3MloiLz4KICA8cGF0aCBmaWxsPSIjMkYxRjcwIiBkPSJNMjYuMTM3IDI5LjMyNWE2LjE4IDYuMTggMCAxIDAgMC0xMi4zNiA2LjE4IDYuMTggMCAwIDAgMCAxMi4zNloiLz4KICA8cGF0aCBmaWxsPSIjMkYxRjcwIiBkPSJNMjUuMDQyIDM2Ljc4aC0uMzIyYTQuNzcyIDQuNzcyIDAgMCAxLTQuNzctNC43N3YtOS4wNjhoNS4wODVWMzYuNzhoLjAwN1oiLz4KICA8cGF0aCBmaWxsPSIjRjlDOEE3IiBkPSJNMjYuNzgyIDMwLjMyMmEyLjAxOCAyLjAxOCAwIDEgMCAwLTQuMDM1IDIuMDE4IDIuMDE4IDAgMCAwIDAgNC4wMzVaIi8+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTM0LjI5IDQ4LjYwN0gyMy43ODJ2LTguMDI1aDguMjhjMS4yMyAwIDIuMjI4Ljk5OCAyLjIyOCAyLjIyOHY1Ljc5N1oiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjguNTA3IDUzLjM5MmM1LjI1OCAwIDEwLjA4LTEuODY3IDEzLjg0NS00Ljk2NWE5LjUwNiA5LjUwNiAwIDAgMC02LjYxNS0yLjY2MkgyMS44NjJhOS41NCA5LjU0IDAgMCAwLTYuODc3IDIuOTI1IDIxLjczNSAyMS43MzUgMCAwIDAgMTMuNTIyIDQuNzAyWiIvPgo8L3N2Zz4K) center center no-repeat;
  background-size: 96px 96px;
}
.pendingVisit h3, .pendingVisit p {
  margin: 0 auto 24px;
  padding: 0 12px;
  text-align: center;
}
.pendingVisit p {
  max-width: 280px;
}
.pendingVisit .btn {
  display: block;
  width: 128px;
  margin: 0 auto 40px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/messages/chatTextMessage.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.chatTextMessage > div {
  display: inline-block;
  vertical-align: middle;
}
.chatTextMessage .focus .underline {
  background-color: var(--primary, #3F72C0);
}
.chatTextMessage .textMessageWrap {
  background-color: #E9ECEF;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  width: calc(100% - 36px);
}
.chatTextMessage #textMessage {
  cursor: text;
  font-size: 14px;
  margin: 0 8px;
  line-height: 20px;
  overflow-y: auto;
  padding: 8px 12px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.chatTextMessage #textMessage:empty:after {
  content: attr(placeholder);
  color: #6C747C;
  display: block;
}
.chatTextMessage #textMessage:after {
  content: "";
  display: none;
}
.chatTextMessage #textMessage:focus {
  outline: none;
}
.chatTextMessage .underline {
  background-color: #6C747C;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  z-index: 2;
  width: 100%;
}
.chatTextMessage .sendContainer {
  fill: var(--primary, #3F72C0);
}
.chatTextMessage .sendContainer .svgIcon.flat:hover, .chatTextMessage .sendContainer .svgIcon.flat:focus {
  fill: var(--primaryDark, #3D67A6);
  cursor: pointer;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/messages/typingIndicator.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.typingIndicator {
  width: 100%;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 8px;
  color: #6C747C;
  background-color: #EEE;
}
.typingIndicator .names {
  max-width: calc(100% - 50px);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/messages/observedContainer.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.observedContainer {
  overflow-y: auto;
  position: relative;
  height: 100%;
}
.observedContainer .loaderWrap {
  background: #FFF;
  border: 1px solid #E9ECEF;
  border-radius: 50%;
  padding: 8px;
  position: absolute;
  top: 12px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
}
.observedContainer .loaderWrap .loading {
  margin: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/chat/message/dateMessage.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.dateMessage {
  margin-bottom: 16px;
  position: relative;
  text-align: center;
}
.dateMessage:before {
  background-color: #E9ECEF;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.dateMessage span {
  background-color: #FCFCFC;
  border-radius: 4px;
  color: #6C747C;
  font-size: 12px;
  padding: 0 8px;
  position: relative;
  top: -1px;
  z-index: 1;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/slideContent.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.slideContent {
  overflow: hidden;
  transition: height 0.3s ease;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/appointments/visitIntroCard.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.visitIntroCard {
  min-height: 102px;
}
.visitIntroCard .panel {
  position: relative;
}
.visitIntroCard h4 {
  font-size: 14px;
  margin: 4px 0 3px;
}
.visitIntroCard h4:first-of-type {
  margin-top: 0;
}
.visitIntroCard .general, .visitIntroCard .details {
  font-size: 12px;
  line-height: 19px;
  padding: 16px 16px 30px;
}
.visitIntroCard .general > div {
  display: inline-block;
  vertical-align: top;
}
.visitIntroCard .general .info {
  margin-right: 16px;
  width: calc(100% - 64px);
}
.visitIntroCard .general .info > div {
  margin-bottom: 2px;
}
.visitIntroCard .general .info .providerName {
  font-weight: 600;
}
.visitIntroCard .general .info .description {
  color: #343A40;
}
.visitIntroCard .general .info .description > span, .visitIntroCard .general .info .description .svgIcon {
  display: inline-block;
  vertical-align: top;
}
.visitIntroCard .general .info .description .svgIcon {
  margin: 0 2px 0 -4px;
}
.visitIntroCard .general .info .description .svgIcon .fill {
  fill: #6C747C;
}
.visitIntroCard .general .info .timeFrame, .visitIntroCard .general .info .relationship {
  color: #6C747C;
}
.visitIntroCard .general .info .timeframe {
  font-size: 12px;
  margin-bottom: 5px;
}
.visitIntroCard .horizontalDivider.mask {
  background: transparent;
}
.visitIntroCard .details > div {
  margin-bottom: 16px;
}
.visitIntroCard .details > div:last-of-type {
  margin-bottom: 0;
}
.visitIntroCard .details .symptomSummary {
  margin-bottom: 12px;
}
.visitIntroCard .details .service {
  font-size: 14px;
}
.visitIntroCard .details .service > div {
  display: inline-block;
  vertical-align: middle;
}
.visitIntroCard .details .service .serviceIcon {
  background: transparent 0 0 no-repeat;
  background-size: contain;
  height: 24px;
  width: 24px;
  margin-right: 4px;
}
.visitIntroCard .details .service .serviceName {
  color: #6C747C;
  width: calc(100% - 32px);
}
.visitIntroCard .details p {
  color: #6C747C;
  font-size: 12px;
  line-height: 22px;
  margin: 0;
}
.visitIntroCard .details p.category {
  color: #343A40;
}
.visitIntroCard .details p.rfv {
  white-space: pre-wrap;
}
.visitIntroCard .actions {
  position: absolute;
  right: 16px;
  bottom: -18px;
}
.visitIntroCard .actions .arrowWrap {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.visitIntroCard .actions .arrowWrap .svgIcon {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}
.visitIntroCard .actions a {
  vertical-align: middle;
}
.visitIntroCard .actions a:not(:first-of-type) {
  margin-left: 16px;
}
.visitIntroCard .actions .arrowWrap.open .svgIcon > span {
  transform: rotate(180deg);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/chat/message/visitIntroCard.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.visitIntroCard {
  max-width: 800px;
  margin: 0 auto 32px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/chat/message/inlineMessage.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.inlineWrap {
  text-align: center;
}

.inlineMessage {
  background: #F1F3F5;
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  padding: 4px 8px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/chat/message/basicTemplateMessage.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.basicTemplateMessage {
  max-width: 800px;
  margin: 40px auto 32px;
}
.basicTemplateMessage .messageContent .messageBody {
  border-radius: 10px;
  box-shadow: 0 2px 4px #EEE;
  background: #FFF;
  position: relative;
  word-wrap: break-word;
}
.basicTemplateMessage .messageContent .messageBody .customMessage .customContent {
  width: 100%;
  margin-top: 2px;
  display: inline-block;
}
.basicTemplateMessage .messageContent .messageBody .customMessage .customContent .content {
  padding: 12px;
  text-align: left;
}
.basicTemplateMessage .messageContent .messageBody .customMessage .customContent .templateLink {
  text-align: center;
  padding: 12px;
  border-top: 1px solid #E9ECEF;
  font-weight: 600;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/chat/message/bulletedListTemplateMessage.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.bulletedListTemplateMessage .panel {
  border: 1px solid #E9ECEF;
  box-shadow: none;
  padding: 12px;
}
.bulletedListTemplateMessage p {
  margin-bottom: 12px;
}
.bulletedListTemplateMessage ul {
  list-style: disc;
  margin-left: 24px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/chat/message/baseChatMessage.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.chatMessage.private {
  margin-bottom: 32px;
}
.chatMessage.private .messageContent.sender .messageBody:after {
  left: inherit;
  right: 0;
}
.chatMessage.private .messageContent .messageBody:after {
  content: "private";
  font-size: 11px;
  color: #B46001;
  position: absolute;
  left: 0;
  bottom: -18px;
}
.chatMessage > div {
  display: inline-block;
  vertical-align: top;
}
.chatMessage .chatTimestamp {
  display: block;
}
.chatMessage .avatarHolder.htLogo {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MiIgdmlld0JveD0iMCAwIDEwMCAxMDAiPjxwYXRoIGQ9Ik0wIDBoMTAwdjEwMEgweiIgc3R5bGU9ImZpbGw6IzE0MzU2NiIvPjxwYXRoIGQ9Ik02Mi44MTMgMjcuNDRoOS43NTl2NDUuMTIxaC05Ljc1OXoiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1ydWxlOm5vbnplcm8iLz48cGF0aCBkPSJNNjIuODEzIDQ1LjEyMUg0NS4xMjFWMjcuNDRoLTkuNzQ4djE3LjY4MUgxNy42ODF2OS43NThoMTcuNjkyVjcyLjU2aDkuNzQ4VjU0Ljg3OWgxNy42OTJ6IiBzdHlsZT0iZmlsbDojZDBkN2UwO2ZpbGwtcnVsZTpub256ZXJvIi8+PC9zdmc+) 0 0 no-repeat;
  background-size: 32px 32px;
  border-radius: 50%;
}
.chatMessage .avatarHolder.sender {
  margin-left: 10px;
}
.chatMessage .avatarHolder.receiver {
  margin-right: 10px;
}
.chatMessage .messageContent {
  text-align: left;
  width: calc(100% - 42px);
}
.chatMessage .messageContent.sender {
  width: 100%;
  text-align: right;
}
.chatMessage .messageContent.sender .messageBody {
  background: #E9ECEF;
  text-align: left;
}
.chatMessage .messageContent .messageBody {
  border-radius: 8px;
  border: 1px solid #E9ECEF;
  background: #FFF;
  display: inline-block;
  max-width: 450px;
  padding: 8px 12px;
  position: relative;
  word-wrap: break-word;
}
.chatMessage .messageContent .messageBody .messageStatus {
  font-size: 10px;
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;
}
.chatMessage .messageContent .messageBody .messageStatus .time, .chatMessage .messageContent .messageBody .messageStatus .failed, .chatMessage .messageContent .messageBody .messageStatus .sending {
  flex-shrink: 0;
  text-align: right;
}
.chatMessage .messageContent .messageBody .messageStatus .time {
  width: 48px;
}
.chatMessage .messageContent .messageBody .messageStatus .failed {
  width: 88px;
}
.chatMessage .messageContent .messageBody .messageStatus .failed .red {
  color: #C31704;
}
.chatMessage .messageContent .messageBody .messageStatus .failed .bullet {
  margin: 0 2px;
}
.chatMessage .messageContent .messageBody .messageStatus .sending {
  width: 56px;
}
@media screen and (max-width: 1666px) {
  .chatMessage .messageContent .messageBody {
    max-width: 100%;
  }
}

@media (max-width: 500px) {
  .chatMessage .messageContent .messageBody {
    max-width: 90%;
  }
}
@media (max-width: 400px) {
  .chatMessage .messageContent {
    width: 100%;
  }
  .chatMessage .avatarHolder {
    display: none;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/chat/message/customMessage.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.customMessage .topSection > div {
  display: inline-block;
  vertical-align: top;
}
.customMessage .topSection .customContent {
  width: calc(100% - 76px);
}
.customMessage .topSection .customContent > div {
  margin-bottom: 4px;
}
.customMessage .topSection .customContent .title {
  font-weight: 600;
}
.customMessage .topSection .customContent .subtitle {
  font-size: 12px;
}
.customMessage .topSection .imageContent {
  border-radius: 22px;
  height: 44px;
  margin-left: 32px;
  overflow: hidden;
  width: 44px;
}
.customMessage .topSection .imageContent img {
  height: 44px;
  width: 44px;
}
.customMessage .additional {
  color: #6C747C;
  font-size: 12px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/chat/message/imageMessage.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.imageMessage img {
  max-height: 360px;
  max-width: 100%;
  margin-bottom: 4px;
}
.imageMessage .name {
  font-weight: 600;
  margin-bottom: 4px;
}

@media (max-width: 460px) {
  .imageMessage img {
    max-width: 100%;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/chat/message/pcpAssignMessage.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.pcpAssignMessage {
  padding: 12px;
  text-align: center;
  background-color: var(--primaryLight, #B2C7E6);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/chat/message/pcpInfoMessage.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.pcpInfoMessage {
  padding: 12px;
  text-align: center;
  background-color: var(--primaryLight, #B2C7E6);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/consult/chatContainer.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.chatContainer {
  background: #FCFCFC;
  position: relative;
  display: flex;
  flex-direction: column;
}
.chatContainer.readOnly .chatDisplay {
  height: 100%;
}
.chatContainer > .loading {
  margin: 0 auto;
}
.chatContainer .action.center {
  margin-top: 16px;
}
.chatContainer .statusBar {
  left: 16px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 12px;
  width: calc(100% - 32px);
  z-index: 1;
}
.chatContainer .statusBar > div {
  background: #FFF;
  border-radius: 8px;
  box-shadow: 0 0 2px 2px #F1F3F5;
  width: 100%;
}
.chatContainer .statusBar .upload {
  padding: 8px;
}
.chatContainer .statusBar h4 {
  margin: 0;
}
.chatContainer .chatDisplay {
  height: calc(100% - 60px);
}
.chatContainer .chatDisplay .observedContainer {
  height: 100%;
}
.chatContainer .chatDisplay .textChatMessages {
  max-width: 820px;
  margin: 16px auto 0;
  padding: 0 16px;
}
.chatContainer .chatDisplay .textChatMessages .chatMessageWrap {
  margin-bottom: 20px;
}
.chatContainer .chatDisplay .textChatMessages .chatMessageWrap .textMessage {
  white-space: pre-wrap;
}
.chatContainer .chatDisplay > .loading {
  height: 22px;
  width: 22px;
  margin: 4px auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.chatContainer .chatDisplay > .loading:after {
  height: 22px;
  width: 22px;
}
.chatContainer .messageAction {
  position: relative;
}
.chatContainer .messageAction .typingIndicator {
  position: absolute;
  top: -20px;
}
.chatContainer .chatActions {
  align-items: flex-end;
  background: #FFF;
  border-top: 1px solid #E9ECEF;
  padding: 12px 8px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: auto;
}
.chatContainer .chatActions .chatTextMessage {
  max-height: 256px;
  min-height: 20px;
  width: 100%;
}
.chatContainer .archived {
  position: relative;
  height: 62px;
  background-color: #FCFCFC;
}
.chatContainer .archived .backgroundDash {
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  width: calc(100% - 32px);
  margin: 0 16px;
  background-color: #E9ECEF;
}
.chatContainer .archived .archivedText {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FCFCFC;
  padding: 0 8px;
  font-size: 12px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/messages/conversation.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.conversation > .loading {
  margin-top: 66px;
}
.conversation .chatContainer {
  height: 100%;
  position: relative;
}
.conversation .chatContainer > .actions {
  bottom: 0;
  left: 0;
  position: absolute;
}

body.mobile {
  display: flex;
  flex-direction: column;
}
body.mobile .conversation {
  flex-grow: 1;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/deviceTest/deviceCheckFailed.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.deviceCheckFailed {
  width: 1024px;
  max-width: 100%;
  margin: 0 auto;
}
.deviceCheckFailed .failedTitle {
  margin-bottom: 24px;
  text-align: center;
}
.deviceCheckFailed .failedTitle > * {
  display: inline-block;
  vertical-align: middle;
}
.deviceCheckFailed .failedTitle .svgIcon {
  width: 48px;
  margin-right: 8px;
  fill: #B46001;
}
.deviceCheckFailed ol {
  list-style: decimal;
  margin: 24px 0;
}
.deviceCheckFailed ol li {
  margin: 0 0 4px 16px;
  padding-left: 4px;
}
.deviceCheckFailed .browserImage:before {
  margin: 24px auto;
  content: "";
  display: block;
  background: transparent no-repeat center center/cover;
}
.deviceCheckFailed .browserImage.macChromeImage:before {
  width: 320px;
  height: 500px;
  background-image: url(/common/images/png/deviceCheck/macChrome.jpg?e7615adb34dd220a2316);
}
.deviceCheckFailed .browserImage.iosSafariImage1:before {
  margin: 12px auto 32px;
  width: 280px;
  height: 373px;
  background-image: url(/common/images/png/deviceCheck/iosSafari1.jpg?0887f9dc92decc00259b);
}
.deviceCheckFailed .browserImage.iosSafariImage2:before {
  width: 280px;
  height: 373px;
  margin: 12px auto 32px;
  background-image: url(/common/images/png/deviceCheck/iosSafari2.jpg?6110e8d5915c5fcbce07);
}
.deviceCheckFailed .browserImage.iosSafariImage3:before {
  width: 280px;
  height: 260px;
  margin: 12px auto;
  background-image: url(/common/images/png/deviceCheck/iosSafari3.jpg?be7e38bcd2be155ab25f);
}
.deviceCheckFailed .browserImage.iosSafariImage4:before {
  width: 280px;
  height: 260px;
  background-image: url(/common/images/png/deviceCheck/iosSafari4.jpg?e0e2507b7fb848dd08a2);
}
.deviceCheckFailed .browserImage.androidChromeImage1:before {
  width: 300px;
  height: 312px;
  background-image: url(/common/images/png/deviceCheck/androidChrome1.jpg?15bebb46687572dab8e5);
}
.deviceCheckFailed .browserImage.androidChromeImage2:before {
  width: 300px;
  height: 422px;
  background-image: url(/common/images/png/deviceCheck/androidChrome2.jpg?2f1934f17108ccbc6455);
}
.deviceCheckFailed .browserImage.windowsEdgeImage:before {
  width: 320px;
  height: 312px;
  background-image: url(/common/images/png/deviceCheck/windowsEdge.jpg?ff01f2179df0bc48b82e);
}
.deviceCheckFailed .browserImage.iosChromeImage1:before {
  width: 180px;
  height: 180px;
  background-image: url(/common/images/png/deviceCheck/iosChrome1.jpg?e64125f8ad72d504ad3c);
}
.deviceCheckFailed .browserImage.iosChromeImage2:before {
  width: 400px;
  height: 152px;
  background-image: url(/common/images/png/deviceCheck/iosChrome2.jpg?cc6f55347997bf454393);
}
.deviceCheckFailed .browserImage.iosChromeImage3:before {
  width: 400px;
  height: 428px;
  background-image: url(/common/images/png/deviceCheck/iosChrome3.jpg?20f2241479b56e512bcb);
}
.deviceCheckFailed .btn {
  display: block;
  margin: 24px auto;
  width: 360px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/shared/cameraPreview.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.cameraPreview .previewLink {
  margin: 28px auto;
  display: block;
  text-align: center;
}
.cameraPreview .cameraDisplay {
  width: 100%;
  max-width: 375px;
  margin: 16px auto;
  overflow: hidden;
  display: block;
  text-align: center;
}
.cameraPreview .cameraDisplay #localVideo {
  width: 100%;
  height: 240px;
  border-radius: 24px;
  margin-bottom: 0;
  border: 2px solid #6C747C;
  background: none;
  -o-object-fit: cover;
     object-fit: cover;
  transform: rotateY(180deg);
}
.cameraPreview .cameraDisplay .videoText {
  width: 100%;
  margin: 8px auto;
}
.cameraPreview .cameraDisplay .permissionError {
  margin: 28px auto;
  display: block;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/consult/visitModal.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.visitModal {
  text-align: center;
}
.visitModal .csIcon, .visitModal .iconWrap {
  height: 64px;
  margin: 0 auto 16px;
  width: 64px;
}
.visitModal .csIcon {
  background: transparent 0 0 no-repeat;
  background-size: contain;
}
.visitModal .csName.uc {
  color: #B46001;
}
.visitModal .csName.pc {
  color: #3f76d0;
}
.visitModal h4 {
  margin-bottom: 8px;
}
.visitModal .details {
  color: #6C747C;
}
.visitModal .appointmentDetails {
  font-weight: 600;
  margin: 16px 0;
}
.visitModal .appointmentDetails p:not(:last-of-type) {
  margin-bottom: 4px;
}
.visitModal .callActions {
  color: #6C747C;
  margin-top: 32px;
}
.visitModal .callActions > div {
  display: inline-block;
  vertical-align: top;
}
.visitModal .callActions > div:not(.disabled) {
  cursor: pointer;
}
.visitModal .callActions > div:not(.disabled) .svgIcon.flat {
  cursor: pointer;
}
.visitModal .callActions > div.disabled .iconWrap {
  background: #C2C6CA;
}
.visitModal .callActions > div:not(:last-of-type) {
  margin-right: 60px;
}
.visitModal .callActions .decline .iconWrap {
  background: #C31704;
}
.visitModal .callActions .pickup .iconWrap {
  background: #018611;
}
.visitModal .callActions .snooze .iconWrap {
  background: #3F72C0;
}
.visitModal .callActions .iconWrap {
  border-radius: 50%;
  height: 64px;
  margin-bottom: 16px;
  width: 64px;
}
.visitModal .callActions .iconWrap .svgIcon {
  fill: #FFF;
  margin-top: 16px;
}
.visitModal .toggleMuteSound {
  margin-top: 32px;
}
.visitModal .toggleMuteSound .svgIcon {
  fill: var(--primary, #3F72C0);
  vertical-align: middle;
  margin-right: 4px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/shared/faxModal.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
#lightboxContent .faxModal p {
  margin-bottom: 16px;
}
#lightboxContent .faxModal .disclaimer a {
  color: var(--primary, #3F72C0);
  font-weight: 400;
}
#lightboxContent .faxModal .disclaimer a:hover, #lightboxContent .faxModal .disclaimer a:active {
  color: var(--primaryDark, #3D67A6);
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/textArea.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.textAreaContainer .textArea {
  width: 100%;
}
.textAreaContainer .textArea.focus .wrap .underline {
  background-color: var(--primary, #3F72C0);
  height: 2px;
}
.textAreaContainer .textArea.hasError .wrap .underline {
  background-color: #C31704;
  height: 2px;
}
.textAreaContainer .textArea.disabled {
  opacity: 0.5;
}
.textAreaContainer .textArea label {
  display: block;
  color: #6C747C;
  margin-bottom: 4px;
}
.textAreaContainer .textArea .wrap {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.textAreaContainer .textArea .wrap .underline {
  background-color: #6C747C;
  border-radius: 0 0 4px 4px;
  bottom: 0;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.textAreaContainer .textArea textarea {
  background: #F1F3F5;
  border: 0 none;
  padding: 9px 12px;
  resize: none;
  width: 100%;
  height: 100%;
}
.textAreaContainer .textArea textarea:focus {
  outline: none;
}
.textAreaContainer .errorCounter {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
}
.textAreaContainer .errorCounter .errorMessage, .textAreaContainer .errorCounter .leftNotice {
  flex-grow: 1;
  max-width: calc(100% - 60px);
}
.textAreaContainer .counterContainer {
  color: #6C747C;
  margin-top: 4px;
  overflow: hidden;
}
.textAreaContainer .counterContainer.error {
  color: #C31704;
}
.textAreaContainer .counterContainer.disabled {
  opacity: 0.5;
}

body.Firefox .textAreaContainer .textArea .wrap .underline {
  bottom: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/shared/missedConsultModal.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.missedConsultModal h4 {
  font-size: 24px;
  margin-bottom: 16px;
}
.missedConsultModal .consultDetails {
  background: var(--primaryFaint, #ECF1F9);
  margin-bottom: 16px;
  padding: 16px;
}
.missedConsultModal .consultDetails > div {
  display: inline-block;
  vertical-align: top;
}
.missedConsultModal .consultDetails .details {
  margin-left: 12px;
  width: calc(100% - 76px);
}
.missedConsultModal .consultDetails .details a {
  font-weight: 600;
}
.missedConsultModal .consultDetails .details div {
  font-size: 12px;
  margin-top: 2px;
}
.missedConsultModal .consultDetails .details div.time {
  color: #C31704;
  font-weight: 600;
}
.missedConsultModal .consultDetails .reason {
  display: block;
  margin-top: 8px;
}
.missedConsultModal .consultDetails .reason .reasonCategory {
  margin-bottom: 4px;
}
.missedConsultModal .consultDetails .reason .stringTruncator {
  color: #6C747C;
  word-wrap: break-word;
}
.missedConsultModal .explain p {
  margin-bottom: 8px;
}
.missedConsultModal .explain .radioGroup {
  margin: 24px 0;
}
.missedConsultModal .actions {
  position: relative;
}
.missedConsultModal .actions .count {
  position: absolute;
  left: 0;
  top: 10px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/profileMessages.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.profileMessages .noMessage .emptyImage {
  width: 180px;
  height: 180px;
  margin: 60px auto 0;
  background-image: url(/common/images/svg/illustrations/messageDoctor.svg?e6534f005c5dd4d4b03e);
  background-size: contain;
}
.profileMessages .noMessage h3 {
  width: 204px;
  max-width: 100%;
  margin: 0 auto 12px;
}
.profileMessages .noMessage .description {
  width: 200px;
  max-width: 100%;
  margin: 0 auto 80px;
  text-align: center;
}
.profileMessages .pendingVisit {
  height: calc(100% - 76px);
  overflow: auto;
}
.profileMessages .conversation {
  height: calc(100vh - 302px);
}
.profileMessages .conversation .chatContainer {
  height: 100%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/healthMetrics/metricSummaryItem.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.metricSummaryItem > div {
  cursor: pointer;
  padding: 20px 0;
}
.metricSummaryItem > div:hover, .metricSummaryItem > div:active {
  background: #F8F9FA;
}
.metricSummaryItem > div > div {
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
.metricSummaryItem .metricName {
  margin-right: 8px;
  width: calc(100% - 182px);
}
.metricSummaryItem .metricDetails {
  text-align: right;
  width: 170px;
}
.metricSummaryItem .source, .metricSummaryItem .time {
  color: #6C747C;
  font-size: 12px;
  margin-top: 3px;
}
.metricSummaryItem .value.warn {
  color: #B46001;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/healthMetrics/healthMetricsSummary.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.healthMetricsSummary ul {
  border-top: 1px solid #E9ECEF;
}
.healthMetricsSummary ul li {
  border-bottom: 1px solid #E9ECEF;
}

@media (max-width: 550px) {
  .healthMetricsSummary .metricSummaryItem > div > div {
    display: block;
    text-align: left;
    width: 100%;
  }
  .healthMetricsSummary .metricSummaryItem > div > div.metricName {
    margin: 0 0 8px;
  }
  .healthMetricsSummary .metricSummaryItem > div > div .value {
    font-size: 20px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/measurementRange.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.measurementRange {
  margin: 8px 0;
  position: relative;
}
.measurementRange .bar {
  background: #EEE;
  border-radius: 4px;
  height: 8px;
  position: relative;
  width: 100%;
}
.measurementRange .normalBar {
  background: #018611;
  height: 8px;
  position: absolute;
  top: 0;
}
.measurementRange .valueBullet {
  background: #343A40;
  border-radius: 4px;
  height: 24px;
  position: absolute;
  top: -8px;
  width: 4px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/healthMetrics/healthMetricSnapshot.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.healthMetricSnapshot {
  padding-bottom: 16px;
}
.healthMetricSnapshot .empty {
  color: #6C747C;
  margin-top: 12px;
}
.healthMetricSnapshot h5 {
  margin-bottom: 16px;
}
.healthMetricSnapshot .value {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 4px;
}
.healthMetricSnapshot .value.warn {
  color: #B46001;
}
.healthMetricSnapshot .guidance {
  margin-bottom: 4px;
}
.healthMetricSnapshot .details {
  color: #6C747C;
  font-size: 12px;
}
.healthMetricSnapshot .measurementRange {
  margin: 32px 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/timeSuggestOptionsList.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.timeSuggestOptionsList {
  cursor: pointer;
}
.timeSuggestOptionsList .timeRow {
  height: 30px;
  line-height: 30px;
  padding: 0 4px;
}
.timeSuggestOptionsList .timeRow:hover, .timeSuggestOptionsList .timeRow:active, .timeSuggestOptionsList .timeRow.selected {
  background: #F8F9FA;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/timeSuggest.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.timeSuggest {
  position: relative;
  width: 100px;
}
.timeSuggest.focused .suggestions {
  display: block;
}
.timeSuggest .label {
  color: #6C747C;
  margin-bottom: 4px;
  text-align: left;
}
.timeSuggest .textInput {
  width: 100%;
}
.timeSuggest .suggestions {
  background: #FFF;
  border: 1px solid #E9ECEF;
  display: none;
  left: 0;
  max-height: 180px;
  overflow-y: auto;
  position: absolute;
  top: 44px;
  width: 150px;
  z-index: 1;
}
.timeSuggest .suggestions.hasLabel {
  top: 64px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/healthMetrics/measurementModal.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.measurementModal > div {
  margin-bottom: 16px;
}
.measurementModal fieldset {
  margin-bottom: 16px;
}
.measurementModal fieldset.half .textInput.measurement {
  width: 86px;
}
.measurementModal fieldset.half .unit {
  margin: 10px 12px 0 0;
}
.measurementModal label, .measurementModal legend {
  color: #6C747C;
  display: block;
  margin-bottom: 4px;
}
.measurementModal .disclaimer {
  color: #343A40;
  font-size: 14px;
}
.measurementModal .measurementContainer {
  display: inline-block;
}
.measurementModal .textInput.measurement {
  margin-right: 4px;
  width: 213px;
}
.measurementModal .unit {
  display: inline-block;
  margin-top: 34px;
  vertical-align: top;
}
.measurementModal .dropdown {
  display: inline-block;
  width: 230px;
}
.measurementModal .calendarInput, .measurementModal .timeSuggest {
  display: inline-block;
  vertical-align: top;
}
.measurementModal .calendarInput {
  width: 160px;
}
.measurementModal .timeSuggest {
  margin-left: 8px;
  width: 150px;
}
.measurementModal .timeSuggest input {
  text-align: left;
}
.measurementModal .timeSuggest .suggestions .timeRow {
  padding-left: 12px;
}
.measurementModal .actions {
  margin-bottom: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/expandableList.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.expandableList .more {
  text-align: center;
  padding: 16px;
}
.expandableList .showMore button {
  text-align: center;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/healthMetrics/healthMetricItem.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.healthMetricItem {
  padding: 20px 0;
}
.healthMetricItem > div {
  display: inline-block;
  vertical-align: middle;
}
.healthMetricItem .overview {
  margin-right: 8px;
  width: 200px;
}
.healthMetricItem .overview .value {
  font-size: 16px;
}
.healthMetricItem .overview .value.warn {
  color: #B46001;
}
.healthMetricItem .overview .time {
  color: #6C747C;
  font-size: 12px;
}
.healthMetricItem .source {
  color: #6C747C;
  text-align: right;
  width: calc(100% - 260px);
}
.healthMetricItem .actions {
  margin-left: 16px;
  width: 36px;
}
.healthMetricItem .actions .toolTip {
  max-width: 280px;
}

@media (max-width: 500px) {
  .healthMetricItem {
    position: relative;
  }
  .healthMetricItem > div.actions {
    text-align: right;
    position: absolute;
    top: 23px;
    right: 0;
  }
  .healthMetricItem > div.actions .toolTip {
    max-width: 160px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/healthMetrics/healthMetricDetails.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.healthMetricDetails .metricHeader {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.healthMetricDetails .metricHeader > div > * {
  display: inline-block;
  vertical-align: middle;
}
.healthMetricDetails .metricHeader .title {
  word-break: normal;
}
.healthMetricDetails .metricHeader .actions {
  max-width: 250px;
}
.healthMetricDetails .metricHeader .add, .healthMetricDetails .metricHeader .change {
  color: var(--primary, #3F72C0);
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 20px;
  cursor: pointer;
}
.healthMetricDetails .metricHeader .add .text, .healthMetricDetails .metricHeader .change .text {
  width: auto;
  vertical-align: middle;
}
.healthMetricDetails .metricHeader .add .svgIcon, .healthMetricDetails .metricHeader .change .svgIcon {
  cursor: pointer;
  vertical-align: middle;
  margin-right: 2px;
  fill: var(--primary, #3F72C0);
}
.healthMetricDetails .empty {
  color: #6C747C;
  margin-top: 12px;
}
.healthMetricDetails .healthMetricSnapshot {
  border-bottom: 1px solid #E9ECEF;
  margin-bottom: 16px;
}
.healthMetricDetails .healthMetricList .expandableList {
  max-height: 600px;
  overflow-y: auto;
}
.healthMetricDetails .healthMetricList .expandableList li:not(:last-of-type) {
  border-bottom: 1px solid #E9ECEF;
}

.healthMetricTip {
  border-radius: 4px;
}

@media (max-width: 660px) {
  .healthMetricDetails .metricHeader {
    display: block;
  }
  .healthMetricDetails .metricHeader div.actions {
    display: block;
  }
  .healthMetricDetails .metricHeader div.actions.metrics {
    text-align: left;
    margin-left: 8px;
  }
  .healthMetricDetails .metricHeader .add, .healthMetricDetails .metricHeader .change {
    font-size: 14px;
  }
  .healthMetricDetails .healthMetricItem > div:not(.actions) {
    display: block;
    text-align: left;
    width: 100%;
  }
  .healthMetricDetails .healthMetricItem > div:not(.actions) .value {
    font-size: 20px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/healthMetrics/healthMetrics.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.healthMetrics > div > * {
  margin-bottom: 16px;
}
.healthMetrics > div > * > span {
  display: inline-block;
  vertical-align: top;
}
.healthMetrics > div > * > span:not(.back) {
  word-break: break-word;
  width: calc(100% - 250px);
}
.healthMetrics > div > * .back {
  margin-right: 8px;
}
.healthMetrics > div > * .back .svgIcon {
  transform: rotate(180deg);
}

@media (max-width: 660px) {
  .healthMetrics > div > h3 > span:not(.back) {
    width: calc(100% - 62px);
  }
}
@media (max-width: 400px) {
  .healthMetrics > h3 span {
    font-size: 18px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/profileLightbox.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.profileLightbox .title {
  font-weight: 600;
  margin-bottom: 16px;
}
.profileLightbox .inputContainer {
  position: relative;
  margin-bottom: 16px;
}
.profileLightbox .inputContainer .searchBox {
  width: 100%;
}
.profileLightbox .inputContainer .load {
  color: var(--primary, #3F72C0);
  font-size: 10px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 40px;
  width: 100%;
}
.profileLightbox .selectableList {
  margin-bottom: 12px;
  max-height: calc(100vh - 240px);
  max-height: calc(100dvh - 240px);
}
.profileLightbox .selectableList.empty {
  margin-top: 0;
}
.profileLightbox .calendarInput {
  margin: 10px 0 20px;
}
.profileLightbox .textArea textarea {
  height: 100px;
  margin-top: 12px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/search/medicalAttributeSearch.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.medicalAttributeSearch {
  min-height: 150px;
}
.medicalAttributeSearch .noMatch {
  color: #6C747C;
}
.medicalAttributeSearch .searchBox {
  background: #E9ECEF;
  margin-bottom: 8px;
}
.medicalAttributeSearch h4 {
  margin: 16px auto;
}
.medicalAttributeSearch .tileGroup legend {
  color: #343A40;
}
.medicalAttributeSearch .tile {
  border-radius: 12px;
  border: 1px solid var(--primary, #3F72C0);
  color: var(--primary, #3F72C0);
}
.medicalAttributeSearch .tile:hover, .medicalAttributeSearch .tile:active {
  background: var(--primaryFaint, #ECF1F9);
}
.medicalAttributeSearch .selectableList {
  max-height: calc(100vh - 228px);
  max-height: calc(100dvh - 228px);
  overflow-y: auto;
  border-top: 0 none;
}
.medicalAttributeSearch .selectableList .selectableListItem {
  padding: 12px;
  margin: 0 4px;
}
.medicalAttributeSearch .customAdd {
  border-bottom: 1px solid #E9ECEF;
  color: #343A40;
  display: block;
  margin-top: 0;
  padding: 12px;
  text-align: left;
}
.medicalAttributeSearch .customAdd:hover, .medicalAttributeSearch .customAdd:active {
  background: #F8F9FA;
}

body.iOS.Safari .medicalAttributeSearch .results {
  max-height: calc(100dvh - 285px);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/attributeCard.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.attributeCard {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  margin-right: 16px;
}
.attributeCard.readOnly .panel {
  padding-right: 12px;
}
.attributeCard.readOnly .panel .attribHeader .info {
  width: 100%;
}
.attributeCard.readOnly:not(.editing) {
  cursor: default;
}
.attributeCard.readOnly:not(.editing):hover .panel, .attributeCard.readOnly:not(.editing):active .panel {
  background: #FFF;
}
.attributeCard.saving {
  opacity: 0.5;
}
.attributeCard.saving:hover .panel, .attributeCard.saving:active .panel {
  background: #FFF;
}
.attributeCard:not(.editing) {
  cursor: pointer;
}
.attributeCard:not(.editing):hover .panel, .attributeCard:not(.editing):active .panel {
  background: #F8F9FA;
}
.attributeCard .panel {
  border: 1px solid #E9ECEF;
  max-width: 100%;
  padding: 12px 0 12px 12px;
  position: relative;
  width: 260px;
}
.attributeCard .panel .attribHeader > div {
  display: inline-block;
  vertical-align: top;
}
.attributeCard .panel .attribHeader .info {
  width: calc(100% - 48px);
}
.attributeCard .panel .attribHeader .info h4 {
  margin-bottom: 0;
  word-wrap: break-word;
}
.attributeCard .panel .attribHeader .svgIcon {
  cursor: pointer;
  padding: 12px;
  margin: -12px 0;
  width: 48px;
}
.attributeCard .panel .attribHeader .svgIcon:hover, .attributeCard .panel .attribHeader .svgIcon:active {
  fill: var(--primary, #3F72C0);
}
.attributeCard .panel .attribContent {
  padding-right: 12px;
}
.attributeCard .textAreaContainer {
  margin: 8px 0 16px;
}
.attributeCard .date {
  color: #6C747C;
  font-size: 12px;
  margin-top: 4px;
}
.attributeCard .noteActions {
  text-align: right;
}
.attributeCard .noteActions .btn {
  min-width: 90px;
}
.attributeCard .noteActions .btn:not(:last-of-type) {
  margin-right: 8px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/attributeList.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.attributeList h5 {
  margin-bottom: 8px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/profileCard.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.profileCard {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  width: 260px;
}
.profileCard.saving {
  opacity: 0.5;
}
.profileCard .panel {
  border: 1px solid #E9ECEF;
  padding: 12px;
}
.profileCard .cardHeader {
  display: flex;
  justify-content: space-between;
}
.profileCard .cardHeader .svgIcon {
  cursor: pointer;
  height: 24px;
}
.profileCard .cardHeader .svgIcon:hover, .profileCard .cardHeader .svgIcon:active {
  fill: var(--primary, #3F72C0);
}
.profileCard .cardContent {
  margin-top: 4px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/profileCardList.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.profileCardList .profileCard {
  margin-right: 16px;
}
.profileCardList .profileCard:last-of-type {
  margin-right: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/profileVaccine.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.profileVaccine .profileCard .startDate {
  color: #6C747C;
  font-size: 12px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/healthFiles/uploadFileModal.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.uploadFileModal > div:not(:last-of-type) {
  margin-bottom: 16px;
}
.uploadFileModal .disclaimer {
  color: #343A40;
  font-size: 14px;
}
.uploadFileModal .dropdown {
  width: 100%;
}
.uploadFileModal .fileContent .file {
  margin-bottom: 8px;
}
.uploadFileModal .fileContent .file > * {
  display: inline-block;
  vertical-align: middle;
}
.uploadFileModal .fileContent .file .svgIcon {
  margin-right: 4px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/healthFiles/fileActions.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.fileActions {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/healthFiles/labTestCard.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.labTestCard .panel {
  align-items: center;
  border: 1px solid #E9ECEF;
  color: #6C747C;
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.labTestCard .panel h5 {
  color: #343A40;
}

@media (max-width: 600px) {
  .labTestCard .panel {
    display: block;
  }
  .labTestCard .panel .fileActions {
    margin-top: 16px;
    text-align: center;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/healthFiles/fileCard.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.fileCard .panel {
  align-items: center;
  border: 1px solid #E9ECEF;
  display: flex;
  justify-content: space-between;
  padding: 12px;
}
.fileCard .leftContent {
  width: calc(100% - 108px);
}
.fileCard .leftContent > div {
  display: inline-block;
  vertical-align: middle;
}
.fileCard .thumbnail {
  display: inline-block;
  height: 48px;
  margin-right: 8px;
  width: 48px;
}
.fileCard .thumbnail > img {
  width: 100%;
  max-height: 100%;
}
.fileCard .details {
  width: 80%;
}
.fileCard .details > div {
  color: #6C747C;
  margin-top: 4px;
}

@media (max-width: 660px) {
  .fileCard .panel {
    display: block;
  }
  .fileCard .panel .leftContent {
    width: 100%;
  }
  .fileCard .panel .leftContent .details {
    width: 100%;
  }
  .fileCard .panel .leftContent .thumbnail {
    display: none;
  }
  .fileCard .panel .fileActions {
    margin-top: 16px;
    text-align: center;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/healthFiles/healthFiles.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.healthFiles .filesHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.healthFiles .filesHeader .rightActions > div {
  display: inline-block;
  vertical-align: top;
}
.healthFiles .filesHeader .uploadIcon {
  margin-right: 8px;
}
.healthFiles .emptyState:before {
  margin-top: 0;
}

@media (max-width: 560px) {
  .healthFiles .filesHeader {
    display: block;
  }
  .healthFiles .filesHeader > * {
    display: block;
  }
}
@media (max-width: 400px) {
  .healthFiles .filesHeader .rightActions > div {
    display: block;
  }
  .healthFiles .filesHeader .rightActions .dropdown {
    width: 100%;
    margin-top: 8px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/lifestylePicker.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.lifestylePicker h4 {
  margin-bottom: 16px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/profileLifestyle.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.profileLifestyle > div {
  margin-bottom: 16px;
}
.profileLifestyle h5 {
  margin-bottom: 12px;
}
.profileLifestyle .dropdown {
  margin-top: 8px;
  max-width: 100%;
  width: 320px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/profilePregnancyForm.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.profilePregnancyForm .sections > div {
  margin-bottom: 16px;
}
.profilePregnancyForm .sections > div.pregnancyQuestions {
  margin-bottom: 0;
}
.profilePregnancyForm .sections > div.pregnancyQuestions :last-child {
  margin-bottom: 0;
}
.profilePregnancyForm h5 {
  color: #6C747C;
  font-size: 12px;
  margin: 4px 0;
}
.profilePregnancyForm .radioGroup {
  margin-top: 8px;
}
.profilePregnancyForm .textInput {
  margin: 0 0 16px;
  width: 100%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/profilePregnancy.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.profilePregnancy .pregnancyCard {
  border: 1px solid #E9ECEF;
  border-radius: 6px;
  margin-bottom: 8px;
  width: 320px;
}
.profilePregnancy .pregnancyCard > div {
  border-bottom: 1px solid #E9ECEF;
  padding: 20px;
}
.profilePregnancy .pregnancyCard > div:last-of-type {
  border-bottom: 0 none;
}
.profilePregnancy .pregnancyCard > div label, .profilePregnancy .pregnancyCard > div span {
  display: inline-block;
  vertical-align: top;
}
.profilePregnancy .pregnancyCard > div label {
  width: 150px;
}
.profilePregnancy .pregnancyCard > div span {
  color: #6C747C;
  text-align: right;
  width: calc(100% - 150px);
}

@media (max-width: 500px) {
  .profilePregnancy .pregnancyCard {
    width: 100%;
    max-width: 320px;
  }
  .profilePregnancy .pregnancyCard > div label, .profilePregnancy .pregnancyCard > div span {
    width: 100%;
  }
  .profilePregnancy .pregnancyCard > div span {
    margin-top: 3px;
    text-align: left;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/labeledSearchBox.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.labeledSearchBox label {
  display: block;
  color: #6C747C;
  margin-bottom: 4px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/searchAutocomplete/pharmacyOption.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.pharmacyOption {
  color: #6C747C;
  font-size: 12px;
}
.pharmacyOption .name {
  font-size: 14px;
  color: #343A40;
  font-weight: 600;
  margin-bottom: 8px;
}
.pharmacyOption .contactInfo, .pharmacyOption .specialties {
  margin-top: 8px;
}
.pharmacyOption .phone, .pharmacyOption .fax {
  margin-right: 4px;
  display: inline-block;
}
.pharmacyOption .specialty {
  color: #343A40;
  display: inline-block;
  margin-right: 12px;
}
.pharmacyOption .specialty .svgIcon {
  vertical-align: middle;
  margin-right: 4px;
}
.pharmacyOption .specialty .label {
  display: inline-block;
  vertical-align: middle;
}
.pharmacyOption .disclaimer {
  display: block;
  margin-top: 8px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/toggle.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.toggle:focus-within .toggleArea {
  outline: auto;
}
.toggle:focus-within input {
  outline: none;
}
.toggle input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 1px;
  position: absolute;
  width: 1px;
}
.toggle .toggleArea {
  background: #FFF;
  border: 1px solid #6C747C;
  border-radius: 16px;
  cursor: pointer;
  height: 30px;
  position: relative;
  width: 52px;
}
.toggle .toggleArea.animating {
  animation: borderColorChange 0.2s linear normal forwards;
}
.toggle .toggleArea:not(.animating):hover, .toggle .toggleArea:not(.animating):active {
  border-color: #565D63;
}
.toggle .toggleArea:not(.animating):hover .dot, .toggle .toggleArea:not(.animating):active .dot {
  background: #565D63;
}
.toggle .toggleArea.on {
  border-color: var(--primary, #3F72C0);
}
.toggle .toggleArea.on.animating {
  animation: borderColorChange 0.2s linear reverse forwards;
}
.toggle .toggleArea.on:hover, .toggle .toggleArea.on:active {
  border-color: var(--primaryDark, #3D67A6);
}
.toggle .toggleArea.on:hover .dot, .toggle .toggleArea.on:active .dot {
  background: var(--primaryDark, #3D67A6);
}
.toggle .toggleArea.on .dot {
  background: var(--primary, #3F72C0);
  left: auto;
  right: 4px;
}
.toggle .toggleArea.on .dot.turnOn {
  animation: moving 0.2s linear normal forwards, colorChange 0.2s linear normal forwards;
}
.toggle .toggleArea.disabled {
  cursor: default;
  opacity: 0.5;
}
.toggle .toggleArea.small {
  height: 24px;
  width: 44px;
}
.toggle .toggleArea.small .dot {
  height: 16px;
  width: 16px;
}
.toggle .toggleArea .dot {
  background: #6C747C;
  border-radius: 14px;
  height: 22px;
  position: absolute;
  top: 3px;
  left: 4px;
  width: 22px;
}
.toggle .toggleArea .dot.turnOff {
  animation: moving 0.2s linear reverse forwards, colorChange 0.2s linear reverse forwards;
}

@keyframes moving {
  0% {
    left: 4px;
  }
  100% {
    left: 24px;
  }
}
@keyframes colorChange {
  0% {
    background: #6C747C;
  }
  100% {
    background: var(--primary, #3F72C0);
  }
}
@keyframes borderColorChange {
  0% {
    border-color: var(--primary, #3F72C0);
  }
  100% {
    border-color: #6C747C;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/search/pharmacySearch.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.pharmacySearch .empty {
  color: #6C747C;
  margin-top: 8px;
}
.pharmacySearch .selectableList {
  margin-top: 12px;
  max-height: 300px;
}
.pharmacySearch label {
  color: #6C747C;
}
.pharmacySearch .toggle {
  margin: 4px 0 8px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/pharmacyModal.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.pharmacyModal h4 {
  margin-bottom: 16px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/profilePharmacy.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.profilePharmacy .profileCard {
  width: 340px;
}
.profilePharmacy h6 {
  margin-bottom: 4px;
}
.profilePharmacy p {
  color: #6C747C;
  font-size: 12px;
  margin-bottom: 4px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/removeInsuranceModal.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.removeInsuranceModal {
  text-align: center;
}
.removeInsuranceModal h3:before {
  display: block;
  background-size: contain;
  background: url(/common/images/svg/illustrations/exception.svg?9844a86885f67c0d038c) center center no-repeat;
  content: "";
  height: 140px;
  margin: 0 auto;
  width: 180px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/profileInsurance.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.profileInsurance .profileCard {
  display: block;
}
.profileInsurance .profileCard .cardContent {
  color: #6C747C;
  font-size: 12px;
  margin-bottom: 4px;
}
.profileInsurance .profileCard .cardContent:last-of-type {
  margin-bottom: 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/patientChart.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.patientChart {
  max-width: 1024px;
  padding-bottom: 16px;
}
.patientChart .menuPanel > .panel {
  padding: 16px;
}
.patientChart .menuPanel > .panel > h3 {
  margin-bottom: 16px;
}
.patientChart .attributeList:not(:last-child) {
  margin-bottom: 16px;
}
.patientChart .profileHeader {
  margin-bottom: 0;
}
.patientChart .profileHeader:after {
  display: none;
}
.patientChart .profileHeader .whiteBg {
  background: transparent;
}
.patientChart .profileHeader .avatarContainer {
  margin-right: 16px;
  position: static;
}
.patientChart .profileHeader .details div {
  color: #6C747C;
}
.patientChart .profileHeader .container {
  min-height: auto;
  padding: 8px 24px 16px 0;
}
.patientChart .profileVisits .visitInfo .container {
  padding: 0;
}

@media (max-width: 900px) {
  .patientChart .profileHeader {
    display: none;
  }
  .patientChart .menuLayout .menu .title {
    display: none;
  }
}
@media (max-width: 600px) {
  .patientChart .scrollContainer > .container {
    padding-left: 8px;
    padding-right: 8px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/profilePrescriptionItem.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.profilePrescriptionItem {
  border-bottom: 1px solid #E9ECEF;
  cursor: pointer;
  padding: 16px 0;
  position: relative;
}
.profilePrescriptionItem:hover, .profilePrescriptionItem:active {
  background: #F8F9FA;
}
.profilePrescriptionItem > div {
  display: inline-block;
  vertical-align: top;
}
.profilePrescriptionItem .prescriptionIcon {
  width: 44px;
  height: 44px;
  padding: 6px;
  background: var(--primary, #3F72C0);
  border-radius: 50%;
}
.profilePrescriptionItem .details {
  width: calc(100% - 100px);
  margin: 0 16px;
}
.profilePrescriptionItem .details > div {
  margin-bottom: 3px;
}
.profilePrescriptionItem .details > div.name {
  margin-bottom: 4px;
}
.profilePrescriptionItem .details > div:last-child {
  margin-bottom: 0;
}
.profilePrescriptionItem .arrowWrap {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.profilePrescriptionItem .arrowWrap .svgIcon {
  cursor: pointer;
  fill: #6C747C;
}
.profilePrescriptionItem .prescriptionIcon {
  fill: #FFF;
}

@media (max-width: 500px) {
  .profilePrescriptionItem .prescriptionIcon {
    display: none;
  }
  .profilePrescriptionItem .details {
    margin: 0;
    width: 100%;
  }
  .profilePrescriptionItem .arrowWrap {
    display: none;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/profilePrescriptionList.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.profilePrescriptionList h5 {
  font-size: 18px;
  margin-bottom: 16px;
}
.profilePrescriptionList .empty {
  color: #6C747C;
}
.profilePrescriptionList .expandableList .more {
  padding: 16px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/profilePrescriptionLists.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.profilePrescriptionLists h3 {
  margin-bottom: 16px;
}
.profilePrescriptionLists > div:first-of-type {
  margin-bottom: 24px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/patients/medicationUsageUpdateModal.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.medicationUsageUpdateModal .tileGroup legend {
  margin-bottom: 8px;
}
.medicationUsageUpdateModal .tile {
  text-align: center;
  width: 80px;
}
.medicationUsageUpdateModal .past {
  margin-top: 16px;
}
.medicationUsageUpdateModal .endDate {
  margin-top: 8px;
  min-height: 60px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/profilePrescriptionDetails.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.profilePrescriptionDetails .panelTitle {
  margin-bottom: 16px;
}
.profilePrescriptionDetails .panelTitle > div {
  display: inline-block;
  vertical-align: middle;
}
.profilePrescriptionDetails .panelTitle .goBack {
  margin-right: 8px;
}
.profilePrescriptionDetails .panelTitle .goBack .svgIcon {
  transform: rotate(180deg);
  cursor: pointer;
}
.profilePrescriptionDetails .panelTitle h3 {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  width: calc(100% - 52px);
}
.profilePrescriptionDetails .panelContent section {
  padding-bottom: 16px;
}
.profilePrescriptionDetails .panelContent section:not(:last-of-type) {
  border-bottom: 1px solid #E9ECEF;
  margin-bottom: 16px;
}
.profilePrescriptionDetails .panelContent section h4 {
  margin-bottom: 8px;
}
.profilePrescriptionDetails .panelContent section h4 > * {
  display: inline-block;
  vertical-align: middle;
}
.profilePrescriptionDetails .panelContent section h4 .svgIcon {
  margin-right: 4px;
}
.profilePrescriptionDetails .panelContent section ul li:not(:last-of-type) {
  margin-bottom: 12px;
}
.profilePrescriptionDetails .panelContent section li p:not(:last-of-type) {
  margin-bottom: 2px;
}
.profilePrescriptionDetails .panelContent section label {
  display: block;
  margin-bottom: 4px;
}
.profilePrescriptionDetails .empty {
  margin-top: 16px;
}
.profilePrescriptionDetails .rxStatus.error {
  color: #C31704;
}
.profilePrescriptionDetails .rxStatus.success {
  color: #018611;
}
.profilePrescriptionDetails .rxStatus.warning {
  color: #B46001;
}

@media (max-width: 500px) {
  .profilePrescriptionDetails section > div:not(:last-of-type) {
    margin-bottom: 4px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/patients/patientVisitCard.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.patientVisitCard {
  position: relative;
  padding: 16px 0;
  opacity: 0.3;
}
.patientVisitCard.clickable {
  cursor: pointer;
  opacity: 1;
}
.patientVisitCard.clickable:hover, .patientVisitCard.clickable:active {
  background-color: #E9ECEF;
}
.patientVisitCard .iconContent {
  display: inline-block;
  margin-right: 16px;
}
.patientVisitCard .iconContent .providerAvatar {
  background-color: var(--primaryLight, #B2C7E6);
  border-radius: 50%;
}
.patientVisitCard .iconContent .providerAvatar .svgIcon {
  fill: #FFF;
  margin: 6px;
}
.patientVisitCard .detailsContent {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  color: #6C747C;
  width: calc(100% - 76px);
}
.patientVisitCard .detailsContent h5 {
  color: #343A40;
  padding: 0 0 4px;
}
.patientVisitCard .detailsContent .noteStatus {
  position: absolute;
  right: 0;
  top: 16px;
  color: #6C747C;
  font-size: 12px;
}
.patientVisitCard .detailsContent .noteStatus.draft {
  color: #F59F00;
}
.patientVisitCard .detailsContent .noteStatus.flagged {
  color: #C31704;
}

@media (max-width: 480px) {
  .patientVisitCard .iconContent {
    display: none;
  }
  .patientVisitCard .detailsContent {
    display: block;
    width: 100%;
  }
  .patientVisitCard .detailsContent .noteStatus {
    position: static;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/patients/patientVisitsList.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.patientVisitsList h5 {
  padding: 16px 0;
}
.patientVisitsList .loading {
  margin-bottom: 32px;
}
.patientVisitsList .empty {
  color: #6C747C;
  padding: 16px 0;
}
.patientVisitsList .patientVisitCard:not(:last-of-type) {
  border-bottom: 1px solid #E9ECEF;
}
.patientVisitsList > .panel {
  box-shadow: none;
  margin: 0;
}
.patientVisitsList > .panel > .actions {
  padding: 16px 0 0;
}
.patientVisitsList > .panel > .actions a {
  display: block;
}

@media (max-width: 480px) {
  .patientVisitsList .patientVisitCard {
    padding-bottom: 32px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/patients/patientVisitsSummary.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.patientVisitsSummary h3 {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.patientVisitsSummary .menuTip {
  display: inline-block;
  vertical-align: middle;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/loadingSoapCard.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.loadingSoapCard {
  position: relative;
}
.loadingSoapCard > div.panel {
  animation: fadePulse 1s infinite;
  margin-top: 24px;
  padding: 20px 12px;
}
.loadingSoapCard > div.panel h5 {
  color: #6C747C;
  margin-left: 48px;
}
.loadingSoapCard .placeholderIcon {
  background: #F8F9FA;
  border-radius: 8px;
  height: 40px;
  position: absolute;
  left: 12px;
  top: 12px;
  width: 40px;
}
.loadingSoapCard .placeholderIcon .loading {
  margin: 8px auto;
}

@keyframes fadePulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/soapCardList.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.soapCardList.required .listTitle button {
  color: #B46001;
}
.soapCardList.required .listTitle .iconWrap {
  background: #B46001;
}
.soapCardList .listTitle {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.soapCardList .category {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.soapCardList .cardElement.disabled {
  cursor: default;
  opacity: 0.5;
}
.soapCardList .iconWrap {
  background: #343A40;
  border-radius: 50%;
  fill: #FFF;
  height: 32px;
  padding: 4px;
  width: 32px;
}
.soapCardList h5 {
  margin-left: 10px;
}
.soapCardList button {
  font-size: 16px;
  font-weight: 600;
}
.soapCardList .btn {
  width: 100%;
}
.soapCardList .btn:not(:last-of-type) {
  margin-bottom: 8px;
}
.soapCardList .listContent {
  margin-top: 12px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/collapse.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.collapse.open .collapseTitle .arrowContainer .svgIcon {
  transform: rotate(270deg);
}
.collapse.open > .collapseContent > .instantCollapse {
  height: auto;
}
.collapse.titleBar {
  border-bottom: 1px solid #E9ECEF;
}
.collapse.titleBar .collapseTitle:hover, .collapse.titleBar .collapseTitle:active {
  background: #F8F9FA;
}
.collapse .collapseTitle {
  color: #343A40;
  cursor: pointer;
  display: block;
  font-weight: 600;
  position: relative;
  padding: 24px;
}
.collapse .collapseTitle > * {
  display: inline-block;
  vertical-align: middle;
}
.collapse .collapseTitle h4 {
  width: calc(100% - 40px);
}
.collapse .collapseTitle .arrowContainer .svgIcon {
  cursor: pointer;
  fill: #6C747C;
  margin-left: 8px;
  transform: rotate(90deg);
}
.collapse > .collapseContent {
  position: relative;
}
.collapse > .collapseContent > .instantCollapse {
  height: 0;
  overflow: hidden;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/soapIconCard.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.soapIconCard.collapsible .panel {
  padding: 0 0 12px;
}
.soapIconCard .titleContainer + .cardContent {
  border-top: 1px solid #E9ECEF;
  margin-top: 12px;
  padding-top: 12px;
}
.soapIconCard .titleContainer {
  font-size: 12px;
}
.soapIconCard .titleContainer > div {
  display: inline-block;
  vertical-align: middle;
}
.soapIconCard .titleContainer .iconContainer {
  background: var(--primary, #3F72C0);
  border-radius: 8px;
  fill: #FFF;
  height: 40px;
  margin-right: 10px;
  padding: 8px;
  width: 40px;
}
.soapIconCard .titleContainer .title {
  width: calc(100% - 50px);
}
.soapIconCard .titleContainer .title .status {
  align-items: center;
  display: flex;
  font-weight: 400;
}
.soapIconCard .titleContainer .title .status.success {
  color: #018611;
  fill: #018611;
}
.soapIconCard .titleContainer .title .status.warning {
  color: #B46001;
  fill: #B46001;
}
.soapIconCard .titleContainer .title .status.error {
  color: #C31704;
  fill: #C31704;
}
.soapIconCard .titleContainer .title .status.progress {
  color: var(--primary, #3F72C0);
  fill: var(--primary, #3F72C0);
}
.soapIconCard .titleContainer .title .status .svgIcon {
  margin-right: 2px;
}
.soapIconCard .cardContent .borderedSection {
  border: 1px solid #E9ECEF;
  border-width: 1px 0 1px;
  margin-top: 16px;
  padding: 8px 0;
}
.soapIconCard .cardContent .btn {
  margin-top: 12px;
  width: 100%;
}
.soapIconCard .collapse.open .collapseTitle .arrowContainer .svgIcon {
  transform: rotate(270deg);
}
.soapIconCard .collapse .collapseTitle {
  padding: 20px 16px 8px;
  position: relative;
}
.soapIconCard .collapse .collapseTitle .titleContainer {
  border-bottom: 0 none;
  margin-bottom: 0;
  padding-bottom: 0;
  width: 100%;
}
.soapIconCard .collapse .collapseTitle .titleContainer .svgIcon {
  cursor: pointer;
}
.soapIconCard .collapse .collapseTitle .titleContainer .title {
  max-width: calc(100% - 80px);
}
.soapIconCard .collapse .collapseTitle .titleContainer h5 {
  width: calc(100% - 40px);
}
.soapIconCard .collapse .collapseTitle .arrowContainer {
  position: absolute;
  right: 12px;
  top: 24px;
}
.soapIconCard .collapse .collapseTitle .arrowContainer .svgIcon {
  cursor: pointer;
  margin-left: 0;
  transform: rotate(90deg);
}
.soapIconCard .collapse .collapseContent {
  padding: 0 16px;
}
.soapIconCard .collapse .collapseContent > div:before {
  background: #E9ECEF;
  content: "";
  display: block;
  height: 1px;
  margin: 12px 0;
  width: 100%;
}
.soapIconCard .collapse + .actions {
  margin-top: 12px;
  padding: 0 16px;
}
.soapIconCard .actions .btn:not(:last-child) {
  margin-bottom: 8px;
}
.soapIconCard .actions .delete .btn {
  color: #C31704;
}
.soapIconCard .actions .delete .btn .svgIcon.text .fill {
  fill: #C31704;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/soapLabeledValues.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.soapLabeledValues > div:not(:last-of-type) {
  margin-bottom: 8px;
}
.soapLabeledValues label {
  font-weight: 600;
  display: block;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/pdfAttachment.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.pdfAttachment {
  align-items: center;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
}
.pdfAttachment.removable .details {
  width: calc(100% - 86px);
}
.pdfAttachment div.iconWrap {
  background: #D6336C;
  border-radius: 8px;
  fill: #FFF;
  height: 40px;
  margin-right: 10px;
  padding: 8px 0 0 8px;
  text-align: left;
  width: 40px;
}
.pdfAttachment .details {
  word-wrap: break-word;
  width: calc(100% - 50px);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/addendumNoteCard.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.addendumNoteCard .cardContent > p {
  margin-bottom: 8px;
}
.addendumNoteCard .addendumFiles > div {
  border-top: 1px solid #E9ECEF;
  margin-top: 8px;
  padding-top: 8px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/soapSave.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.soapSave .loading {
  margin-top: 4px;
}
.soapSave p {
  font-size: 12px;
}
.soapSave .finalActions > * {
  display: inline-block;
  vertical-align: middle;
}
.soapSave .finalActions p {
  width: calc(100% - 125px);
}
.soapSave .finalActions p:not(:has(+ a)) {
  padding-top: 9px;
}
.soapSave .draftActions {
  align-items: start;
  display: flex;
  justify-content: space-between;
}
.soapSave .draftActions .actionLink {
  font-weight: 600;
}
.soapSave .draftActions p {
  color: #6C747C;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/consultSummaryNotes.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.consultSummaryNotes {
  height: 100%;
}
.consultSummaryNotes .scrollable {
  height: calc(100% - 60px);
  overflow-y: auto;
}
.consultSummaryNotes .scrollable .noteTitle, .consultSummaryNotes .scrollable .noteDesc {
  padding: 12px 16px 0;
}
.consultSummaryNotes .scrollable .noteTitle {
  text-transform: uppercase;
  font-weight: 600;
}
.consultSummaryNotes .scrollable .noteDesc {
  color: #6C747C;
  font-size: 12px;
}
.consultSummaryNotes .scrollable .noteDesc .orange {
  color: #B46001;
}
.consultSummaryNotes .scrollable .textAreaContainer {
  margin-top: 8px;
  padding: 0 16px;
}
.consultSummaryNotes .scrollable .textAreaContainer textarea {
  height: 200px;
}
.consultSummaryNotes .soapCardList {
  margin: 16px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/soapNote.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.soapNote .flagged {
  border: 1px solid #E9ECEF;
  border-radius: 12px;
  margin: 24px 16px 4px;
  overflow: hidden;
  padding: 12px 12px 12px 20px;
  position: relative;
}
.soapNote .flagged:before {
  background: #C31704;
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
}
.soapNote .flagged .title {
  border-bottom: 1px solid #E9ECEF;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
.soapNote .flagged .title > * {
  display: inline-block;
  vertical-align: middle;
}
.soapNote .flagged .title h4 {
  width: calc(100% - 48px);
}
.soapNote .flagged .iconWrap {
  background: #C31704;
  border-radius: 8px;
  fill: #FFF;
  height: 40px;
  margin-right: 8px;
  padding: 8px 0 0 8px;
  width: 40px;
}
.soapNote .flagged h3 {
  width: calc(100% - 48px);
}
.soapNote > div:not(:last-of-type).flagged:after {
  display: none;
}
.soapNote > div:not(:last-of-type):after {
  background: #E9ECEF;
  content: "";
  display: block;
  height: 1px;
  margin: 12px 16px 0;
  width: calc(100% - 32px);
}
.soapNote .soapSection > .collapse.open > .collapseContent {
  padding-bottom: 8px;
}
.soapNote .panel {
  border: 1px solid #E9ECEF;
  box-shadow: none;
  padding: 12px;
}
.soapNote .soapCardList {
  margin-top: 24px;
}
.soapNote .soapCardList:first-child {
  margin-top: 8px;
}
.soapNote p {
  word-break: break-word;
  white-space: pre-wrap;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/soapSection.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.soapSection > .collapse > .collapseTitle {
  padding: 20px 16px 8px;
}
.soapSection > .collapse > .collapseContent {
  padding: 0 16px;
}

@media (max-width: 500px) {
  .soapSection > .collapse > .collapseTitle {
    padding-left: 8px;
    padding-right: 8px;
  }
  .soapSection > .collapse > .collapseContent {
    padding: 0 8px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/visitDetails.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.visitDetails .panel {
  margin-bottom: 8px;
}
.visitDetails .panel:last-of-type {
  margin-bottom: 0;
}
.visitDetails .panel > div {
  display: inline-block;
  vertical-align: middle;
}
.visitDetails .panel .iconContent {
  border-radius: 12px;
  height: 64px;
  margin-right: 16px;
  overflow: hidden;
  width: 64px;
}
.visitDetails .panel .details {
  font-size: 12px;
  width: calc(100% - 80px);
}
.visitDetails .panel .details h5 {
  margin-bottom: 2px;
}
.visitDetails .iconContent.consultIcon.fillIcon {
  background-color: #343A40;
  border-radius: 50%;
  padding: 20px;
  fill: #FFF;
}
.visitDetails .iconContent .csIcon {
  background: transparent 0 0 no-repeat;
  background-size: contain;
  height: 64px;
  width: 64px;
}
.visitDetails .iconContent .avatarContainer .avatar {
  border-radius: 0;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./member/css/components/soap/pendingSoapMessage.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.pendingSoapMessage {
  text-align: center;
}
.pendingSoapMessage .wrap {
  margin: 24px 16px;
}
.pendingSoapMessage h4:before {
  background: url(/common/images/svg/illustrations/waiting.svg?3befa184fff8829351c3) center center no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 90px;
  width: 90px;
  margin: 0 auto 12px;
}
.pendingSoapMessage p {
  margin-top: 12px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/soapAttributeCard.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.soapAttributeCard .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.soapAttributeCard .title .identifier {
  display: flex;
  align-items: center;
}
.soapAttributeCard .title h6 {
  margin-left: 4px;
}
.soapAttributeCard .details {
  border-top: 1px solid #E9ECEF;
  margin-top: 8px;
  padding-top: 8px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/subjectiveDisplay.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.subjectiveDisplay h6 {
  margin-bottom: 4px;
}
.subjectiveDisplay .freeText {
  margin-top: 8px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/soapMetricsCard.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.soapMetricsCard .soapIconCard label {
  color: #6C747C;
}
.soapMetricsCard .soapIconCard label:after {
  content: " ";
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/diagnosisCards.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.diagnosisCards .soapAttributeCard .details .attributes span:not(:last-of-type):after {
  content: " ";
}
.diagnosisCards .soapAttributeCard .details .attributes span.reportable {
  color: #C31704;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/soapPrescriptions.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.soapPrescriptions .pharmacy {
  border-top: 1px solid #E9ECEF;
  margin-top: 12px;
  padding-top: 12px;
}
.soapPrescriptions .pharmacy h6 > * {
  display: inline-block;
  vertical-align: middle;
}
.soapPrescriptions .pharmacy h6 .svgIcon {
  margin-right: 4px;
}
.soapPrescriptions .pharmacy .address > span:not(:last-of-type):after {
  content: ", ";
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/labCard.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.labCard .results > div {
  border-top: 1px solid #E9ECEF;
  margin-top: 8px;
  padding-top: 8px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/customNoteCard.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.customNoteCard .cardContent p {
  margin-bottom: 8px;
}
.customNoteCard .cardContent .horizontalDivider {
  margin-top: 12px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/postPlan.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.postPlan {
  padding: 16px;
}
.postPlan > div:not(:last-of-type) {
  border-bottom: 1px solid #E9ECEF;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.postPlan h4 {
  margin-bottom: 8px;
}
.postPlan .btn {
  margin-top: 12px;
  width: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/ccmProgram.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.ccmProgram ul {
  list-style: disc;
  margin-left: 16px;
}
.ccmProgram .sections .radioGroup:last-child {
  margin-bottom: 0;
}
.ccmProgram .radioGroup {
  margin: 16px 0;
}
.ccmProgram .radioGroup legend {
  color: #343A40;
  margin-bottom: 8px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/patients/patientVisitDetails.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.patientVisitDetails .details .categoryTitle {
  position: relative;
  width: 100%;
}
.patientVisitDetails .details .categoryTitle > * {
  display: inline-block;
  vertical-align: top;
}
.patientVisitDetails .details .categoryTitle .header {
  font-weight: 600;
  margin: 2px 0 0 8px;
}
.patientVisitDetails .details .categoryTitle > .svgIcon svg {
  transform: rotate(180deg);
}
.patientVisitDetails .details .categoryTitle .transcriptLink {
  position: absolute;
  top: 0;
  right: 0;
}
.patientVisitDetails .details .categoryTitle .transcriptLink .btn {
  fill: var(--primary, #3F72C0);
}
.patientVisitDetails .details .categoryTitle .transcriptLink .btn:hover, .patientVisitDetails .details .categoryTitle .transcriptLink .btn:active {
  fill: var(--primaryDark, #3D67A6);
}
.patientVisitDetails .details .categoryTitle .transcriptLink .btn .svgIcon {
  margin-right: 8px;
}

@media (max-width: 400px) {
  .patientVisitDetails .details .categoryTitle .transcriptLink .btn > span {
    display: none;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/members/memberPHR.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.memberPHR .panel {
  width: 700px;
  max-width: 100%;
}
.memberPHR .panel .panel {
  min-width: auto;
}
.memberPHR .panel .container .panel {
  width: calc(100% - 70px);
}
.memberPHR .panel .attributeCard .panel {
  width: auto;
  padding: 12px;
}
.memberPHR .panel .patientVisitsList .panel {
  padding: 0;
  margin: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/searchActions.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.searchActions {
  margin-bottom: 16px;
  position: relative;
}
.searchActions h4 {
  margin-bottom: 2px;
}
.searchActions > div {
  display: inline-block;
  vertical-align: bottom;
}
.searchActions > div label {
  display: block;
}
.searchActions > div .dropdown, .searchActions > div .textInput {
  display: inline-block;
  margin: 0 16px 16px 0;
  vertical-align: top;
}
.searchActions > div .btn {
  margin: 20px 16px 16px 0;
  min-width: 90px;
  vertical-align: top;
}
.searchActions .filters {
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
.searchActions .filters > div {
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 1024px) {
  .visitReviewsActions .filters {
    position: static;
    text-align: left;
    width: 100%;
  }
}
@media (max-width: 920px) {
  .visitReviewsActions .search span.btns {
    display: block;
  }
}
@media (max-width: 500px) {
  .visitReviewsActions .search {
    width: 100%;
  }
  .visitReviewsActions .search .dropdown, .visitReviewsActions .search .textInput {
    width: 100%;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/checkbox.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.checkbox {
  display: inline-block;
}
.checkbox.error input[type=checkbox] {
  border-color: #C31704;
  background: #FFF;
}
.checkbox.error input[type=checkbox]:hover, .checkbox.error input[type=checkbox]:active {
  border-color: #a61e10;
}
.checkbox.error input[type=checkbox]:checked {
  border-color: #C31704;
  background: #C31704;
}
.checkbox.error input[type=checkbox]:checked:hover, .checkbox.error input[type=checkbox]:checked:active {
  background: #a61e10;
  border-color: #a61e10;
}
.checkbox.error input[type=checkbox]:disabled:hover, .checkbox.error input[type=checkbox]:disabled:active {
  border-color: #C31704;
}
.checkbox.error input[type=checkbox]:disabled:checked:hover, .checkbox.error input[type=checkbox]:disabled:checked:active {
  background: #C31704;
  border-color: #C31704;
}
.checkbox.disabled {
  cursor: default;
  opacity: 0.5;
}
.checkbox.disabled label {
  cursor: default;
}
.checkbox input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #6C747C;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  position: relative;
  vertical-align: middle;
  width: 24px;
}
.checkbox input[type=checkbox]:after {
  background: url(data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEuNDE0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3Ljk3IDYuOTcyYS43NS43NSAwIDAgMSAxLjA2MSAxLjA2TDkgMTguMDYxbC00LjAyOS00LjAyOWEuNzUuNzUgMCAxIDEgMS4wNjEtMS4wNjFMOSAxNS45Mzl6IiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4K) 0 0 no-repeat;
  content: "";
  height: 22px;
  left: 0;
  position: absolute;
  top: 0;
  width: 22px;
}
.checkbox input[type=checkbox]:hover, .checkbox input[type=checkbox]:active {
  border-color: #565D63;
}
.checkbox input[type=checkbox]:checked {
  background: var(--primary, #3F72C0);
  border-color: var(--primary, #3F72C0);
}
.checkbox input[type=checkbox]:checked:hover, .checkbox input[type=checkbox]:checked:active {
  background: var(--primaryDark, #3D67A6);
  border-color: var(--primaryDark, #3D67A6);
}
.checkbox input[type=checkbox]:disabled:hover, .checkbox input[type=checkbox]:disabled:active {
  border-color: #6C747C;
}
.checkbox input[type=checkbox]:disabled:checked:hover, .checkbox input[type=checkbox]:disabled:checked:active {
  background: var(--primary, #3F72C0);
  border-color: var(--primary, #3F72C0);
}
.checkbox label {
  cursor: pointer;
  display: inline-block;
  margin-left: 16px;
  width: calc(100% - 40px);
  vertical-align: middle;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/checkboxGroup.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.checkboxGroup.row .checkbox {
  display: inline-block;
  margin-bottom: 24px;
  vertical-align: top;
}
.checkboxGroup.row .checkbox:not(:last-of-type) {
  margin-right: 16px;
}
.checkboxGroup.row .checkbox label {
  margin-left: 8px;
  width: calc(100% - 32px);
}
.checkboxGroup legend {
  color: #6C747C;
  margin-bottom: 4px;
}
.checkboxGroup .checkbox {
  display: block;
}
.checkboxGroup .checkbox:not(:last-of-type) {
  margin-bottom: 24px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/filterDatePicker.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.filterDatePicker {
  margin: 0 auto 16px;
}
.filterDatePicker > div {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 8px);
}
.filterDatePicker > div:first-of-type {
  margin-right: 16px;
}
.filterDatePicker > div .label {
  display: block;
  margin-bottom: 4px;
}

@media (max-width: 400px) {
  .filterDatePicker > div {
    display: block;
    margin-bottom: 8px;
    width: 100%;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/enterpriseAttribute.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.enterpriseAttribute .panel {
  padding: 8px;
}
.enterpriseAttribute .panel > * {
  display: inline-block;
  vertical-align: middle;
}
.enterpriseAttribute .panel > span {
  max-width: calc(100% - 44px);
  width: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/appointments/appointmentFilterModal.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.appointmentFilterModal .location > div {
  display: inline-block;
  vertical-align: top;
}
.appointmentFilterModal .location > div:first-of-type {
  margin-right: 24px;
}
.appointmentFilterModal .dropdown, .appointmentFilterModal .enterpriseAutocomplete {
  margin-bottom: 16px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./shared/css/components/shared/sortHeader.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.sortHeader {
  cursor: pointer;
}
.sortHeader > div {
  display: inline-block;
  vertical-align: middle;
}
.sortHeader .title {
  width: calc(100% - 24px);
  word-wrap: break-word;
}
.sortHeader .sort {
  height: 48px;
  width: 24px;
}
.sortHeader .sort > div {
  display: inline-block;
}
.sortHeader .sort > div:first-of-type {
  transform: rotate(180deg);
}
.sortHeader .sort > div.active .svgIcon {
  fill: #000;
}
.sortHeader .sort > div .svgIcon {
  cursor: pointer;
  fill: #C2C6CA;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/schedule/cancelAppointment.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.cancelAppointment .appointmentInfo {
  margin-top: 16px;
}
.cancelAppointment .appointmentInfo > div {
  display: inline-block;
  vertical-align: top;
}
.cancelAppointment .appointmentInfo .iconWrap {
  background: #4285f4;
  border-radius: 50%;
  height: 44px;
  margin-right: 16px;
  padding: 10px;
  width: 44px;
  fill: #FFF;
}
.cancelAppointment .appointmentInfo .rightContent {
  width: calc(100% - 60px);
}
.cancelAppointment .appointmentInfo .rightContent .patientName {
  font-size: 16px;
}
.cancelAppointment .appointmentInfo .rightContent .date {
  color: #6C747C;
}
.cancelAppointment .textAreaContainer {
  margin: 24px auto;
}
.cancelAppointment .textAreaContainer textarea {
  height: 140px;
}

.lightbox #lightboxContent .cancelAppointment h3 {
  margin-bottom: 4px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/appointments/appointmentLookup.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.appointmentLookup .panel {
  overflow-x: auto;
  max-width: 100%;
  position: relative;
}
.appointmentLookup .panel.overflow {
  margin-top: 24px;
}
.appointmentLookup .panel .emptyState {
  margin: 24px 0;
}
.appointmentLookup .panel .emptyState:before {
  margin: 0 auto;
}
.appointmentLookup .panel .sortableTable table {
  width: 100%;
}
.appointmentLookup .panel .sortableTable td, .appointmentLookup .panel .sortableTable th {
  border-bottom: 1px solid #E9ECEF;
  min-width: 100px;
  padding: 12px;
}
.appointmentLookup .panel .sortableTable th {
  font-weight: 600;
}
.appointmentLookup .panel .sortableTable .appId, .appointmentLookup .panel .sortableTable .time {
  min-width: 148px;
}
.appointmentLookup .panel .sortableTable .appointmentItem {
  height: 64px;
}
.appointmentLookup .panel .sortableTable .appointmentItem .state {
  text-transform: uppercase;
}
.appointmentLookup .panel .sortableTable .appointmentItem .rfv, .appointmentLookup .panel .sortableTable .appointmentItem .rfc {
  max-width: 300px;
  word-break: break-word;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/appointments/memberLookupDetails.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.memberLookupDetails .memberDetails section {
  margin-bottom: 4px;
}
.memberLookupDetails .memberDetails section.selectors > * {
  display: inline-block;
  vertical-align: top;
}
.memberLookupDetails .memberDetails section .timezoneSelection .dropdown {
  margin-left: 16px;
  max-width: 100%;
  width: 320px;
}
.memberLookupDetails .memberDetails section .checkbox {
  display: block;
}
.memberLookupDetails .memberDetails section .checkbox label {
  margin-right: 0;
  width: calc(100% - 40px);
}

@media (max-width: 900px) {
  .memberLookupDetails .memberDetails section.selectors > * {
    display: block;
  }
  .memberLookupDetails .memberDetails section.selectors .timezoneSelection .dropdown {
    margin: 4px 0 0;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/healthProfile/medicalAttributesList.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.medicalAttributesList {
  margin-bottom: 4px;
}
.medicalAttributesList.disabled {
  opacity: 0.5;
}
.medicalAttributesList .medicalAttribute {
  background: var(--primary, #3F72C0);
  border-radius: 12px;
  color: #FFF;
  display: inline-block;
  fill: #FFF;
  font-family: "gilroy", "noto", sans-serif;
  margin-bottom: 8px;
  padding: 8px 12px;
  pointer-events: none;
  vertical-align: top;
  word-break: break-all;
}
.medicalAttributesList .medicalAttribute:not(:last-of-type) {
  margin-right: 12px;
}
.medicalAttributesList .medicalAttribute:active, .medicalAttributesList .medicalAttribute:hover {
  background: var(--primaryDark, #3D67A6);
}
.medicalAttributesList .medicalAttribute.editable {
  padding-right: 8px;
}
.medicalAttributesList .medicalAttribute.editable > span {
  max-width: calc(100% - 24px);
}
.medicalAttributesList .medicalAttribute > span, .medicalAttributesList .medicalAttribute .svgIcon {
  display: inline-block;
  vertical-align: middle;
}
.medicalAttributesList .medicalAttribute .svgIcon {
  cursor: pointer;
  pointer-events: auto;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/appointments/bookAppointment/bookAppointmentAttributeList.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bookAppointmentAttributeList h5 {
  margin-bottom: 4px;
}
.bookAppointmentAttributeList .medicalAttributesList .medicalAttribute {
  padding: 6px 8px 6px 12px;
}
.bookAppointmentAttributeList .medicalAttributesList .medicalAttribute:not(:last-of-type) {
  margin-right: 8px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/starRating.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.starRating .ratingStar {
  display: inline-block;
  height: 24px;
  margin-right: -2px;
  position: relative;
  vertical-align: top;
  fill: #F1F3F5;
}
.starRating .ratingStar:first-of-type {
  margin-left: -5px;
}
.starRating .ratingStar:last-of-type {
  margin-right: 0;
}
.starRating .ratingStar.tiny {
  height: 16px;
}
.starRating .ratingStar.tiny:first-of-type {
  margin-left: -2px;
}
.starRating .ratingStar.active {
  fill: #FF5722;
}
.starRating .ratingStar span.half {
  position: absolute;
  top: 0;
  left: 0;
  fill: #FF5722;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/ratingReviews.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.ratingReviews .rating {
  margin-bottom: 4px;
}
.ratingReviews .rating > * {
  display: inline-block;
  vertical-align: middle;
}
.ratingReviews .starRating {
  margin-right: 4px;
}
.ratingReviews .reviews {
  margin-left: 4px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/appointments/pcpDoctorOptionCard.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.pcpDoctorOptionCard .panel {
  border: 1px solid #E9ECEF;
  box-shadow: none;
  padding: 12px;
}
.pcpDoctorOptionCard .provider > div {
  display: inline-block;
  vertical-align: top;
}
.pcpDoctorOptionCard .avatarContainer .avatar {
  border-radius: 4px;
}
.pcpDoctorOptionCard .details {
  margin-left: 12px;
  width: calc(100% - 76px);
}
.pcpDoctorOptionCard .details h5 > * {
  display: inline-block;
  vertical-align: middle;
}
.pcpDoctorOptionCard .details h5 .svgIcon {
  margin: 0 4px 0 -5px;
}
.pcpDoctorOptionCard .details h5 .svgIcon + span {
  width: calc(100% - 28px);
}
.pcpDoctorOptionCard .details p {
  font-size: 12px;
}
.pcpDoctorOptionCard .details .ratingReviews .rating {
  margin-bottom: 0;
}
.pcpDoctorOptionCard .details p {
  font-size: 12px;
}
.pcpDoctorOptionCard .green {
  color: #018611;
}
.pcpDoctorOptionCard h6 {
  background: #F8F9FA;
  display: flex;
  justify-content: space-between;
  margin: 12px 0 8px;
  padding: 8px;
}
.pcpDoctorOptionCard .btn {
  width: 100%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/appointments/pcpCard.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.pcpCard {
  padding: 24px 0;
}
.pcpCard .modifiers {
  margin-bottom: 16px;
}
.pcpCard .modifiers > div {
  margin-bottom: 4px;
}
.pcpCard .modifiers > div > span, .pcpCard .modifiers > div .svgIcon {
  display: inline-block;
  vertical-align: middle;
}
.pcpCard .modifiers > div .svgIcon {
  margin-right: 6px;
}
.pcpCard .careTeam {
  color: #018611;
  fill: #018611;
}
.pcpCard .outOfState {
  color: #F59F00;
  fill: #F59F00;
}
.pcpCard .provider {
  display: flex;
  justify-content: space-between;
}
.pcpCard .provider .avatarContainer .avatar {
  border: 2px solid #E9ECEF;
  border-radius: 4px;
}
.pcpCard .details {
  font-size: 12px;
  margin-left: 12px;
  width: calc(100% - 76px);
}
.pcpCard .details > div:not(.name) {
  color: #6C747C;
}
.pcpCard .details .name {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  max-width: 100%;
  word-break: break-word;
}
.pcpCard .availability {
  color: #6C747C;
  margin: 20px 0;
}
.pcpCard .actions {
  margin-top: 8px;
}
.pcpCard .actions .btn {
  width: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/radioChips.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.radioChips legend {
  margin-bottom: 4px;
  text-align: left;
}
.radioChips legend h6 > * {
  display: inline-block;
  vertical-align: middle;
}
.radioChips legend h6 > *.svgIcon {
  margin-right: 4px;
}
.radioChips .chips {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 8px;
}
.radioChips .tile {
  background-color: var(--primary, #3F72C0);
  border: none;
  border-radius: 20px;
  color: #FFF;
  text-align: center;
}
.radioChips .tile:hover, .radioChips .tile:active {
  background-color: var(--primaryDark, #3D67A6);
  color: #FFF;
}
.radioChips .errorMessage {
  margin-top: 0;
}

@media (max-width: 768px) {
  .radioChips .chips {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 450px) {
  .radioChips .chips {
    grid-template-columns: 1fr 1fr;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./member/css/components/composeConsult/slotSelection/dayTimeGroup.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.dayTimeGroup .dayGroup {
  margin-bottom: 12px;
}
.dayTimeGroup .dayGroup .chips .tile .svgIcon.flat .fill {
  fill: #FFF;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/appointments/urgentCareUpsell.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.urgentCareUpsell .card {
  margin-bottom: 16px;
}
.urgentCareUpsell .card > div {
  display: inline-block;
  vertical-align: top;
}
.urgentCareUpsell .card .ucIcon {
  background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjQgNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTY0IDBIMHY2NGg2NFYwWiIgZmlsbD0iI0ZDQyIvPjxwYXRoIGQ9Ik00MC42IDYuMUgyMy40VjU4aDE3LjJWNloiIGZpbGw9IiM5QzEzMDMiLz48cGF0aCBkPSJNNi4xIDIzLjR2MTcuMkg1OFYyMy40SDZaIiBmaWxsPSIjQzMxODA0Ii8+PHBhdGggZD0iTTQ1LjggNTcuOWExMi4xIDEyLjEgMCAxIDAgMC0yNC4yIDEyLjEgMTIuMSAwIDAgMCAwIDI0LjJaIiBmaWxsPSIjNjAwIi8+PHBhdGggZD0iTTQ1LjggNTUuOGExMCAxMCAwIDEgMCAwLTIwIDEwIDEwIDAgMCAwIDAgMjBaIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTQ5LjYgNTEuNS01LTQuNS4xLTcuN2gybC0uMiA3TDUxIDUwbC0xLjMgMS40WiIgZmlsbD0iIzlDMTMwMyIvPjxwYXRoIGQ9Ik00NS44IDM4LjZhLjkuOSAwIDEgMCAwLTEuOC45LjkgMCAwIDAgMCAxLjhaTTQ1LjggNTQuN2EuOS45IDAgMSAwIDAtMS43LjkuOSAwIDAgMCAwIDEuN1pNNDAgNDFhLjkuOSAwIDEgMCAwLTEuOC45LjkgMCAwIDAgMCAxLjdaTTUxLjUgNTIuNGEuOS45IDAgMSAwIDAtMS44LjkuOSAwIDAgMCAwIDEuOFpNMzcuNyA0Ni42YS45LjkgMCAxIDAgMC0xLjcuOS45IDAgMCAwIDAgMS43Wk01My45IDQ2LjZhLjkuOSAwIDEgMCAwLTEuNy45LjkgMCAwIDAgMCAxLjdaTTQwIDUyLjRhLjkuOSAwIDEgMCAwLTEuOC45LjkgMCAwIDAgMCAxLjhaTTUxLjUgNDFhLjkuOSAwIDEgMCAwLTEuOC45LjkgMCAwIDAgMCAxLjdaIiBmaWxsPSIjRjk5Ii8+PC9zdmc+Cg==) 0 0 no-repeat;
  border-radius: 4px;
  height: 64px;
  margin-right: 16px;
  width: 64px;
}
.urgentCareUpsell .card .details {
  width: calc(100% - 80px);
}
.urgentCareUpsell .card .details p {
  color: #6C747C;
  font-size: 12px;
  margin-top: 4px;
}
.urgentCareUpsell .actions .btn {
  width: 100%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/appointments/confirmationModal.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.confirmationModal {
  text-align: center;
}
.confirmationModal .image {
  width: 500px;
  height: 125px;
  background: url(/common/images/svg/htDoctor.svg?d216613f391597456f8c) center center no-repeat;
  background-size: cover;
  margin: 16px 0 24px -24px;
}
.confirmationModal p {
  color: #6C747C;
  margin: 16px auto;
}
.confirmationModal .btn:first-of-type {
  margin-right: 16px;
}

@media (max-width: 600px) {
  .confirmationModal .image {
    width: 100vw;
  }
}
@media (max-width: 500px) {
  .confirmationModal .image {
    margin: 16px 0 24px -16px;
  }
}
@media (max-width: 380px) {
  .confirmationModal .image {
    height: 92px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/appointments/doctorSlots.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.doctorSlots .timezone {
  color: #6C747C;
  margin-top: 4px;
}
.doctorSlots .pcpCard {
  padding: 0;
}
.doctorSlots .cardContent {
  border: 1px solid #E9ECEF;
  border-radius: 12px;
  padding: 16px;
}
.doctorSlots .dateSelection {
  border-top: 1px solid #E9ECEF;
  margin: 16px 0;
  padding-top: 16px;
}
.doctorSlots .dateSelection > * {
  vertical-align: top;
}
.doctorSlots .dateSelection > span {
  display: inline-block;
  margin: 10px 8px 0 0;
}
.doctorSlots .dateSelection .calendarInput {
  width: 100%;
}
.doctorSlots .slotsByDay .daySlots {
  border: 1px solid #E9ECEF;
  border-radius: 12px;
  padding: 12px;
}
.doctorSlots .slotsByDay > div:not(:last-of-type) {
  margin-bottom: 16px;
}
.doctorSlots .slotsByDay h5 {
  margin-bottom: 12px;
}
.doctorSlots .slotsByDay .empty {
  color: #6C747C;
  display: block;
}
.doctorSlots .dateInputCalendarContainer {
  z-index: 100;
}

@media (max-width: 500px) {
  .doctorSlots .panel.overflow {
    padding: 12px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/appointments/pcProviderSlotSelection.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.pcProviderSlotSelection .panel {
  box-shadow: none;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/shared/paymentCard.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.paymentCard {
  display: flex;
  align-items: center;
}
.paymentCard .ccType:before {
  background: transparent center center no-repeat;
  content: "";
  display: block;
  height: 30px;
  margin: 0 auto;
  width: 44px;
}
.paymentCard .ccType.visa:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGxpbmVhckdyYWRpZW50IGlkPSJhIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0yNCA3LjExMTExIC03LjExMTExIC0yNCAyNCA0LjQ0NDQ0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwIiB4Mj0iMSIgeTE9IjAiIHkyPSIwIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMjUwYTIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyMDNhN2UiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Im0yNCAyYzAtMS4xMDQtLjg5Ni0yLTItMmgtMjBjLTEuMTA0IDAtMiAuODk2LTIgMnYxMmMwIDEuMTA0Ljg5NiAyIDIgMmgyMGMxLjEwNCAwIDItLjg5NiAyLTJ6IiBmaWxsPSJ1cmwoI2EpIi8+PHBhdGggZD0ibTE0Ljk3OSA1Yy42MTMgMCAxLjEwMy4xMjYgMS40MTcuMjQ0bC0uMjE0IDEuMjYtLjE0Mi0uMDY4Yy0uMjkzLS4xMTctLjY2Ny0uMjMxLTEuMTgzLS4yMjItLjYxOCAwLS45MDMuMjU4LS45MDMuNS0uMDA0LjI3Mi4zMzQuNDUyLjg4Ni43Mi45MTEuNDE2IDEuMzMyLjkxOCAxLjMyNCAxLjU3OS0uMDA5IDEuMjA3LTEuMDg4IDEuOTg2LTIuNzQ4IDEuOTg2LS43MDgtLjAwNy0xLjM4OC0uMTQ4LTEuNzU5LS4zMWwuMjIyLTEuMzAxLjIwMy4wOTJjLjUxOS4yMTcuODU2LjMwNSAxLjQ4NS4zMDUuNDU2IDAgLjk0MS0uMTc3Ljk0Ni0uNTY2LjAwNC0uMjU1LS4yMDQtLjQzNy0uODE3LS43MjItLjYwMS0uMjc4LTEuMzkxLS43NDQtMS4zODUtMS41NzkuMDA5LTEuMTMgMS4xMDgtMS45MTggMi42NjgtMS45MTh6bTUuNDY0LjEwNiAxLjI3OCA1LjgwOWgtMS40NjZzLS4xNDQtLjY2Ny0uMTkzLS44NzFoLS4zNTRjLS41NTMtLjAwMS0xLjUyOC0uMDAyLTEuNjY3LS4wMDItLjA2MS4xNTctLjMzMS44NzMtLjMzMS44NzNoLTEuNjU5bDIuMzQ1LTUuMzI3Yy4xNjYtLjM3OS40NDktLjQ4Mi44MjgtLjQ4MnptLTguNzg3LS4wMDUtLjk4NyA1LjgxMmgtMS41NzlsLjk4Ny01LjgxMnptLTYuODY5IDBjLjM0NS4wMTQuNjIxLjEyMy43MTUuNDkxbC41NTMgMi42NzEuMTY3LjgwNiAxLjU0NS0zLjk2M2gxLjY3MmwtMi40ODQgNS44MDEtMS42NzIuMDAyLTEuNDAxLTUuMDM2Yy0uNDg4LS4yNzMtMS4wMzgtLjQ5OS0xLjY2Mi0uNjVsLjAyMS0uMTIyem0xNC41NDggMS41NzJjLS4wODEuMjE5LS4yMi41NzEtLjIxLjU1NSAwIDAtLjQ5NyAxLjI4OS0uNjI4IDEuNjI0aDEuMzFjLS4wNjMtLjI5MS0uMzY1LTEuNjc4LS4zNjUtMS42Nzh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}
.paymentCard .ccType.mastercard:before {
  background-image: url(/common/images/svg/masterCard.svg?b9155f976589e9a5498e);
}
.paymentCard .ccType.americanExpress:before {
  background-image: url(/common/images/svg/americanExpress.svg?4b6370e6df70add7ca04);
}
.paymentCard .ccType.discover:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjQgMmMwLTEuMTA0LS44OTYtMi0yLTJoLTIwYy0xLjEwNCAwLTIgLjg5Ni0yIDJ2MTJjMCAxLjEwNC44OTYgMiAyIDJoMjBjMS4xMDQgMCAyLS44OTYgMi0yeiIgZmlsbD0iI2Y1ZjJmMCIvPjxwYXRoIGQ9Im0yNCAxMS4wODF2Mi45MTljMCAxLjEwNC0uODk2IDItMiAyaC0xMC42ODljNi43OS0xLjU5MiAxMS4xMzMtMy45NjkgMTIuNjg5LTQuOTE5eiIgZmlsbD0iI2Y1N2UzMCIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEuMDc5NDcgMCAwIDEgMS45ODYwMiA1LjUpIj48cGF0aCBkPSJtMTEuODM3Ljc4Ny43OTEgMi4xNjYuODAzLTIuMTY2aC42MjhsLTEuMjgzIDMuMjE2aC0uMzEybC0xLjI2LTMuMjE2em0tNy4yNTItLjA1M2MuMjg1IDAgLjU0OS4wOTMuNzc3LjI3NGwuMDk2LjA4NC0uMzAzLjQzYy0uMTUxLS4xODMtLjI5NC0uMjYxLS40NjctLjI2MS0uMjUgMC0uNDMyLjE1NS0uNDMyLjM1OCAwIC4xNzQuMTAyLjI2Ni40NS40MDYuNjU5LjI2MS44NTQuNDkzLjg1NCAxLjAwNSAwIC42MjQtLjQyMiAxLjA1OS0xLjAyNCAxLjA1OS0uNDA0IDAtLjcwNy0uMTU4LS45Ni0uNTEybC0uMDY4LS4xMDIuMzc0LS4zOTFjLjEzMy4yOC4zNTYuNDMuNjMyLjQzLjI1OSAwIC40NS0uMTk0LjQ1LS40NTUgMC0uMTM1LS4wNTgtLjI1MS0uMTc0LS4zMzMtLjA1OC0uMDM5LS4xNzMtLjA5Ny0uNC0uMTg0LS41NDQtLjIxMi0uNzMxLS40NC0uNzMxLS44ODQgMC0uNTI4LjQwMS0uOTI0LjkyNi0uOTI0em0yLjczOS0uMDE5Yy4yMDcgMCAuMzg3LjA0LjU4OC4xMzRsLjEyNC4wNjN2Ljc0Yy0uMjQtLjI1NS0uNDUtLjM2Mi0uNzI2LS4zNjItLjU0MyAwLS45Ny40ODgtLjk3IDEuMTA3IDAgLjY1My40MTQgMS4xMTIuOTk3IDEuMTEyLjIzMyAwIC40MjEtLjA4LjYyMy0uMjc1bC4wNzYtLjA3OHYuNzRjLS4yNjMuMTM1LS40NzcuMTg4LS43MjYuMTg4LS44ODIgMC0xLjU2Ny0uNzM1LTEuNTY3LTEuNjgyIDAtLjkzOC43MDMtMS42ODcgMS41ODEtMS42ODd6bS02LjQ3NC4wNzJjLjkzOSAwIDEuNTk0LjY2MyAxLjU5NCAxLjYxNSAwIC40NzQtLjIuOTMzLS41MzkgMS4yMzctLjI1NC4yMjktLjUzOC4zNDUtLjkxNC4zNjhsLS4xNDUuMDA0aC0uODQ2di0zLjIyNHptMi40NCAwdjMuMjI0aC0uNTc5di0zLjIyNHptMTIuNjczIDB2LjU0N2gtMS4wNjR2LjcxNWgxLjAyNXYuNTQ2aC0xLjAyNXYuODcxaDEuMDY0di41NDVoLTEuNjQzdi0zLjIyNHptLjM4NCAwaC44NTljLjY2NyAwIDEuMDUuMzQ5IDEuMDUuOTUyIDAgLjQ1OS0uMjA3Ljc3MS0uNTg2Ljg5bC0uMDkuMDI0LjkzNCAxLjM1OGgtLjcxMmwtLjgwMi0xLjI5NWgtLjA3NXYxLjI5NWgtLjU3OHYtMy4yMjRoLjg1OXptLTE1LjYxMy41NDdoLS4xNTV2Mi4xMzJoLjE1NWMuMzc0IDAgLjYxMS0uMDc4Ljc5My0uMjU3LjItLjE5My4zMjEtLjUwMi4zMjEtLjgxMiAwLS4zMDktLjEyMS0uNjA5LS4zMjEtLjgwMy0uMTkyLS4xODgtLjQxOS0uMjYtLjc5My0uMjZ6bTE2LjM2OS0uMDM5aC0uMTc4di45NzdoLjE2OWMuMzcgMCAuNTY2LS4xNzUuNTY2LS40OTkgMC0uMzE0LS4xOTYtLjQ3OC0uNTU3LS40Nzh6IiBmaWxsPSIjMzMzIi8+PHBhdGggZD0ibTExLjM3OCAyLjQwMmMwIC45NDYtLjcwNiAxLjcxNC0xLjU3OSAxLjcxNC0uODcyIDAtMS41NzktLjc2OC0xLjU3OS0xLjcxNCAwLS45NDcuNzA3LTEuNzE1IDEuNTc5LTEuNzE1Ljg3MyAwIDEuNTc5Ljc2OCAxLjU3OSAxLjcxNXoiIGZpbGw9IiNmNTdlMzAiLz48L2c+PC9zdmc+);
}
.paymentCard .ccType.paypal:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAzMCI+CiAgPHBhdGggZmlsbD0iIzI1M2I4MCIgZD0iTTcuMjcgMjkuMTVsLjUyLTMuMzItMS4xNy0uMDJIMS4wNkw0LjkzIDEuMjlhLjMyLjMyIDAgMDEuMzEtLjI3aDkuMzhjMy4xMSAwIDUuMjYuNjUgNi4zOSAxLjkzLjUyLjYuODYgMS4yMyAxLjAyIDEuOTIuMTcuNzIuMTcgMS41OSAwIDIuNjR2Ljc1bC41Mi4zYy40NC4yNC44LjUgMS4wNi44MS40NS41Mi43NSAxLjE3Ljg3IDEuOTQuMTMuOC4wOCAxLjc0LS4xMiAyLjgxYTkuOSA5LjkgMCAwMS0xLjE2IDMuMTkgNi41NSA2LjU1IDAgMDEtNC4yOCAzLjFjLS45LjI0LTEuOTQuMzYtMy4wNy4zNmgtLjczYTIuMjEgMi4yMSAwIDAwLTIuMTcgMS44NWwtLjA2LjMtLjkyIDUuODYtLjA0LjIxYy0uMDEuMDctLjAzLjEtLjA2LjEzYS4xNS4xNSAwIDAxLS4xLjAzaC00LjV6Ii8+CiAgPHBhdGggZmlsbD0iIzE3OWJkNyIgZD0iTTIzLjA1IDcuNjdsLS4xLjU1Yy0xLjI0IDYuMzUtNS40NyA4LjU0LTEwLjg3IDguNTRIOS4zM2MtLjY3IDAtMS4yMi40OC0xLjMzIDEuMTNsLTEuNCA4Ljk0LS40IDIuNTNhLjcuNyAwIDAwLjcuODJoNC44N2MuNTggMCAxLjA3LS40MiAxLjE2LTFsLjA1LS4yNC45Mi01LjgzLjA2LS4zMmMuMDktLjU3LjU4LTEgMS4xNi0xaC43M2M0LjczIDAgOC40My0xLjkxIDkuNTEtNy40Ny40NS0yLjMyLjIyLTQuMjYtLjk4LTUuNjJhNC42NyA0LjY3IDAgMDAtMS4zMy0xLjAzeiIvPgogIDxwYXRoIGZpbGw9IiMyMjJkNjUiIGQ9Ik0yMS43NSA3LjE1YTkuNzYgOS43NiAwIDAwLTEuMi0uMjdjLS43NC0uMTItMS41NS0uMTctMi40My0uMTdoLTcuMzVhMS4xNyAxLjE3IDAgMDAtMS4xNi45OWwtMS41NiA5LjktLjA1LjNjLjEtLjY2LjY2LTEuMTQgMS4zMy0xLjE0aDIuNzVjNS40IDAgOS42My0yLjIgMTAuODctOC41NGwuMS0uNTVhNi42IDYuNiAwIDAwLTEuMy0uNTJ6Ii8+CiAgPHBhdGggZmlsbD0iIzI1M2I4MCIgZD0iTTkuNjEgNy43YTEuMTcgMS4xNyAwIDAxMS4xNi0xaDcuMzVhMTUuMjggMTUuMjggMCAwMTMuMDUuMyA5Ljc2IDkuNzYgMCAwMS44Ni4yNGMuMzcuMTIuNy4yNiAxLjAyLjQzLjM3LTIuMzUgMC0zLjk1LTEuMjctNS40QzIwLjM4LjY4IDE3Ljg1IDAgMTQuNjIgMEg1LjI0Yy0uNjYgMC0xLjIyLjQ4LTEuMzIgMS4xM0wwIDI1LjlhLjguOCAwIDAwLjguOTNINi42bDEuNDUtOS4yMkw5LjYxIDcuN3oiLz4KPC9zdmc+Cg==);
}
.paymentCard .ccType.jcb:before {
  background-image: url(/common/images/svg/jcb.svg?17e0f274ccbc9a4b33b9);
}
.paymentCard .ccType.round:before {
  background-size: contain;
  height: 44px;
}
.paymentCard .ccType.round.visa:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjsiPgogICAgPHBhdGggZD0iTTIzLjU1NywxMkMyNC42ODMsMTIgMjUuNTg4LDEyLjI0IDI2LjE3OSwxMi40NDNMMjUuNzcyLDE0Ljc2OUwyNS41MTQsMTQuNjU5QzI0Ljk2LDE0LjQzNyAyNC4yNzcsMTQuMjM0IDIzLjMzNSwxNC4yMzRDMjIuMTkxLDE0LjIzNCAyMS42NzQsMTQuNzE0IDIxLjY3NCwxNS4xNTdDMjEuNjU1LDE1LjY3NCAyMi4yODMsMTYuMDA2IDIzLjI5OSwxNi40ODZDMjQuOTc5LDE3LjI2MiAyNS43NTQsMTguMTg1IDI1LjczNSwxOS40MDNDMjUuNzM1LDIxLjYzNyAyMy43NDEsMjMuMDc3IDIwLjY3NywyMy4wNzdDMTkuNTY4LDIzLjA4MyAxOC40NjgsMjIuODg5IDE3LjQyOCwyMi41MDVMMTcuODM0LDIwLjEwNUwxOC4yMDMsMjAuMjcxQzE5LjE2MywyMC42NzcgMTkuNzkxLDIwLjgyNSAyMC45NTQsMjAuODI1QzIxLjc4NSwyMC44MjUgMjIuNjg5LDIwLjUxMSAyMi42ODksMTkuNzkxQzIyLjY4OSwxOS4zMTEgMjIuMzIsMTguOTc5IDIxLjE5NCwxOC40NjJDMjAuMDg2LDE3Ljk0NSAxOC42MDksMTcuMDc3IDE4LjYyOCwxNS41NDVDMTguNjQ2LDEzLjQ1OSAyMC42NTksMTIgMjMuNTU3LDEyWk0zMy42MzcsMTIuMTg1TDM2LDIyLjkyOUwzMy4yODYsMjIuOTI5TDMyLjkzNSwyMS4zMDVMMjkuMjA2LDIxLjMwNUwyOC41OTcsMjIuOTExTDI1LjUzMiwyMi45MTFMMjkuODcxLDEzLjEwOEMzMC4xNjYsMTIuNDA2IDMwLjY4MywxMi4yMjIgMzEuMzg1LDEyLjIyMkwzMy42MzcsMTIuMTg1Wk0xNy40MjgsMTIuMTg1TDE1LjU4MiwyMi45MTFMMTIuNzAxLDIyLjkxMUwxNC41MjksMTIuMjAzTDE3LjQyOCwxMi4xODVaTTQuNzQ1LDEyLjE4NUM1LjM3MiwxMi4yMDMgNS44ODksMTIuNDA2IDYuMDU1LDEzLjEwOEw3LjA3MSwxOC4wMTlMNy4zODUsMTkuNDk1TDEwLjI0NiwxMi4xODVMMTMuMzI5LDEyLjE4NUw4LjczMiwyMi44OTJMNS42NDksMjIuODkyTDMuMDY1LDEzLjYwNkMyLjEwMiwxMy4wNjkgMS4wNzEsMTIuNjY1IDAsMTIuNDA2TDAuMDM3LDEyLjE4NUw0Ljc0NSwxMi4xODVaTTMxLjU4OCwxNS4wODNDMzEuNDQsMTUuNDg5IDMxLjE4MiwxNi4xMzUgMzEuMjE4LDE2LjExN0wzMC4wNTUsMTkuMTA4TDMyLjQ1NSwxOS4xMDhMMzEuNzkxLDE2LjAwNkwzMS41ODgsMTUuMDgzWiIgc3R5bGU9ImZpbGw6cmdiKDIwLDUzLDEwMik7Ii8+Cjwvc3ZnPgo=);
}
.paymentCard .ccType.round.mastercard:before {
  background-image: url(/common/images/svg/roundMaster.svg?83a85b26c88bade7a9b2);
}
.paymentCard .ccType.round.americanExpress:before {
  background-image: url(/common/images/svg/roundAE.svg?871e274022c66ab7d195);
}
.paymentCard .ccType.round.discover:before {
  background-image: url(/common/images/svg/roundDiscover.svg?3b82a5099b2755c64c7d);
}
.paymentCard .ccType.round.paypal:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjsiPgogICAgPHBhdGggZD0iTTI2LjQzOCwxMi44NjFMMTIuNjM2LDI3LjkyMkw3LjU3MywyNy45MjJDNy4yMjIsMjcuOTIyIDYuOTQxLDI3LjU3IDcuMDExLDI3LjIxOUwxMC4zODYsNS44NDRDMTAuNDU2LDUuMzUyIDEwLjg3OCw1IDExLjM3LDVMMTkuOTQ4LDVDMjUuODU1LDUuMjExIDI3LjQ3Miw4LjIzNCAyNi40MTcsMTIuODc1TDI2LjQzOCwxMi44NjFaIiBzdHlsZT0iZmlsbDpyZ2IoMCw0NCwxMzgpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgPHBhdGggZD0iTTI2LjY2MywxMS40NjlDMjguNzczLDEyLjU5NCAyOS4yNjUsMTQuNzAzIDI4LjU2MiwxNy41MTZDMjcuNjQ4LDIxLjY2NCAyNC45MDUsMjMuNDIyIDIwLjg5OCwyMy40OTJMMTkuNzczLDIzLjU2M0MxOS4zNTEsMjMuNTYzIDE5LjA2OSwyMy44NDQgMTguOTk5LDI0LjI2NkwxOC4wODUsMjkuODJDMTguMDE1LDMwLjMxMyAxNy41OTMsMzAuNjY0IDE3LjEwMSwzMC42NjRMMTIuODgyLDMwLjY2NEMxMi41MywzMC42NjQgMTIuMjQ5LDMwLjMxMyAxMi4zMTksMjkuOTYxTDEzLjg2NiwxOS45MDZDMTMuOTM3LDE5LjU1NSAyNi42NjMsMTEuNDY5IDI2LjY2MywxMS40NjlaIiBzdHlsZT0iZmlsbDpyZ2IoMCwxNTUsMjI1KTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgIDxwYXRoIGQ9Ik0xMy43ODIsMjAuMzk4TDE1LjE4OCwxMS40NjlDMTUuMjM0LDExLjI1NyAxNS4zNDksMTEuMDY3IDE1LjUxNCwxMC45MjdDMTUuNjc5LDEwLjc4NyAxNS44ODYsMTAuNzA2IDE2LjEwMiwxMC42OTVMMjIuODUyLDEwLjY5NUMyNC40NjksMTAuNjk1IDI1LjY2NSwxMC45NzcgMjYuNjQ5LDExLjQ2OUMyNi4yOTcsMTQuNTYzIDI0LjgyMSwxOS41NTUgMTcuNjQ5LDE5LjY5NUwxNC41NTUsMTkuNjk1QzE0LjIwNCwxOS42OTUgMTMuODUyLDE5Ljk3NyAxMy43ODIsMjAuMzk4WiIgc3R5bGU9ImZpbGw6cmdiKDAsMzEsMTA3KTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
}
.paymentCard .ccType.round.jcb:before {
  background-image: url(/common/images/svg/roundJCB.svg?621bb7e8e839f801c226);
  background-repeat: no-repeat;
}
.paymentCard .ccDetails {
  margin-left: 16px;
  width: calc(100% - 60px);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/order/orderDetails.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.orderDetails .collapse {
  border-radius: 8px;
  overflow: hidden;
}
.orderDetails button.collapseTitle {
  align-items: center;
  background: var(--primaryFaint, #ECF1F9);
  display: flex;
  padding: 16px;
}
.orderDetails button.collapseTitle:hover, .orderDetails button.collapseTitle:active {
  text-decoration: none;
}
.orderDetails button.collapseTitle .h5 {
  order: 1;
}
.orderDetails button.collapseTitle .arrowContainer {
  left: -4px;
  order: 2;
  top: 2px;
  position: relative;
}
.orderDetails button.collapseTitle .arrowContainer .svgIcon {
  fill: #343A40;
}
.orderDetails button.collapseTitle .h4 {
  margin-left: auto;
  order: 3;
}
.orderDetails .lineItems {
  background: #F8F9FA;
  padding: 0 16px;
}
.orderDetails .lineItems .lineItem {
  border-bottom: 1px solid #F1F3F5;
  padding: 16px 0;
}
.orderDetails .lineItem {
  display: flex;
  justify-content: space-between;
}
.orderDetails .lineItem .h6 {
  padding-right: 8px;
}
.orderDetails .lineItem .detail {
  font-size: 12px;
  font-weight: 400;
  margin-top: 2px;
}
.orderDetails .lineItem .price {
  text-align: right;
  white-space: nowrap;
}
.orderDetails .note {
  margin: 16px 0 8px;
}
.orderDetails .note > * {
  display: inline-block;
  vertical-align: top;
}
.orderDetails .note .svgIcon {
  margin-right: 4px;
}
.orderDetails .note p {
  width: calc(100% - 28px);
}
.orderDetails .warn {
  color: #F59F00;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./member/css/components/order/promoCodeEntry.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.promoCodeEntry {
  margin: 16px 0 32px;
}
.promoCodeEntry .textInput {
  width: calc(100% - 80px);
}
.promoCodeEntry .codeContent {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.promoCodeEntry .btn {
  margin-top: 25px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/form/creditCardForm.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.creditCardForm #paypalButton {
  max-width: 500px;
  margin: 16px auto;
}
.creditCardForm .divider {
  margin: 16px auto;
  max-width: 500px;
  position: relative;
  text-align: center;
}
.creditCardForm .divider .bar {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 1px;
  width: 100%;
  background-color: #E9ECEF;
}
.creditCardForm .divider .dividerText {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: #6C747C;
  background-color: #F8F9FA;
}
.creditCardForm #cardForm {
  max-width: 500px;
}
.creditCardForm #cardForm .inputWrapper {
  position: relative;
}
.creditCardForm #cardForm .inputWrapper .errorMessage {
  margin-top: -16px;
}
.creditCardForm #cardForm .creditCardImage {
  position: absolute;
  right: 0;
  top: -24px;
}
.creditCardForm #cardForm .creditCardImage > div {
  display: inline-block;
  height: 16px;
  width: 24px;
}
.creditCardForm #cardForm .creditCardImage > div:not(:last-of-type) {
  margin-right: 8px;
}
.creditCardForm #cardForm .creditCardImage > div.visa {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGxpbmVhckdyYWRpZW50IGlkPSJhIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0yNCA3LjExMTExIC03LjExMTExIC0yNCAyNCA0LjQ0NDQ0KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwIiB4Mj0iMSIgeTE9IjAiIHkyPSIwIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMjUwYTIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyMDNhN2UiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Im0yNCAyYzAtMS4xMDQtLjg5Ni0yLTItMmgtMjBjLTEuMTA0IDAtMiAuODk2LTIgMnYxMmMwIDEuMTA0Ljg5NiAyIDIgMmgyMGMxLjEwNCAwIDItLjg5NiAyLTJ6IiBmaWxsPSJ1cmwoI2EpIi8+PHBhdGggZD0ibTE0Ljk3OSA1Yy42MTMgMCAxLjEwMy4xMjYgMS40MTcuMjQ0bC0uMjE0IDEuMjYtLjE0Mi0uMDY4Yy0uMjkzLS4xMTctLjY2Ny0uMjMxLTEuMTgzLS4yMjItLjYxOCAwLS45MDMuMjU4LS45MDMuNS0uMDA0LjI3Mi4zMzQuNDUyLjg4Ni43Mi45MTEuNDE2IDEuMzMyLjkxOCAxLjMyNCAxLjU3OS0uMDA5IDEuMjA3LTEuMDg4IDEuOTg2LTIuNzQ4IDEuOTg2LS43MDgtLjAwNy0xLjM4OC0uMTQ4LTEuNzU5LS4zMWwuMjIyLTEuMzAxLjIwMy4wOTJjLjUxOS4yMTcuODU2LjMwNSAxLjQ4NS4zMDUuNDU2IDAgLjk0MS0uMTc3Ljk0Ni0uNTY2LjAwNC0uMjU1LS4yMDQtLjQzNy0uODE3LS43MjItLjYwMS0uMjc4LTEuMzkxLS43NDQtMS4zODUtMS41NzkuMDA5LTEuMTMgMS4xMDgtMS45MTggMi42NjgtMS45MTh6bTUuNDY0LjEwNiAxLjI3OCA1LjgwOWgtMS40NjZzLS4xNDQtLjY2Ny0uMTkzLS44NzFoLS4zNTRjLS41NTMtLjAwMS0xLjUyOC0uMDAyLTEuNjY3LS4wMDItLjA2MS4xNTctLjMzMS44NzMtLjMzMS44NzNoLTEuNjU5bDIuMzQ1LTUuMzI3Yy4xNjYtLjM3OS40NDktLjQ4Mi44MjgtLjQ4MnptLTguNzg3LS4wMDUtLjk4NyA1LjgxMmgtMS41NzlsLjk4Ny01LjgxMnptLTYuODY5IDBjLjM0NS4wMTQuNjIxLjEyMy43MTUuNDkxbC41NTMgMi42NzEuMTY3LjgwNiAxLjU0NS0zLjk2M2gxLjY3MmwtMi40ODQgNS44MDEtMS42NzIuMDAyLTEuNDAxLTUuMDM2Yy0uNDg4LS4yNzMtMS4wMzgtLjQ5OS0xLjY2Mi0uNjVsLjAyMS0uMTIyem0xNC41NDggMS41NzJjLS4wODEuMjE5LS4yMi41NzEtLjIxLjU1NSAwIDAtLjQ5NyAxLjI4OS0uNjI4IDEuNjI0aDEuMzFjLS4wNjMtLjI5MS0uMzY1LTEuNjc4LS4zNjUtMS42Nzh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}
.creditCardForm #cardForm .creditCardImage > div.masterCard {
  background-image: url(/common/images/svg/masterCard.svg?b9155f976589e9a5498e);
}
.creditCardForm #cardForm .creditCardImage > div.americaExpress {
  background-image: url(/common/images/svg/americanExpress.svg?4b6370e6df70add7ca04);
}
.creditCardForm #cardForm .creditCardImage > div.discoverCard {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjQgMmMwLTEuMTA0LS44OTYtMi0yLTJoLTIwYy0xLjEwNCAwLTIgLjg5Ni0yIDJ2MTJjMCAxLjEwNC44OTYgMiAyIDJoMjBjMS4xMDQgMCAyLS44OTYgMi0yeiIgZmlsbD0iI2Y1ZjJmMCIvPjxwYXRoIGQ9Im0yNCAxMS4wODF2Mi45MTljMCAxLjEwNC0uODk2IDItMiAyaC0xMC42ODljNi43OS0xLjU5MiAxMS4xMzMtMy45NjkgMTIuNjg5LTQuOTE5eiIgZmlsbD0iI2Y1N2UzMCIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEuMDc5NDcgMCAwIDEgMS45ODYwMiA1LjUpIj48cGF0aCBkPSJtMTEuODM3Ljc4Ny43OTEgMi4xNjYuODAzLTIuMTY2aC42MjhsLTEuMjgzIDMuMjE2aC0uMzEybC0xLjI2LTMuMjE2em0tNy4yNTItLjA1M2MuMjg1IDAgLjU0OS4wOTMuNzc3LjI3NGwuMDk2LjA4NC0uMzAzLjQzYy0uMTUxLS4xODMtLjI5NC0uMjYxLS40NjctLjI2MS0uMjUgMC0uNDMyLjE1NS0uNDMyLjM1OCAwIC4xNzQuMTAyLjI2Ni40NS40MDYuNjU5LjI2MS44NTQuNDkzLjg1NCAxLjAwNSAwIC42MjQtLjQyMiAxLjA1OS0xLjAyNCAxLjA1OS0uNDA0IDAtLjcwNy0uMTU4LS45Ni0uNTEybC0uMDY4LS4xMDIuMzc0LS4zOTFjLjEzMy4yOC4zNTYuNDMuNjMyLjQzLjI1OSAwIC40NS0uMTk0LjQ1LS40NTUgMC0uMTM1LS4wNTgtLjI1MS0uMTc0LS4zMzMtLjA1OC0uMDM5LS4xNzMtLjA5Ny0uNC0uMTg0LS41NDQtLjIxMi0uNzMxLS40NC0uNzMxLS44ODQgMC0uNTI4LjQwMS0uOTI0LjkyNi0uOTI0em0yLjczOS0uMDE5Yy4yMDcgMCAuMzg3LjA0LjU4OC4xMzRsLjEyNC4wNjN2Ljc0Yy0uMjQtLjI1NS0uNDUtLjM2Mi0uNzI2LS4zNjItLjU0MyAwLS45Ny40ODgtLjk3IDEuMTA3IDAgLjY1My40MTQgMS4xMTIuOTk3IDEuMTEyLjIzMyAwIC40MjEtLjA4LjYyMy0uMjc1bC4wNzYtLjA3OHYuNzRjLS4yNjMuMTM1LS40NzcuMTg4LS43MjYuMTg4LS44ODIgMC0xLjU2Ny0uNzM1LTEuNTY3LTEuNjgyIDAtLjkzOC43MDMtMS42ODcgMS41ODEtMS42ODd6bS02LjQ3NC4wNzJjLjkzOSAwIDEuNTk0LjY2MyAxLjU5NCAxLjYxNSAwIC40NzQtLjIuOTMzLS41MzkgMS4yMzctLjI1NC4yMjktLjUzOC4zNDUtLjkxNC4zNjhsLS4xNDUuMDA0aC0uODQ2di0zLjIyNHptMi40NCAwdjMuMjI0aC0uNTc5di0zLjIyNHptMTIuNjczIDB2LjU0N2gtMS4wNjR2LjcxNWgxLjAyNXYuNTQ2aC0xLjAyNXYuODcxaDEuMDY0di41NDVoLTEuNjQzdi0zLjIyNHptLjM4NCAwaC44NTljLjY2NyAwIDEuMDUuMzQ5IDEuMDUuOTUyIDAgLjQ1OS0uMjA3Ljc3MS0uNTg2Ljg5bC0uMDkuMDI0LjkzNCAxLjM1OGgtLjcxMmwtLjgwMi0xLjI5NWgtLjA3NXYxLjI5NWgtLjU3OHYtMy4yMjRoLjg1OXptLTE1LjYxMy41NDdoLS4xNTV2Mi4xMzJoLjE1NWMuMzc0IDAgLjYxMS0uMDc4Ljc5My0uMjU3LjItLjE5My4zMjEtLjUwMi4zMjEtLjgxMiAwLS4zMDktLjEyMS0uNjA5LS4zMjEtLjgwMy0uMTkyLS4xODgtLjQxOS0uMjYtLjc5My0uMjZ6bTE2LjM2OS0uMDM5aC0uMTc4di45NzdoLjE2OWMuMzcgMCAuNTY2LS4xNzUuNTY2LS40OTkgMC0uMzE0LS4xOTYtLjQ3OC0uNTU3LS40Nzh6IiBmaWxsPSIjMzMzIi8+PHBhdGggZD0ibTExLjM3OCAyLjQwMmMwIC45NDYtLjcwNiAxLjcxNC0xLjU3OSAxLjcxNC0uODcyIDAtMS41NzktLjc2OC0xLjU3OS0xLjcxNCAwLS45NDcuNzA3LTEuNzE1IDEuNTc5LTEuNzE1Ljg3MyAwIDEuNTc5Ljc2OCAxLjU3OSAxLjcxNXoiIGZpbGw9IiNmNTdlMzAiLz48L2c+PC9zdmc+);
}
.creditCardForm #cardForm .hostedFieldsLabel {
  font-size: 14px;
  display: block;
  margin-bottom: 6px;
  text-align: left;
  color: #6C747C;
}
.creditCardForm #cardForm .hostedField {
  height: 50px;
  box-sizing: border-box;
  width: 100%;
  padding: 12px;
  display: inline-block;
  box-shadow: none;
  font-weight: 600;
  border-radius: 6px;
  border: 0 none;
  line-height: 20px;
  background: #F1F3F5;
  margin-bottom: 20px;
}
.creditCardForm #cardForm .hostedField iframe html body form .cardholderName {
  font-size: 14px;
}
.creditCardForm #cardForm .button-container {
  text-align: center;
}
.creditCardForm #cardForm .expirationCVV .expirationDate {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  margin-right: 5%;
}
.creditCardForm #cardForm .expirationCVV .expirationDate div:not(.errorMessage) {
  display: inline-block;
  vertical-align: middle;
}
.creditCardForm #cardForm .expirationCVV .expirationDate div:not(.errorMessage).hostedField {
  width: 44%;
}
.creditCardForm #cardForm .expirationCVV .expirationDate div:not(.errorMessage).hostedField#expirationMonth {
  margin-right: 4%;
}
.creditCardForm #cardForm .expirationCVV .expirationDate div:not(.errorMessage).separator {
  width: 4%;
  margin: 0 4% 20px 0;
}
.creditCardForm #cardForm .expirationCVV .expirationDate div:not(.errorMessage).inputWrapper {
  display: block;
}
.creditCardForm #cardForm .expirationCVV .cvv {
  display: inline-block;
  vertical-align: top;
  width: 25%;
}
.creditCardForm #cardForm .expirationCVV .cvv .errorMessage {
  margin-top: -20px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/appointments/bookAppointment/bookAppointmentOrder.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
.bookAppointmentOrder .orderDetails {
  margin-bottom: 16px;
}
.bookAppointmentOrder .orderDetails h4 {
  font-size: 24px;
  margin-bottom: 8px;
}
.bookAppointmentOrder .promoCodeEntry, .bookAppointmentOrder .checkbox {
  margin: 16px 0;
}
.bookAppointmentOrder .panel .checkbox label {
  font-weight: 400;
  margin-left: 8px;
  margin-right: 0;
  width: calc(100% - 32px);
}
.bookAppointmentOrder .ccDetails {
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bookAppointmentOrder .creditCardForm .errorMsg {
  margin: -16px 0 8px;
}

@media (max-width: 400px) {
  .bookAppointmentOrder .panel .checkbox label {
    display: inline-block;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/appointments/bookAppointment/bookAppointment.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
.bookAppointment > div {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.bookAppointment .left {
  width: 700px;
}
.bookAppointment .right {
  margin-left: 16px;
  width: calc(100% - 716px);
}
.bookAppointment h3 {
  margin-bottom: 8px;
}
.bookAppointment .panel {
  padding: 16px;
}
.bookAppointment .panel label {
  color: #6C747C;
  margin-right: 4px;
}
.bookAppointment .panel > div > section:not(:last-of-type) {
  margin-bottom: 4px;
}
.bookAppointment .panel .actions {
  margin-top: 8px;
  text-align: left;
}
.bookAppointment .panel .actions .errorMsg {
  margin-bottom: 8px;
}
.bookAppointment .medicalInformation .collapse.open .instantCollapse {
  padding-top: 8px;
}
.bookAppointment .medicalInformation .collapseTitle {
  padding: 0;
}
.bookAppointment .medicalInformation .collapseTitle h3 {
  margin-bottom: 0;
}
.bookAppointment .medicalInformation .instantCollapse > div:not(:last-child) {
  margin-bottom: 12px;
}
.bookAppointment .fieldValue > *:not(.errorMsg) {
  display: inline-block;
  vertical-align: middle;
}
.bookAppointment .reasonCategory .dropdown {
  width: 100%;
}
.bookAppointment .textAreaContainer {
  width: 100%;
}
.bookAppointment .textAreaContainer .textArea .textarea {
  height: 200px;
}

@media (max-width: 1300px) {
  .bookAppointment > div {
    display: block;
  }
  .bookAppointment .left, .bookAppointment .right {
    width: 100%;
  }
  .bookAppointment .right {
    margin-left: 0;
  }
}
@media (max-width: 400px) {
  .bookAppointment section label {
    display: block;
  }
  .bookAppointment .fieldValue > *:not(.errorMsg) {
    display: block;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/appointments/memberAppointments.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.memberAppointments .inlineBookAppointment h2 {
  margin-bottom: 16px;
}
.memberAppointments .inlineBookAppointment .panel {
  max-width: 100%;
  width: 650px;
}
.memberAppointments .inlineBookAppointment .bookAppointment .left {
  width: 650px;
}
.memberAppointments .bookAppointmentTitle {
  margin-bottom: 16px;
}
.memberAppointments .bookAppointmentTitle h3 .svgIcon {
  display: inline-block;
  vertical-align: middle;
  transform: rotate(180deg);
}
.memberAppointments .subAccounts {
  font-size: 12px;
  color: #6C747C;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/visitReviews/visitReviewItem.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.visitReviewItem .dateTime span, .visitReviewItem .providerInfo span, .visitReviewItem .memberInfo span {
  display: block;
}
.visitReviewItem .personId {
  font-size: 12px;
  color: #6C747C;
}
.visitReviewItem .rating .ratingStar {
  color: #B46001;
  font-size: 16px;
  font-weight: 600;
  width: 36px;
  fill: #B46001;
}
.visitReviewItem .rating .ratingStar > div {
  display: inline-block;
  vertical-align: middle;
}
.visitReviewItem .subAccounts {
  font-size: 12px;
  color: #6C747C;
}

.visitInfoTooltip {
  color: #6C747C;
  width: 100%;
}
.visitInfoTooltip > a {
  display: block;
  padding: 8px;
}
.visitInfoTooltip > a:not(:last-of-type) {
  border-bottom: 1px solid #F1F3F5;
}
.visitInfoTooltip div {
  margin: 12px;
}
.visitInfoTooltip .actions .btn {
  margin: 8px 0;
}

.patientRatingModal > div {
  margin-bottom: 12px;
}
.patientRatingModal .reasonGroup {
  margin-bottom: 8px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/visitReviews/visitReviewsFilterModal.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.visitReviewsFilterModal fieldset legend {
  margin-bottom: 8px;
}
.visitReviewsFilterModal .lowRatingReasonFilter, .visitReviewsFilterModal .clinicalServiceFilter {
  margin-bottom: 16px;
}
.visitReviewsFilterModal .lowRatingReasonFilter .dropdown {
  width: 250px;
}
.visitReviewsFilterModal .dateFilter .filterDatePicker > div {
  width: auto;
}
.visitReviewsFilterModal .locationFilter {
  margin-bottom: 16px;
}
.visitReviewsFilterModal .locationFilter > div {
  display: inline-block;
  vertical-align: top;
}
.visitReviewsFilterModal .locationFilter > div:first-of-type {
  margin-right: 24px;
}
.visitReviewsFilterModal .enterpriseGroupFilter {
  margin: 16px 0;
}
.visitReviewsFilterModal .clinicalServiceFilter .dropdown {
  width: 250px;
}
.visitReviewsFilterModal .flagReasonFilter .dropdown {
  width: 100%;
}
.visitReviewsFilterModal .enterpriseAutocomplete {
  margin-bottom: 16px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./partner/css/components/members/partnerMemberDetails.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.partnerMemberDetails .headerTabs {
  border-bottom: 1px solid #E9ECEF;
}
.partnerMemberDetails .tabContent {
  padding: 16px;
}
.partnerMemberDetails .panel {
  padding: 16px;
  display: inline-block;
  vertical-align: top;
}
.partnerMemberDetails .pagination {
  margin: 16px 0;
  text-align: center;
}
.partnerMemberDetails .profileMessages .conversation {
  height: inherit;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/chat/transcript.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.transcript {
  padding: 16px 0;
}
.transcript .whiteBg {
  border-bottom: 1px solid #E9ECEF;
  height: 60px;
  line-height: 60px;
  text-align: center;
}
.transcript .whiteBg h4 {
  font-size: 14px;
  margin: 0;
}
.transcript .chatMessage {
  margin: 16px 0 12px;
}
.transcript .dateMessage span {
  background: #F8F9FA;
}

@media (max-width: 840px) {
  .transcript > .container {
    width: 100%;
  }
  .transcript .chatMessage .messageContent .messageBody {
    max-width: 100%;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/soap/scrollableSoap.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.scrollableSoap {
  height: 100%;
  position: relative;
}
.scrollableSoap .soapContent {
  max-height: calc(100vh - 185px);
  overflow-y: auto;
}
.scrollableSoap .soapActions {
  border-top: 1px solid #E9ECEF;
  bottom: 0;
  height: 60px;
  left: 0;
  padding: 12px 16px 0;
  position: absolute;
  width: 100%;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/patientProblemList.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.patientProblemList ol {
  list-style: decimal;
  margin-left: 16px;
}
.patientProblemList ol li:not(:last-of-type) {
  margin-bottom: 2px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/soapOverlay.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.soapOverlay .titleBar {
  border-bottom: 1px solid #E9ECEF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  height: 60px;
}
.soapOverlay .titleBar h5 {
  margin: auto;
}
.soapOverlay .titleBar button {
  font-weight: 600;
}
.soapOverlay .titleBar .svgIcon {
  transform: rotate(180deg);
}
.soapOverlay .overlayContent {
  height: calc(100vh - 185px);
  overflow-y: auto;
  padding: 16px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/soapMetricsOverlay.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.soapMetricsOverlay .metricsList > div {
  margin-bottom: 16px;
}
.soapMetricsOverlay .metricsList > div .textInput {
  max-width: 100%;
}
.soapMetricsOverlay .metricsList > div.multiUnitOption .metricDetail > div {
  vertical-align: bottom;
}
.soapMetricsOverlay .metricsList > div.multiUnitOption .metricDetail .textInput {
  width: calc(100% - 100px);
  margin-right: 12px;
}
.soapMetricsOverlay .metricsList > div.multiUnitOption .metricDetail .dropdown {
  width: 80px;
  display: inline-block;
}
.soapMetricsOverlay .metricsList > div.multiUnitOption .metricDetail .dropdown.full {
  width: calc(100% - 8px);
  display: block;
  margin-top: 8px;
}
.soapMetricsOverlay .metricsList > div .dropdown .options {
  width: auto;
  min-width: 100%;
  left: auto;
  right: 0;
}
.soapMetricsOverlay .metricsList > div fieldset.half .textInput {
  width: calc(50% - 44px);
}
.soapMetricsOverlay .metricsList > div fieldset.half .textInput:first-of-type {
  margin-right: 8px;
}
.soapMetricsOverlay .metricsList > div fieldset .textInput {
  width: calc(50% - 72px);
  vertical-align: bottom;
}
.soapMetricsOverlay .metricsList > div fieldset .textInput:last-of-type {
  margin-right: 0;
}
.soapMetricsOverlay .metricsList > div label {
  display: block;
  margin-bottom: 4px;
}
.soapMetricsOverlay .metricsList > div .textInput, .soapMetricsOverlay .metricsList > div .dropdown {
  width: calc(100% - 80px);
}
.soapMetricsOverlay .metricsList > div span.unit {
  display: inline-block;
  margin-bottom: 9px;
  margin-left: 12px;
  vertical-align: bottom;
  width: 50px;
}
.soapMetricsOverlay .metricsList > div span.unit + .dropdown {
  margin-top: 8px;
}
.soapMetricsOverlay .metricsList > div .errorMsg {
  margin-top: 2px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/diagnosisICDSearch.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.diagnosisICDSearch .searchContainer > .svgIcon {
  transform: rotate(180deg);
}
.diagnosisICDSearch .searchBox {
  width: calc(100% - 56px);
}
.diagnosisICDSearch .results .selectableList {
  border-top: 0;
  height: 100%;
}
.diagnosisICDSearch .results .selectableList .selectableListItem {
  padding: 16px 20px;
}
.diagnosisICDSearch .results .attributes {
  color: #6C747C;
  font-size: 12px;
  margin-top: 4px;
}
.diagnosisICDSearch .results .attributes > span:not(:last-of-type) {
  margin-right: 8px;
}
.diagnosisICDSearch .errorMsg {
  margin: 0 0 0 48px;
}
.diagnosisICDSearch .noMatch {
  color: #6C747C;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/diagnosisCodeOverlay.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.diagnosisCodeOverlay .diagnosisICDSearch .searchBox {
  width: 100%;
}
.diagnosisCodeOverlay .diagnosisICDSearch .results {
  margin-top: 8px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/valueWithUnit.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.valueWithUnit {
  display: inline-block;
  vertical-align: top;
}
.valueWithUnit legend {
  color: #6C747C;
  margin-bottom: 4px;
}
.valueWithUnit .textInput, .valueWithUnit .dropdown {
  vertical-align: top;
}
.valueWithUnit .textInput {
  margin-right: 12px;
  width: 64px;
}
.valueWithUnit .dropdown {
  display: inline-block;
  width: 120px;
}
.valueWithUnit .label.open {
  display: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/soapFollowUpOverlay.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.soapFollowUpOverlay .category .dropdown {
  width: 100%;
}
.soapFollowUpOverlay .followUpContent .section {
  margin-bottom: 16px;
}
.soapFollowUpOverlay .followUpContent > p {
  margin-bottom: 12px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/soapRemovableCard.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.soapRemovableCard .panel {
  align-items: center;
  border: 1px solid #E9ECEF;
  box-shadow: none;
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
  padding: 8px;
}
.soapRemovableCard .panel .cardContent {
  max-width: calc(100% - 32px);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/search/specialtiesSearch.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.specialtiesSearch .results {
  margin-top: 8px;
}
.specialtiesSearch .results .selectableList {
  border: 1px solid #E9ECEF;
  margin-top: 8px;
  max-height: calc(100vh - 400px);
}
.specialtiesSearch .noMatch {
  color: #6C747C;
  margin-top: 4px;
}
.specialtiesSearch .showMore, .specialtiesSearch .loadingMore {
  display: block;
  padding: 16px 0;
  text-align: center;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/soapReferralOverlay.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.soapReferralOverlay .referralContent > div {
  margin-bottom: 16px;
}
.soapReferralOverlay .referralContent label {
  color: #6C747C;
}
.soapReferralOverlay .referralContent .reason .textArea {
  height: 80px;
}
.soapReferralOverlay .referralContent .occurTime .dropdown {
  width: calc(100% - 76px);
}
.soapReferralOverlay .referralContent .specialtyName .errorMsg, .soapReferralOverlay .referralContent .occurTime .errorMsg {
  margin-top: 4px;
}
.soapReferralOverlay .referralContent .sendTo .dropdown, .soapReferralOverlay .referralContent .sendTo > .textInput {
  width: 100%;
  margin-bottom: 16px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/search/medicationSearchBox.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.medicationSearchBox .results {
  margin-top: 8px;
}
.medicationSearchBox .results.empty {
  text-align: center;
  padding: 10px;
}
.medicationSearchBox .results .selectableList {
  border: 1px solid #F1F3F5;
  max-height: calc(100vh - 332px);
}
.medicationSearchBox .results .selectableListItem.disabled .medicationOption {
  opacity: 0.5;
}
.medicationSearchBox .results .selectableListItem .medicationOption {
  word-break: break-word;
}
.medicationSearchBox .results .selectableListItem .medicationOption .description {
  font-size: 12px;
  margin-top: 4px;
  white-space: pre-line;
}
.medicationSearchBox .errorMsg {
  margin-top: 4px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/soapPatientAllergiesCard.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.soapPatientAllergiesCard ol {
  list-style: decimal;
  padding-left: 24px;
}
.soapPatientAllergiesCard .panel {
  border: 1px solid #E9ECEF;
  box-shadow: none;
}
.soapPatientAllergiesCard .reported {
  color: #6C747C;
  font-weight: 400;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/soapPrescriptionOverlay.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.soapPrescriptionOverlay section:not(:last-of-type) {
  margin-bottom: 16px;
}
.soapPrescriptionOverlay section label {
  color: #6C747C;
}
.soapPrescriptionOverlay section h5 {
  margin-bottom: 8px;
}
.soapPrescriptionOverlay section fieldset.half > * {
  vertical-align: top;
  width: calc(50% - 8px);
}
.soapPrescriptionOverlay section fieldset.half > *:first-child {
  margin-right: 16px;
}
.soapPrescriptionOverlay section fieldset.valueWithUnit .dropdown {
  width: calc(100% - 76px);
}
.soapPrescriptionOverlay section > div:not(:last-of-type) {
  margin-bottom: 12px;
}
.soapPrescriptionOverlay section .dropdown {
  width: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/search/labTestSearch.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.labTestSearch .selectableList {
  max-height: calc(100vh - 400px);
  border: 1px solid #E9ECEF;
  margin-top: 8px;
}
.labTestSearch .noMatch {
  color: #6C747C;
  margin-top: 4px;
}
.labTestSearch .showMore, .labTestSearch .loadingMore {
  display: block;
  padding: 16px 0;
  text-align: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/soapLabTestOverlayCard.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.soapLabTestOverlayCard > .panel {
  border: 1px solid #E9ECEF;
  box-shadow: none;
  padding: 16px;
}
.soapLabTestOverlayCard label {
  color: #6C747C;
}
.soapLabTestOverlayCard .section {
  margin-bottom: 16px;
}
.soapLabTestOverlayCard .section.occurTimeSelection > div {
  vertical-align: top;
}
.soapLabTestOverlayCard .instruction {
  margin-bottom: 24px;
}
.soapLabTestOverlayCard .errorMsg {
  margin: 4px 0 0;
}
.soapLabTestOverlayCard .diagnosisICDSearch .searchBox {
  width: 100%;
}
.soapLabTestOverlayCard .diagnosisICDSearch .selectableList {
  max-height: calc(100vh - 400px);
  border: 1px solid #E9ECEF;
  margin-top: 8px;
}
.soapLabTestOverlayCard .diagnosisICDSearch .noMatch {
  color: #6C747C;
  margin: 4px 0 0 0;
}
.soapLabTestOverlayCard .labCenter .dropdown, .soapLabTestOverlayCard .labCenter .textInput {
  width: 100%;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/soapLabTestOverlay.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.soapLabTestOverlay .labTestContent > p {
  margin-bottom: 16px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/soapMedicalEquipmentsOverlayCard.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
.soapMedicalEquipmentsOverlayCard > .panel {
  border: 1px solid #E9ECEF;
  box-shadow: none;
  padding: 16px;
}
.soapMedicalEquipmentsOverlayCard > .panel > div:not(:last-of-type) {
  margin-bottom: 16px;
}
.soapMedicalEquipmentsOverlayCard .errorMsg {
  margin: 4px 0 0;
}
.soapMedicalEquipmentsOverlayCard .hint {
  color: #6C747C;
}
.soapMedicalEquipmentsOverlayCard .HCPCScode .textArea textarea {
  height: 40px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/soapMedicalEquipmentsOverlay.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.soapMedicalEquipmentsOverlay .medicalEquipmentUpContent > p {
  margin-bottom: 16px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/soapCustomNoteOverlay.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.soapCustomNoteOverlay section {
  margin-bottom: 16px;
}
.soapCustomNoteOverlay section > label {
  color: #6C747C;
  display: block;
  margin-bottom: 4px;
}
.soapCustomNoteOverlay .dropdown {
  width: 100%;
}
.soapCustomNoteOverlay .textAreaContainer textarea {
  height: 200px;
}
.soapCustomNoteOverlay .signature {
  background: #F1F3F5;
  border-radius: 4px;
  padding: 8px;
}
.soapCustomNoteOverlay .signature > p {
  font-size: 12px;
}
.soapCustomNoteOverlay .signature .docSignature {
  font-family: Brush Script MT, cursive;
  font-size: 16px;
}
.soapCustomNoteOverlay .signature .signedBy {
  margin: 8px 0;
}
.soapCustomNoteOverlay .signature .address {
  font-size: 12px;
}
.soapCustomNoteOverlay .signature .address > span {
  display: block;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/addendumNoteOverlay.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.addendumNoteOverlay section {
  margin-bottom: 16px;
}
.addendumNoteOverlay section > label {
  color: #6C747C;
  display: block;
  margin-bottom: 4px;
}
.addendumNoteOverlay .dropdown {
  width: 100%;
}
.addendumNoteOverlay .textAreaContainer textarea {
  min-height: 200px;
}
.addendumNoteOverlay .pdfAttachment {
  margin: 8px 0 16px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/soap/soapEdit.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.soapEdit .soapNote .textAreaContainer {
  margin-top: 8px;
}
.soapEdit .soapNote .textAreaContainer textarea {
  min-height: 96px;
}

#editSoapOverlay {
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 5;
}
#editSoapOverlay:has(> div) {
  background: #FFF;
  height: 100%;
  width: 100%;
}

.lightbox #lightboxContent .dmeNoticeModal .actions > * {
  width: calc(50% - 4px);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/consult/flagConsultModal.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.flagConsultModal .radioGroup {
  margin: 16px 0;
}
.flagConsultModal .radioGroup .radio:not(:last-of-type) {
  margin-bottom: 12px;
}
.flagConsultModal .textAreaContainer textarea {
  height: 80px;
  margin-top: 12px;
}
.flagConsultModal p {
  font-weight: 600;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./provider/css/components/consult/consultTranscript.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.consultTranscript .mainContent.container {
  max-width: 100%;
  width: 100vw;
  padding: 0;
}
.consultTranscript .transcriptShown, .consultTranscript .noTranscript {
  animation: none;
}
.consultTranscript .transcriptShown > .headerBar, .consultTranscript .noTranscript > .headerBar {
  background: var(--primary, #3F72C0);
  color: #FFF;
  height: 65px;
  padding: 12px 0;
  position: relative;
  text-align: center;
}
.consultTranscript .transcriptShown > .headerBar .container .flagged, .consultTranscript .noTranscript > .headerBar .container .flagged {
  color: #C31704;
  font-weight: 600;
}
.consultTranscript .transcriptShown > .headerBar .container .back, .consultTranscript .transcriptShown > .headerBar .container .flagContainer, .consultTranscript .noTranscript > .headerBar .container .back, .consultTranscript .noTranscript > .headerBar .container .flagContainer {
  position: absolute;
  top: 14px;
}
.consultTranscript .transcriptShown > .headerBar .container .back, .consultTranscript .noTranscript > .headerBar .container .back {
  left: 16px;
  transform: rotate(180deg);
}
.consultTranscript .transcriptShown > .headerBar .container .svgIcon .fill, .consultTranscript .noTranscript > .headerBar .container .svgIcon .fill {
  fill: #FFF;
}
.consultTranscript .transcriptShown > .headerBar .container .svgIcon:hover .fill, .consultTranscript .transcriptShown > .headerBar .container .svgIcon:active .fill, .consultTranscript .noTranscript > .headerBar .container .svgIcon:hover .fill, .consultTranscript .noTranscript > .headerBar .container .svgIcon:active .fill {
  fill: #343A40;
}
.consultTranscript .transcriptShown > .headerBar .container h5, .consultTranscript .noTranscript > .headerBar .container h5 {
  width: 80%;
  margin: 0 auto;
  text-transform: uppercase;
}
.consultTranscript .transcriptShown > .headerBar .container .flagContainer, .consultTranscript .noTranscript > .headerBar .container .flagContainer {
  right: 18px;
}
.consultTranscript .transcriptShown > .headerBar .container .flagContainer .svgIcon .fill, .consultTranscript .noTranscript > .headerBar .container .flagContainer .svgIcon .fill {
  fill: var(--primary, #3F72C0);
}
.consultTranscript .noTranscript {
  background-color: #F8F9FA;
}
.consultTranscript .noTranscript .tabs {
  background-color: #FFF;
}
.consultTranscript .noTranscript > .container {
  max-width: 100%;
  background-color: #FFF;
}
.consultTranscript .transcriptShown .mainContent > div {
  width: 33.3333333333%;
}
.consultTranscript .transcriptShown .chartPanel .patientChart .profileContactInfo .half > div {
  display: block;
  width: 100%;
}
.consultTranscript .transcriptShown .chartPanel .patientChart .profileContactInfo .half > div:first-of-type {
  margin: 0 0 16px;
}
.consultTranscript .mainContent > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.consultTranscript .mainContent > div:not(:last-of-type) {
  border-right: 1px solid #E9ECEF;
}
.consultTranscript .mainContent .panelHeader {
  border-bottom: 1px solid #E9ECEF;
  font-weight: 600;
  height: 60px;
  line-height: 60px;
  padding: 0 12px;
  text-transform: uppercase;
}
.consultTranscript .mainContent .transcriptPanel > .panelContent, .consultTranscript .mainContent .chartPanel > .panelContent, .consultTranscript .mainContent .soapPanel > .panelContent {
  height: calc(100vh - 125px);
  overflow-y: auto;
}
.consultTranscript .transcriptPanel .panelContent {
  background-color: #F8F9FA;
  padding: 0 16px;
}
.consultTranscript .chartPanel .patientChart {
  overflow-y: auto;
}
.consultTranscript .chartPanel .patientChart .menuLayout .left {
  margin-right: 8px;
  width: 48px;
  background-color: #FFF;
}
.consultTranscript .chartPanel .patientChart .menuLayout .left .profileHeader {
  display: none;
}
.consultTranscript .chartPanel .patientChart .menuLayout .left .menuItem {
  width: 100%;
}
.consultTranscript .chartPanel .patientChart .menuLayout .left .title {
  display: none;
}
.consultTranscript .chartPanel .patientChart .menuPanel {
  width: calc(100% - 56px);
}
.consultTranscript .soapPanel .empty {
  padding: 16px;
}
.consultTranscript .soapPanel .secondOpinion .scrollable {
  max-height: calc(100vh - 162px);
  height: calc(100vh - 162px);
}

@media (min-width: 1800px) {
  .consultTranscript .transcriptShown .transcriptPanel {
    width: calc(100% - 1200px);
  }
}
@media (max-width: 1199px) {
  .consultTranscript .container {
    padding-left: 8px;
    padding-right: 8px;
  }
  .consultTranscript .patientVisitsList .noteStatus {
    position: static;
  }
  .consultTranscript .transcriptShown .tabs .tab:not(.active), .consultTranscript .noTranscript .tabs .tab:not(.active) {
    border-bottom: 1px solid #E9ECEF;
    padding-top: 14px;
  }
  .consultTranscript .transcriptShown .tabs .tab:not(.active):hover, .consultTranscript .transcriptShown .tabs .tab:not(.active):active, .consultTranscript .noTranscript .tabs .tab:not(.active):hover, .consultTranscript .noTranscript .tabs .tab:not(.active):active {
    padding-bottom: 15px;
    border-bottom: 2px solid var(--primaryLight, #B2C7E6);
  }
  .consultTranscript .transcriptShown .chartPanel, .consultTranscript .transcriptShown .soapPanel {
    max-width: 100%;
  }
  .consultTranscript .transcriptShown .mainContent > div {
    width: 100%;
  }
  .consultTranscript .panelHeader {
    display: none;
  }
  .consultTranscript .mainContent > div {
    display: block;
    margin-bottom: 8px;
    width: 100%;
  }
  .consultTranscript .mainContent > div .panelContent {
    height: auto;
  }
  .consultTranscript .mainContent > div.hidden {
    display: none;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./partner/css/components/admins/partnerAdminInviteModal.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.partnerAdminInviteModal {
  padding-top: 16px;
}
.partnerAdminInviteModal .inviteForm > div {
  width: 100%;
  margin-bottom: 16px;
}
.partnerAdminInviteModal .inviteForm > div .textInput {
  width: 100%;
}
.partnerAdminInviteModal .checkboxGroup legend {
  margin-bottom: 8px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./partner/css/components/admins/partnerAdminsFilter.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.partnerAdminsFilter > div {
  display: inline-block;
  vertical-align: middle;
}
.partnerAdminsFilter .filterInputs {
  display: inline-block;
}
.partnerAdminsFilter .filterInputs .emailInput {
  margin-bottom: 16px;
  width: auto;
  display: inline-block;
  vertical-align: top;
}
.partnerAdminsFilter .actions {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  margin-left: 20px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./partner/css/components/admins/partnerAdminsList.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.partnerAdminsList table {
  width: 100%;
  margin-bottom: 16px;
}

.checkboxGroup legend {
  margin-bottom: 8px;
}

.modalContainer .title, .modalContainer h3 {
  font-size: 20px;
  margin-bottom: 16px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/navigation/baseHeader.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
#header {
  background: #FFF;
  height: 60px;
  left: 0;
  position: fixed;
  text-align: right;
  top: 0;
  width: 100%;
  z-index: 100;
}
#header.shadow:after {
  background: linear-gradient(#EEE, rgba(255, 255, 255, 0.001));
  content: "";
  display: block;
  height: 12px;
  margin: 5px 0 12px;
  width: 100%;
}
#header.border {
  border-bottom: 1px solid #E9ECEF;
}
#header .container {
  position: relative;
}
#header .container .branding {
  text-align: center;
}
#header .container .branding img {
  width: 20%;
}
#header .logo {
  background: url(/common/images/logo/logoMain.svg?8a57b3fb1f3a86f9267b) 0 0 no-repeat;
  background-size: 160px 60px;
  height: 60px;
  width: 160px;
}
#header .links {
  margin-right: 6px;
  min-height: 51px;
  padding-top: 9px;
  text-align: right;
}

#root.provider #header .logo {
  background: url(/common/images/logo/logoMain.svg?8a57b3fb1f3a86f9267b) 0 0 no-repeat;
  background-size: 160px 60px;
  margin-left: -20px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/static/staticHeader.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
#header.staticHeader .links {
  display: none;
}
#header.staticHeader .container {
  height: 60px;
}
#header.staticHeader.shadow:after {
  margin-top: 0;
}

#root.admin #header.staticHeader .logo, #root.provider #header.staticHeader .logo {
  background: url(/common/images/logo/logoMain.svg?8a57b3fb1f3a86f9267b) 0 0 no-repeat;
  margin: 0 auto;
}

#root.admin #header.staticHeader .logo {
  height: 39px;
  margin-top: 10px;
  width: 139px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/static/loggedOutFooter.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
#footer {
  color: #6C747C;
  font-size: 12px;
}
#footer a {
  color: #343A40;
}
#footer a:hover, #footer a:active {
  color: var(--primary, #3F72C0);
}
#footer .topBar, #footer .bottomBar {
  height: 65px;
}
#footer .topBar .container, #footer .bottomBar .container {
  position: relative;
}
#footer .siteLinks, #footer .made {
  display: inline-block;
  vertical-align: top;
}
#footer .appLink, #footer .copy {
  position: absolute;
  right: 8px;
  top: 22px;
}
#footer .copy {
  top: 24px;
}
#footer .languageBar {
  height: 48px;
}
#footer .languageBar .container {
  padding-top: 16px;
  text-align: right;
}
#footer .topBar {
  background: #FFF;
}
#footer .topBar .siteLinks {
  padding-top: 24px;
}
#footer .topBar .siteLinks a {
  margin-right: 16px;
}
#footer .topBar .siteLinks a:last-of-type {
  margin-right: 0;
}
#footer .topBar .appLink span {
  margin-right: 8px;
  vertical-align: middle;
}
#footer .topBar .appLink a {
  display: inline-block;
  vertical-align: middle;
}
#footer .topBar .appLink a.apple {
  margin-right: 8px;
}
#footer .topBar .appLink a.android {
  margin-left: 8px;
}
#footer .bottomBar {
  background: #F8F9FA;
}
#footer .bottomBar .made {
  padding-top: 24px;
}
#footer .bottomBar .made:after {
  content: "♥";
  margin-left: 4px;
}
#footer .provider {
  position: static;
}

@media (max-width: 1024px) {
  #footer .appLink, .copy, .menu {
    right: 24px;
  }
}
@media (max-width: 650px) {
  #footer {
    text-align: center;
  }
  #footer .topBar, #footer .bottomBar, #footer .languageBar {
    height: inherit;
  }
  #footer .topBar .siteLinks {
    padding: 24px 0;
  }
  #footer .topBar .siteLinks a {
    display: block;
    margin-bottom: 20px;
    margin-right: 0;
  }
  #footer .topBar .siteLinks a:last-of-type {
    margin-bottom: 0;
  }
  #footer .appLink, #footer .copy, #footer .menu {
    position: static;
  }
  #footer .menu {
    padding-top: 16px;
  }
  #footer .appLink {
    padding: 20px 0;
    text-align: center;
    width: 100%;
  }
  #footer .appLink span:after {
    content: ":";
  }
  #footer .made {
    margin-bottom: 8px;
  }
  #footer .copy {
    margin-bottom: 24px;
  }
}
@media (max-width: 450px) {
  #footer {
    border-top: 1px solid #E9ECEF;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/static/cookieBanner.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
#root .cookieBanner {
  background: #FFF;
  border: 1px solid #E9ECEF;
  bottom: 0;
  font-size: 14px;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 10;
}
#root .cookieBanner .container {
  width: 1024px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
}
#root .cookieBanner .container > div {
  display: inline-block;
  vertical-align: middle;
}
#root .cookieBanner .container .text {
  margin-right: 16px;
  width: calc(100% - 128px);
}
#root .cookieBanner .container .actions {
  margin-top: 0;
  position: static;
}
#root .cookieBanner .container .actions .btn {
  margin-top: 0;
  width: auto;
}

@media (max-width: 750px) {
  #root .cookieBanner .container > div {
    display: block;
  }
  #root .cookieBanner .container .text, #root .cookieBanner .container .actions {
    text-align: center;
    width: 100%;
  }
  #root .cookieBanner .container .text {
    margin-bottom: 24px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/static/staticLayout.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 8px;
  width: 1024px;
}

@media (max-width: 1024px) {
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 450px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.staticLayout.border #content {
  margin-top: 60px;
}
.staticLayout #content {
  margin-top: 84px;
}
.staticLayout .panel {
  margin-top: 24px;
  padding: 64px 88px;
}
.staticLayout #header .logo {
  margin: 0 auto;
  position: static;
}
.staticLayout h1 {
  margin: 0 0 44px;
}
.staticLayout h2 {
  margin: 44px 0 24px;
}
.staticLayout h3, .staticLayout h4 {
  margin: 32px 0 16px;
}
.staticLayout h5 {
  margin: 16px 0;
}
.staticLayout p {
  margin: 0;
}
.staticLayout span.bold {
  font-weight: 600;
}
.staticLayout span.italic {
  font-style: italic;
}

@media (max-width: 800px) {
  .staticLayout .panel {
    padding: 44px 24px;
  }
  .staticLayout h1 {
    margin: 0 0 32px;
  }
  .staticLayout h2 {
    margin: 32px 0 16px;
  }
  .staticLayout h3, .staticLayout h4 {
    margin: 24px 0 12px;
  }
}
@media (max-width: 450px) {
  .staticLayout #content {
    margin-top: 64px;
  }
  .staticLayout .container {
    padding: 0;
  }
  .staticLayout .panel {
    border-radius: 0;
    box-shadow: none;
    margin-top: 2px;
    margin-bottom: 0;
    padding: 44px 16px;
  }
  .staticLayout h1 {
    font-size: 28px;
  }
  .staticLayout h2 {
    font-size: 20px;
  }
  .staticLayout h3 {
    font-size: 16px;
  }
  .staticLayout h4, .staticLayout h5 {
    font-size: 14px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./partner/css/components/layout/parnterLoggedOutLayout.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.partnerLoggedOutLayout .panel {
  margin: 148px auto 0;
  max-width: 100%;
  padding: 32px 48px;
  text-align: center;
  width: 500px;
}
.partnerLoggedOutLayout h3 {
  margin: 0 0 16px;
}
.partnerLoggedOutLayout .textInput {
  width: 100%;
}
.partnerLoggedOutLayout .errorMsg {
  text-align: left;
}
.partnerLoggedOutLayout .actions {
  margin-top: 24px;
}

@media (max-width: 500px) {
  .partnerLoggedOutLayout #staticLayout #header {
    border-bottom: 1px solid #E9ECEF;
  }
  .partnerLoggedOutLayout #staticLayout #header:after {
    height: 0;
  }
  .partnerLoggedOutLayout #content {
    margin-top: 60px;
  }
  .partnerLoggedOutLayout #content .container {
    padding: 0;
  }
  .partnerLoggedOutLayout .panel {
    padding: 16px;
    margin-top: 0;
    width: 100%;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/auth/passwordInput.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.passwordInput {
  position: relative;
}
.passwordInput .inputError {
  text-align: left;
  color: #6C747C;
  font-size: 12px;
  margin: 4px 0;
}
.passwordInput .toggle {
  fill: #6C747C;
  position: absolute;
  top: -2px;
  right: 0;
}
.passwordInput .toggle .svgIcon.flat {
  cursor: pointer;
}
.passwordInput .toggle .svgIcon.flat:hover, .passwordInput .toggle .svgIcon.flat:active {
  fill: #565D63;
}
.passwordInput .textInput + .inputError {
  margin-top: 8px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./partner/css/components/auth/partnerLogin.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.partnerLogin > .wrap {
  margin-bottom: 16px;
}
.partnerLogin .forgotPasswordLink {
  text-align: right;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./partner/css/components/auth/partnerResetPassword.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.partnerResetPassword .passwordInput, .partnerResetPassword > .textInput {
  margin-bottom: 16px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./partner/css/components/auth/partnerForgotPassword.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.partnerForgotPassword .subText {
  margin-bottom: 16px;
  font-size: 14px;
  word-break: break-word;
}
.partnerForgotPassword .graphic > div {
  background: transparent center center no-repeat;
  background-size: contain;
  height: 180px;
  margin: 24px auto;
  width: 180px;
}
.partnerForgotPassword .graphic > div.mailBox {
  background-image: url(/common/images/svg/emptyStateMailBox.svg?20dd0641be1db1e1646c);
}
.partnerForgotPassword .graphic > div.lockExpired {
  background-image: url(/common/images/svg/lockExpired.svg?8d4da6920817b9d089d2);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./partner/css/components/auth/partnerSignUp.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.partnerSignUp p, .partnerSignUp .emailInput, .partnerSignUp .passwordInput {
  margin-bottom: 16px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/visitStatus/visitStatusList.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.visitStatusList .header > div {
  display: inline-block;
  vertical-align: top;
}
.visitStatusList .header .details {
  color: #6C747C;
  margin-left: 12px;
}
.visitStatusList .statusPanel {
  padding: 20px 0;
  border-bottom: 1px solid #E9ECEF;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.visitStatusList .statusPanel .status.inProgress {
  color: #018611;
}
.visitStatusList .statusPanel .status.canceled {
  color: #C31704;
}
.visitStatusList .statusList li {
  padding: 12px 0;
}
.visitStatusList .statusList li .svgIcon {
  margin-right: 8px;
  vertical-align: middle;
}
.visitStatusList .statusList li .statusDetail {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.visitStatusList .statusList li .remainTime {
  color: #018611;
}
.visitStatusList .statusList li.currentStatus .fill {
  fill: #018611;
}
.visitStatusList .statusList li.pendingStatus .fill {
  fill: #E9ECEF;
}
.visitStatusList .statusList li.pendingStatus span {
  color: #6C747C;
}

#lightboxLayer #lightboxContent .cancelUCVisitModal .image {
  width: 180px;
  height: 160px;
  margin: 32px auto;
  background: url(/common/images/svg/illustrations/exception.svg?9844a86885f67c0d038c) no-repeat center center;
  background-size: cover;
}
#lightboxLayer #lightboxContent .cancelUCVisitModal .h3, #lightboxLayer #lightboxContent .cancelUCVisitModal .actions {
  text-align: center;
}
#lightboxLayer #lightboxContent .cancelUCVisitModal .btnPrimary {
  background: #C31704;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/administration/visitStatus/visitStatus.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.visitStatus .panel {
  padding: 16px;
}
.visitStatus .panel > div {
  display: inline-block;
  vertical-align: top;
}
.visitStatus .statusContainer {
  width: calc(50% - 12px);
  margin-right: 24px;
}
.visitStatus .logsContainer {
  width: calc(50% - 12px);
  height: 480px;
  background-color: #F8F9FA;
  border-radius: 4px;
  display: flex;
  overflow: auto;
}
.visitStatus .logsContainer .logs {
  align-content: end;
  padding: 8px;
}
.visitStatus .logsContainer .logs .logDetail {
  padding: 4px 0;
}
.visitStatus .logsContainer .logs .time {
  color: #018611;
}

@media (max-width: 1000px) {
  .visitStatus .statusContainer, .visitStatus .logsContainer {
    width: 100%;
  }
  .visitStatus .logsContainer {
    margin-top: 24px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./admin/css/components/shared/pageTitle.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.pageTitle {
  background: #FFF;
  border-bottom: 1px solid #E9ECEF;
  height: 80px;
  padding: 24px;
  position: relative;
  width: 100%;
  z-index: 0;
}
.pageTitle > div {
  display: inline-block;
  vertical-align: middle;
}
.pageTitle .title {
  display: inline-block;
  font-size: 20px;
  line-height: 28px;
  max-width: 100%;
  text-align: left;
}
.pageTitle .goBack {
  margin-right: 8px;
}
.pageTitle .goBack .svgIcon {
  transform: rotate(180deg);
}
.pageTitle .actions {
  position: absolute;
  right: 30px;
  top: 16px;
}
.pageTitle .actions > a, .pageTitle .actions > button {
  display: inline-block;
  vertical-align: top;
}
.pageTitle .actions a, .pageTitle .actions button {
  margin-left: 16px;
}
.pageTitle .actions .clearFilter {
  margin-top: auto;
  display: inline-block;
  line-height: 44px;
}
.pageTitle .actions .clearFilter.hidden {
  display: none;
}

@media (max-width: 768px) {
  .pageTitle {
    padding-left: 68px;
  }
}
@media (max-width: 500px) {
  .pageTitle .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./partner/css/components/members/partnerCreateMember.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.partnerCreateMember .panel {
  width: 600px;
  max-width: 100%;
  padding: 16px;
}
.partnerCreateMember .panel > div, .partnerCreateMember .panel .dateInput, .partnerCreateMember .panel .radioGroup {
  margin-bottom: 16px;
}
.partnerCreateMember .textInput {
  width: 100%;
}
.partnerCreateMember .name {
  width: calc(50% - 6px);
}
.partnerCreateMember .name:nth-child(2) {
  margin-right: 12px;
}
.partnerCreateMember .tileGroup .tile {
  text-align: center;
  margin: 0;
  width: calc(50% - 6px);
}
.partnerCreateMember .tileGroup .tile:nth-child(2) {
  margin-right: 12px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/errors/serverError.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
#serverError.container.errorPage .hero {
  background: url(/common/images/jpg/500.jpg?3d61d9f06df57271fb4c) center 0 no-repeat;
  background-size: cover;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #serverError.container.errorPage .hero {
    background: url(/common/images/jpg/500-2x.jpg?bff9727be3dccf99d086) center 0 no-repeat;
    background-size: cover;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/errors/unsupportedBrowser.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
#unsupportedBrowser.container.errorPage .hero {
  background: url(/common/images/jpg/unsupported.jpg?28ae0734a96476adf6de) center 0 no-repeat;
  background-size: cover;
}
#unsupportedBrowser.container.errorPage .actions > div {
  margin-bottom: 12px;
}
#unsupportedBrowser.container.errorPage .actions > div:last-of-type {
  margin-bottom: 0;
}
#unsupportedBrowser.container.errorPage .btn > span {
  display: inline-block;
  margin-top: 12px;
  vertical-align: top;
}
#unsupportedBrowser.container.errorPage .btn .svgIcon {
  margin: 10px 6px 0 0;
  vertical-align: top;
  fill: #FFF;
}
#unsupportedBrowser.container.errorPage .safariText {
  margin-top: 16px;
}
#unsupportedBrowser.container.errorPage .safariText p {
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 4px;
}
#unsupportedBrowser.container.errorPage .safariText p:first-of-type {
  color: #343A40;
}
#unsupportedBrowser.container.errorPage .safariText p span.warn {
  color: #B46001;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #unsupportedBrowser.container.errorPage .hero {
    background: url(/common/images/jpg/unsupported-2x.jpg?d8405912ed2634000052) center 0 no-repeat;
    background-size: cover;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/errors/unsupportedEmbeddedBrowser.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
#unsupportedEmbeddedBrowser.container.errorPage .hero {
  background: url(/common/images/jpg/unsupported.jpg?28ae0734a96476adf6de) center 0 no-repeat;
  background-size: cover;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #unsupportedEmbeddedBrowser.container.errorPage .hero {
    background: url(/common/images/jpg/unsupported-2x.jpg?d8405912ed2634000052) center 0 no-repeat;
    background-size: cover;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/errors/cookiesDisabledPage.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.cookiesDisabledPage #staticLayout #content {
  background: #FFF;
  margin-top: 60px;
  min-height: calc(100vh - 50px);
}
.cookiesDisabledPage .cookieBanner {
  display: none;
}
.cookiesDisabledPage .hero {
  background: url(/common/images/svg/gear.svg?92ef78924777dfc67049) center no-repeat;
  height: 290px;
  margin-bottom: 24px;
  width: 100%;
}
.cookiesDisabledPage .container {
  text-align: center;
}
.cookiesDisabledPage .description {
  max-width: 480px;
  padding: 0 12px;
  margin: 24px auto;
}
.cookiesDisabledPage .actions .btn {
  margin-bottom: 8px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/components/errors/pageNotFound.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
#pageNotFound.container.errorPage .hero {
  background: url(/common/images/jpg/404.jpg?da8e7774597ec0aa59f3) center 0 no-repeat;
  background-size: cover;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  #pageNotFound.container.errorPage .hero {
    background: url(/common/images/jpg/404-2x.jpg?933ae962878644daa00b) center 0 no-repeat;
    background-size: cover;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[9].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[9].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[3]!./common/css/global.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "noto";
  src: url(/common/fonts/notoSans-Regular.woff2?a4a5040453589454ab32) format("woff2"), url(/common/fonts/notoSans-Regular.woff?56ceba9a6f9bafbc96a2) format("woff"), url(/common/fonts/notoSans-Regular.ttf?d066a537d003e6774714) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "noto";
  src: url(/common/fonts/notoSans-Bold.woff2?a04a230c92d394905cce) format("woff2"), url(/common/fonts/notoSans-Bold.woff?6c30e683e183c5028fbb) format("woff"), url(/common/fonts/notoSans-Bold.ttf?b1ad5d326fd24274ca75) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "gilroy";
  src: url(/common/fonts/gilroy-Bold.woff2?e8b7022ce93e8d51532f) format("woff2"), url(/common/fonts/gilroy-Bold.woff?6a81f3ddf01b26635456) format("woff"), url(/common/fonts/gilroy-Bold.ttf?0f5d70ffc0e467331d7d) format("truetype");
  font-weight: bold;
  font-style: normal;
}
* {
  box-sizing: border-box;
}

html, body, div, form, label, object, iframe, span, h1, h2, h3, h4, h5, h6, p, a, em, img, ol, ul, li, table, tbody, tfoot, thead, tr, th, td, audio, video {
  border: 0 none;
  line-height: 1.4em;
  margin: 0;
  padding: 0;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  color: #343A40;
  font-family: "noto", sans-serif;
  font-size: 14px;
}

ol, ul {
  list-style: none;
}

h1 {
  font-size: 44px;
  font-weight: 400;
}

h2 {
  font-size: 36px;
  font-weight: 400;
}

h3 {
  font-size: 24px;
  font-weight: 400;
}

h4 {
  font-size: 20px;
  font-weight: 400;
}

h5 {
  font-size: 16px;
  font-weight: 400;
}

h6 {
  font-size: 14px;
  font-weight: 400;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
table th, table td {
  font-weight: 400;
  text-align: left;
  vertical-align: middle;
}

img {
  border: 0;
}

input, select, textarea {
  font-family: "noto", sans-serif;
  font-size: 14px;
  margin: 0;
}
input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px var(--primaryFaint, #ECF1F9);
}
input:-webkit-autofill:hover, input:-webkit-autofill:focus, select:-webkit-autofill:hover, select:-webkit-autofill:focus, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0 0 0 9999px var(--primaryFaint, #ECF1F9);
}
input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #6C747C;
}
input::-ms-clear, select::-ms-clear, textarea::-ms-clear {
  display: none;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

textarea {
  display: block;
  overflow: auto;
  resize: none;
}

button {
  font-family: "noto", sans-serif;
  font-size: 14px;
  border: none;
  cursor: pointer;
  outline: none;
}

fieldset {
  border: 0 none;
  margin: 0;
  min-inline-size: 100%;
  padding: 0;
}
fieldset legend {
  display: block;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
[type=search]::-webkit-search-decoration, [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-results-button, [type=search]::-webkit-search-results-decoration {
  display: none;
}

a {
  cursor: pointer;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

b, strong {
  font-weight: 600;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

em {
  font-style: italic;
}

svg:not(:root) {
  overflow: hidden;
}

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

dialog {
  color: #343A40;
}

.loading {
  height: 44px;
  margin: 12px auto;
  width: 44px;
}
.loading:after {
  animation: rotate 1s infinite linear;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEuNDEiIGNsaXAtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDQ0IDQ0Ij4KICA8ZyBmaWxsPSIjOWI5YjliIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgPHBhdGggZmlsbC1vcGFjaXR5PSIuMjUiIGQ9Ik0yMiA0NGEyMiAyMiAwIDEgMSAwLTQ0IDIyIDIyIDAgMCAxIDAgNDR6bTAtNi4yOUExNS43MSAxNS43MSAwIDEgMCAyMiA2LjNhMTUuNzEgMTUuNzEgMCAwIDAgMCAzMS40MnoiLz4KICAgIDxwYXRoIGQ9Ik0yMiA0NGEzLjE0IDMuMTQgMCAxIDEgMC02LjI5IDE1LjcxIDE1LjcxIDAgMCAwIDEuOTUtMzEuMyAzLjE0IDMuMTQgMCAwIDEgLjc3LTYuMjRBMjIgMjIgMCAwIDEgMjIgNDR6Ii8+CiAgPC9nPgo8L3N2Zz4K) 0 0 no-repeat;
  content: "";
  display: block;
  height: 44px;
  width: 44px;
}
.loading.light:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEuNDEiIGNsaXAtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDQ0IDQ0Ij4KICA8ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgPHBhdGggZmlsbC1vcGFjaXR5PSIuMjUiIGQ9Ik0yMiA0NGEyMiAyMiAwIDEgMSAwLTQ0IDIyIDIyIDAgMCAxIDAgNDR6bTAtNi4yOUExNS43MSAxNS43MSAwIDEgMCAyMiA2LjNhMTUuNzEgMTUuNzEgMCAwIDAgMCAzMS40MnoiLz4KICAgIDxwYXRoIGQ9Ik0yMiA0NGEzLjE0IDMuMTQgMCAxIDEgMC02LjI5IDE1LjcxIDE1LjcxIDAgMCAwIDEuOTUtMzEuMyAzLjE0IDMuMTQgMCAwIDEgLjc3LTYuMjRBMjIgMjIgMCAwIDEgMjIgNDR6Ii8+CiAgPC9nPgo8L3N2Zz4K);
}
.loading.small {
  height: 24px;
  width: 24px;
}
.loading.small:after {
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
}

.loaded:after {
  animation: none;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
:root {
  --primary: var($primary);
  --primaryFaint: var($primaryFaint);
  --primaryLight: var($primaryLight);
  --primaryDark: var($primaryDark);
}

body {
  background: #F8F9FA;
}
body.blank {
  background: #FFF;
}
body #root {
  width: 100%;
}

a {
  color: var(--primary, #3F72C0);
}
a:hover, a:active {
  color: var(--primaryDark, #3D67A6);
}
a[disabled] {
  cursor: default;
}
a[disabled]:hover, a[disabled]:active {
  color: var(--primary, #3F72C0);
}

.whiteBg {
  background: #FFF;
}

.center {
  text-align: center;
}

.hidden {
  display: none;
}

.bold {
  font-weight: 600;
}

.grey {
  color: #6C747C;
}

.verticalDivider {
  background: #E9ECEF;
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 1px;
}

.horizontalDivider {
  background: #E9ECEF;
  display: block;
  height: 1px;
  margin: 0 auto;
  width: 100%;
}

.disclaimer {
  color: #6C747C;
  font-size: 12px;
}
.disclaimer a {
  color: inherit;
  font-weight: 600;
}

.errorMsg {
  color: #C31704;
  font-size: 12px;
}

.errorUnderline {
  background-color: #C31704;
}

.ellipses {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.anchor:before {
  content: "";
  display: block;
  height: 76px;
  margin-top: -76px;
}

span.bullet:before {
  content: "•";
}

span.largeBullet:before {
  content: "●";
}

h1, h2, h3, h4, h5, h6, .btn, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "gilroy", "noto", sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 400;
}

.h1 {
  font-size: 44px;
}

.h2 {
  font-size: 36px;
}

.h3 {
  font-size: 24px;
}

.h4 {
  font-size: 20px;
}

.h5 {
  font-size: 16px;
}

.h6 {
  font-size: 14px;
}

#root div.actions {
  text-align: right;
}
#root div.actions.center {
  text-align: center;
}
#root div.actions.center .actionLink {
  text-align: center;
}
#root div.actions .btn:not(:last-of-type) {
  margin-right: 8px;
}

@media (max-width: 500px) {
  #root div.actions:not(.static) {
    text-align: center;
  }
  #root div.actions:not(.static) .btn {
    margin-right: 0;
    margin-bottom: 8px;
    width: 100%;
  }
  #root div.actions:not(.static) .btn:last-of-type {
    margin-bottom: 0;
  }
  #root div.actions.center .btn {
    margin-right: 0;
    margin-bottom: 8px;
    width: 100%;
  }
}