/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/errors/ajaxError.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.errorLightbox p {
  text-align: center;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/navigation/headerProfile.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.headerProfile {
  height: 56px;
}
.headerProfile > div {
  display: inline-block;
  vertical-align: top;
}
.headerProfile .avatarContainer {
  margin: 0 8px 0 16px;
}
.headerProfile .details {
  color: #6C747C;
  max-width: 170px;
}
.headerProfile .details .name {
  font-size: 12px;
  margin-bottom: 2px;
}
.headerProfile .details .score {
  font-size: 10px;
  margin-bottom: 4px;
}
.headerProfile .details .reviewLink {
  font-size: 12px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/shared/navIcon.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.navIcon {
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  width: 24px;
}
.navIcon.active {
  fill: var(--primary, #3F72C0);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/navigation/headerLink.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.providerHeader .headerLink {
  cursor: pointer;
  display: block;
  height: 39px;
  padding: 9px 0 9px 16px;
  position: relative;
}
.providerHeader .headerLink:hover, .providerHeader .headerLink:active {
  background: var(--primaryLight, #B2C7E6);
}
.providerHeader .headerLink.active .title {
  color: var(--primary, #3F72C0);
  font-weight: 600;
}
.providerHeader .headerLink > div {
  display: inline-block;
  vertical-align: middle;
}
.providerHeader .headerLink .title {
  margin-left: 10px;
}
.providerHeader .headerLink .count {
  text-align: center;
  height: 24px;
  width: 24px;
  padding: 0 2px;
  line-height: 24px;
  background-color: var(--primary, #3F72C0);
  border-radius: 24px;
  color: #FFF;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  top: 9px;
  right: 16px;
}
.providerHeader .headerLink .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #C31704;
  position: absolute;
  right: 16px;
}
.providerHeader a.headerLink {
  color: #343A40;
}
.providerHeader a.headerLink:hover, .providerHeader a.headerLink:active {
  color: #343A40;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/notifications/notificationToast.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.notificationToast .actions {
  text-align: center;
  margin-top: 12px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/navigation/providerHeader.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.providerHeader {
  background: #FFF;
  border-right: 1px solid #E9ECEF;
  max-height: 100vh;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.providerHeader .logoContainer {
  cursor: pointer;
  height: 60px;
  margin: 0 0 24px 0;
}
.providerHeader .logoContainer .logo {
  padding: 16px 0 0 16px;
}
.providerHeader .logoContainer .logo:before {
  background: url(/common/images/logo/logoMain.svg?8a57b3fb1f3a86f9267b) 0 0 no-repeat;
  content: "";
  display: block;
  height: 48px;
}
.providerHeader .logoContainer .hamburgerMenu {
  margin-left: 20px;
  padding-top: 24px;
  width: 19px;
}
.providerHeader .logoContainer .hamburgerMenu div {
  background: #343A40;
  height: 2px;
  margin-bottom: 3px;
}
.providerHeader .logoContainer .hamburgerMenu div:last-of-type {
  margin-bottom: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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/jpg/deviceCheck/macChrome.jpg?e7615adb34dd220a2316);
}
.deviceCheckFailed .browserImage.iosSafariImage1:before {
  margin: 12px auto 32px;
  width: 280px;
  height: 373px;
  background-image: url(/common/images/jpg/deviceCheck/iosSafari1.jpg?0887f9dc92decc00259b);
}
.deviceCheckFailed .browserImage.iosSafariImage2:before {
  width: 280px;
  height: 373px;
  margin: 12px auto 32px;
  background-image: url(/common/images/jpg/deviceCheck/iosSafari2.jpg?6110e8d5915c5fcbce07);
}
.deviceCheckFailed .browserImage.iosSafariImage3:before {
  width: 280px;
  height: 260px;
  margin: 12px auto;
  background-image: url(/common/images/jpg/deviceCheck/iosSafari3.jpg?be7e38bcd2be155ab25f);
}
.deviceCheckFailed .browserImage.iosSafariImage4:before {
  width: 280px;
  height: 260px;
  margin: 12px auto;
  background-image: url(/common/images/jpg/deviceCheck/iosSafari4.jpg?e0e2507b7fb848dd08a2);
}
.deviceCheckFailed .browserImage.androidChromeImage1:before {
  width: 300px;
  height: 312px;
  background-image: url(/common/images/jpg/deviceCheck/androidChrome1.jpg?15bebb46687572dab8e5);
}
.deviceCheckFailed .browserImage.androidChromeImage2:before {
  width: 300px;
  height: 422px;
  background-image: url(/common/images/jpg/deviceCheck/androidChrome2.jpg?2f1934f17108ccbc6455);
}
.deviceCheckFailed .browserImage.windowsEdgeImage:before {
  width: 320px;
  height: 312px;
  background-image: url(/common/images/jpg/deviceCheck/windowsEdge.jpg?ff01f2179df0bc48b82e);
}
.deviceCheckFailed .browserImage.iosChromeImage:before {
  width: 280px;
  height: 366px;
  background-image: url(/common/images/jpg/deviceCheck/iosChrome.jpg?e0398c1107dafc453b34);
}
.deviceCheckFailed .browserImage.samsungBrowserImage:before {
  width: 300px;
  height: 480px;
  background-image: url(/common/images/jpg/deviceCheck/samsungBrowser.jpg?dedb8948326a4227179c);
}
.deviceCheckFailed .browserImage.firefoxImage:before {
  width: 402px;
  height: 190px;
  background-image: url(/common/images/jpg/deviceCheck/firefox.jpg?296835a9878b82653e8d);
}
.deviceCheckFailed .btn {
  display: block;
  margin: 24px auto;
  width: 360px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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 0 0;
}
.radioGroup.row .radio label {
  margin-left: 8px;
  width: calc(100% - 32px);
}
.radioGroup > .errorMsg {
  margin-top: 4px;
}
.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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/shared/providerLeftNavLayout.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.providerLeftNavLayout {
  position: relative;
}
.providerLeftNavLayout.mobile .contentContainer {
  margin-left: 0;
  width: 100%;
}
.providerLeftNavLayout.mobile .contentContainer #content {
  max-height: calc(100vh - 40px);
}
.providerLeftNavLayout.mobile .pageHeader {
  display: none;
}
.providerLeftNavLayout.expand .headerContainer {
  width: 240px;
}
.providerLeftNavLayout.expand .contentContainer {
  margin-left: 240px;
  width: calc(100% - 240px);
}
.providerLeftNavLayout.animate .headerContainer {
  transition: width 150ms;
}
.providerLeftNavLayout.animate .contentContainer {
  transition: width 150ms, margin-left 150ms, left 150ms;
}
.providerLeftNavLayout.responsive.expand.withOverlay .overlay {
  opacity: 1;
}
.providerLeftNavLayout.responsive.expand .contentContainer {
  left: 180px;
}
.providerLeftNavLayout.responsive.expand .overlay {
  display: block;
}
.providerLeftNavLayout.responsive .contentContainer {
  margin-left: 60px;
  width: calc(100% - 60px);
}
.providerLeftNavLayout .headerContainer {
  position: fixed;
  left: 0;
  top: 0;
  width: 60px;
}
.providerLeftNavLayout .contentContainer {
  margin-left: 60px;
  position: relative;
  left: 0;
  width: calc(100% - 60px);
}
.providerLeftNavLayout .contentContainer .scrollContent {
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
.providerLeftNavLayout .contentContainer .pageHeader .title h4 {
  padding-left: 8px;
}
.providerLeftNavLayout #content {
  max-width: 1440px;
  padding: 8px 8px 0 8px;
}
.providerLeftNavLayout #content.tabbed {
  height: calc(100vh - 101px);
  overflow-y: auto;
}
.providerLeftNavLayout .container {
  margin: 0;
  width: 1440px;
}
.providerLeftNavLayout .overlay {
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  display: none;
  left: 240px;
  height: 100vh;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 150ms;
  width: calc(100% - 240px);
  z-index: 10000;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/shared/bigCalendarOverrides.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.calendarView {
  color: #000;
}
.calendarView .rbc-calendar .rbc-header {
  font-size: 12px;
}
.calendarView .rbc-calendar .rbc-today {
  background: #EAF6FF;
}
.calendarView .rbc-calendar .rbc-timeslot-group {
  border-bottom: 1px solid #E9ECEF;
}
.calendarView .rbc-calendar .rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #E9ECEF;
}
.calendarView .rbc-calendar div.rbc-event {
  max-width: calc(100% - 14px) !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/shared/calendarView.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.calendarView {
  background: #FFF;
  width: 100%;
}
.calendarView .rbc-toolbar {
  display: none;
}
.calendarView .rbc-time-view {
  border: 0 none;
}
.calendarView .rbc-time-gutter .rbc-timeslot-group {
  border-left: 0 none;
}
.calendarView .rbc-event {
  border: 1px solid #E9ECEF;
  overflow-y: auto;
}
.calendarView .rbc-event .removeIcon {
  display: none;
  width: 30px;
  height: 30px;
  background: #FFF;
  color: var(--primary, #3F72C0);
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: -12px;
  right: -12px;
  vertical-align: middle;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
}
.calendarView .rbc-event:hover .removeIcon {
  display: block;
}
.calendarView .rbc-event.exclusionEvent {
  background-color: #C31704;
}
.calendarView .rbc-event-label {
  color: #343A40;
  width: 100%;
  padding: 0 5px;
}
.calendarView .rbc-label {
  color: #343A40;
  font-size: 10px;
}
.calendarView .rbc-header {
  height: 42px;
  line-height: 42px;
  font-weight: normal;
  text-transform: uppercase;
}
.calendarView .rbc-time-column:nth-child(1) {
  z-index: 7;
}
.calendarView .rbc-time-column:nth-child(2) {
  z-index: 6;
}
.calendarView .rbc-time-column:nth-child(3) {
  z-index: 5;
}
.calendarView .rbc-time-column:nth-child(4) {
  z-index: 4;
}
.calendarView .rbc-time-column:nth-child(5) {
  z-index: 3;
}
.calendarView .rbc-time-column:nth-child(6) {
  z-index: 2;
}
.calendarView .rbc-time-column:nth-child(7) {
  z-index: 1;
}
.calendarView .rbc-time-column .rbc-events-container {
  position: static;
}
.calendarView.disabled {
  opacity: 0.3;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/form/timeRange.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.timeRange .label {
  color: #6C747C;
  margin-bottom: 4px;
  text-align: left;
}
.timeRange .timeSuggest {
  display: inline-block;
  vertical-align: bottom;
}
.timeRange .divider {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 4px 18px;
  width: 10px;
  height: 2px;
  background: #6C747C;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/schedule/addEventModal.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.addEventModal {
  width: 100%;
}
.addEventModal .tileGroup {
  margin-bottom: 16px;
}
.addEventModal .tileGroup .tile {
  margin-bottom: 0;
}
.addEventModal .officeHours > div, .addEventModal .reservedHours > div {
  margin-bottom: 16px;
}
.addEventModal .officeHours .dropdown, .addEventModal .reservedHours .dropdown {
  width: 100%;
}
.addEventModal .reservedHours .typeDetails > * {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 158px);
}
.addEventModal .reservedHours .typeDetails .dropdown {
  margin-right: 8px;
  width: 150px;
}
.addEventModal .timeOff > div {
  margin-bottom: 16px;
}
.addEventModal .timeOff .timeSuggest {
  display: inline-block;
  margin-left: 16px;
  vertical-align: bottom;
  width: 200px;
}

@media (max-width: 500px) {
  .addEventModal .timeOff .timeSuggest {
    margin-left: 0;
    margin-top: 16px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/schedule/removeEventModal.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.removeEventModal {
  width: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/schedule/eventDetailsModal.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.eventDetailsModal .repeat {
  margin-top: 8px;
  width: 100%;
}
.eventDetailsModal .repeat > * {
  display: inline-block;
  vertical-align: middle;
}
.eventDetailsModal .repeat .svgIcon.flat {
  margin-right: 4px;
}
.eventDetailsModal .repeat .repeatDetail {
  width: calc(100% - 60px);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/schedule/appointmentDetailDisplay.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.appointmentDetailDisplay .eventDetails > div {
  display: inline-block;
  vertical-align: top;
}
.appointmentDetailDisplay .eventDetails .iconWrap {
  fill: #FFF;
  background: #4285f4;
  border-radius: 50%;
  height: 44px;
  margin: 10px 24px 0 0;
  padding: 10px;
  width: 44px;
}
.appointmentDetailDisplay .eventDetails .rightContent {
  padding-top: 0;
  width: calc(100% - 100px);
}
.appointmentDetailDisplay .eventDetails .rightContent .appointmentStatus .status {
  display: inline-block;
  border-radius: 4px;
  font-weight: 600;
  margin: 16px 8px 16px 0;
  padding: 8px;
  width: auto;
}
.appointmentDetailDisplay .eventDetails .rightContent .appointmentStatus .status.scheduled {
  background: #b3cefb;
  color: #4285f4;
}
.appointmentDetailDisplay .eventDetails .rightContent .appointmentStatus .status.green {
  background: #cbe1b3;
  color: #7DB342;
}
.appointmentDetailDisplay .eventDetails .rightContent .appointmentStatus .status.cancelled {
  background: #e7a29b;
  color: #C31704;
}
.appointmentDetailDisplay .eventDetails .rightContent .appointmentStatus .status.missed {
  background: #E9ECEF;
  color: #6C747C;
}
.appointmentDetailDisplay .eventDetails .rightContent .appointmentStatus .cancelReason {
  color: #6C747C;
  margin-bottom: 12px;
}
.appointmentDetailDisplay .section.rfv .stringTruncator p:not(.ellipses) {
  white-space: pre-wrap;
}
.appointmentDetailDisplay .section > div {
  display: inline-block;
  vertical-align: top;
}
.appointmentDetailDisplay .section .cameraPreview {
  display: block;
}
.appointmentDetailDisplay .section .csIcon {
  background: transparent 0 0 no-repeat;
  background-size: contain;
  height: 24px;
  width: 24px;
}
.appointmentDetailDisplay .section .svgIcon, .appointmentDetailDisplay .section .csIcon {
  margin: 16px 36px 16px 8px;
}
.appointmentDetailDisplay .section .rightContent {
  border-top: 1px solid #E9ECEF;
  padding: 16px 0;
  width: calc(100% - 80px);
}
.appointmentDetailDisplay .section .rightContent .patientInfo {
  margin-bottom: 4px;
}
.appointmentDetailDisplay .section .rightContent p {
  color: #6C747C;
  margin-top: 4px;
}
.appointmentDetailDisplay .additionalDoc .rightContent p {
  margin-bottom: 8px;
}
.appointmentDetailDisplay .actions > a {
  vertical-align: middle;
}
.appointmentDetailDisplay .actions a.cancel {
  color: #C31704;
  margin-right: 16px;
}
.appointmentDetailDisplay .actions a.cancel:hover, .appointmentDetailDisplay .actions a.cancel:active {
  color: #a61e10;
}

@media (max-width: 500px) {
  .appointmentDetailDisplay .actionPair .actions a {
    width: 100%;
  }
  .appointmentDetailDisplay .actionPair .actions a.cancel {
    display: inline-block;
    margin: 16px 0 0;
    text-align: center;
  }
}
.lightbox #lightboxContent .appointmentDetailDisplay h3 {
  margin-bottom: 4px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/schedule/calendarAvailabilityEvent.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.calendarAvailabilityEvent {
  font-size: 10px;
}
.calendarAvailabilityEvent.general {
  fill: #F59F00;
}
.calendarAvailabilityEvent.reserved {
  fill: #963dae;
}
.calendarAvailabilityEvent > div {
  display: inline-block;
  vertical-align: top;
}
.calendarAvailabilityEvent .svgIcon {
  margin-right: 4px;
}
.calendarAvailabilityEvent .details {
  width: calc(100% - 20px);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/schedule/taskCalendar.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.taskCalendar {
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
.taskCalendar.day .calendarView .rbc-calendar .rbc-today {
  background: #FFF;
}
.taskCalendar .rbc-calendar {
  display: inline-block;
  width: 100%;
}
.taskCalendar .rbc-calendar .rbc-toolbar {
  display: none;
}
.taskCalendar .rbc-calendar .rbc-time-header {
  border-bottom: 0;
  position: relative;
  z-index: 101;
}
.taskCalendar .rbc-calendar .rbc-time-header .rbc-time-header-content .rbc-allday-cell {
  display: none;
}
.taskCalendar .rbc-calendar .rbc-time-content {
  border-top: 1px solid #F1F3F5;
  overflow-y: hidden;
}
.taskCalendar .rbc-calendar .rbc-time-content .rbc-current-time-indicator {
  background-color: #C31704;
  z-index: 100;
}
.taskCalendar .rbc-calendar .rbc-time-content .rbc-current-time-indicator:before {
  display: none;
}
.taskCalendar .rbc-calendar .rbc-event-label {
  display: none;
}
.taskCalendar .rbc-calendar .eventContent {
  width: 100%;
  height: 100%;
}
.taskCalendar .rbc-calendar .eventContent > div {
  line-height: 20px;
}
.taskCalendar .rbc-calendar .rbc-background-event.ScheduleEntry {
  color: #343A40;
  max-width: calc(100% - 12px);
}
.taskCalendar .rbc-calendar .rbc-background-event.ScheduleEntry.reserved_hour {
  background: #f3e2f7;
  border: 1px solid #FFF;
}
.taskCalendar .rbc-calendar .rbc-background-event.ScheduleEntry.office_hour {
  font-size: 10px;
  background: #fef1d9;
  border: none;
}
.taskCalendar .rbc-calendar .rbc-event {
  background: #018611;
  border: 1px solid #018611;
  font-size: 11px;
  overflow: hidden;
}
.taskCalendar .rbc-calendar .rbc-event.temp {
  background: var(--primary, #3F72C0);
  border-color: var(--primary, #3F72C0);
}
.taskCalendar .rbc-calendar .rbc-event.temp:hover, .taskCalendar .rbc-calendar .rbc-event.temp:active {
  background: var(--primaryDark, #3D67A6);
}
.taskCalendar .rbc-calendar .rbc-event.processing {
  border-color: #0b771a;
}
.taskCalendar .rbc-calendar .rbc-event.processing, .taskCalendar .rbc-calendar .rbc-event:hover {
  background: #0b771a;
}
.taskCalendar .rbc-calendar .rbc-event.new {
  background: #FFF;
}
.taskCalendar .rbc-calendar .rbc-event.ScheduleEntry.time_off {
  background: #6C747C;
  border: 1px solid #FFF;
}
.taskCalendar .rbc-calendar .rbc-event.ScheduleEntry.time_off:hover, .taskCalendar .rbc-calendar .rbc-event.ScheduleEntry.time_off:focus {
  background: #6C747C;
}
.taskCalendar .rbc-calendar .rbc-event.ScheduleEntry.time_off.finished {
  background: #C2C6CA;
}
.taskCalendar .rbc-calendar .rbc-event.Task.started, .taskCalendar .rbc-calendar .rbc-event.Task.appointed {
  background: #3F72C0;
  border: 1px solid #FFF;
  z-index: 1;
}
.taskCalendar .rbc-calendar .rbc-event.Task.missed, .taskCalendar .rbc-calendar .rbc-event.Task.cancelled {
  background: #FFF;
  border: 1px solid #B2C7E6;
  color: #B2C7E6;
}
.taskCalendar .rbc-calendar .rbc-event.Task.cancelled {
  text-decoration: line-through;
}
.taskCalendar .rbc-calendar .rbc-event.Task.finished {
  background: #B2C7E6;
  border: 1px solid #B2C7E6;
}
.taskCalendar .rbc-calendar .rbc-event .rbc-event-label {
  display: none;
}
.taskCalendar .rbc-calendar .rbc-timeslot-group {
  min-height: 50px;
}
.taskCalendar .rbc-calendar .rbc-time-slot {
  cursor: pointer;
}
.taskCalendar .rbc-calendar .rbc-time-slot.over {
  background: var(--primary, #3F72C0);
}
.taskCalendar .rbc-calendar .rbc-time-slot:hover {
  background: var(--primaryLight, #B2C7E6);
}

@supports (position: sticky) {
  .taskCalendar .rbc-calendar .rbc-time-header {
    position: sticky;
    top: 0;
    background: #FFF;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/dashboard/dateArrow.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.dateArrow {
  color: #343A40;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/dashboard/dashboardCalendar.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.dashboardCalendar.today .taskCalendar .rbc-calendar .rbc-time-content .rbc-current-time-indicator {
  background-color: #C31704;
}
.dashboardCalendar.today .todayLink {
  display: none;
}
.dashboardCalendar h5 {
  border-bottom: 1px solid #E9ECEF;
  padding: 0 10px;
}
.dashboardCalendar h5 .dateArrow {
  display: inline-block;
  padding: 10px;
}
.dashboardCalendar h5 .todayLink {
  font-weight: 400;
  padding-left: 16px;
}
.dashboardCalendar .taskCalendar .rbc-calendar .rbc-time-content {
  border-top: 0 none;
}
.dashboardCalendar .taskCalendar .rbc-calendar .rbc-time-content .rbc-current-time-indicator {
  background-color: transparent;
}
.dashboardCalendar .taskCalendar .rbc-calendar .rbc-time-slot {
  cursor: default;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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;
  text-decoration: none;
}
.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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/dashboard/tasks/task.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.task {
  padding: 16px;
}
.task .type {
  color: #6C747C;
  margin-bottom: 16px;
}
.task .type .red {
  color: #C31704;
}
.task .type .iconWrap {
  border-radius: 4px;
  display: inline-block;
  height: 24px;
  margin-right: 8px;
  vertical-align: middle;
  fill: #FFF;
}
.task .type > span {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 32px);
}
.task .description {
  margin-bottom: 12px;
}
.task .description > div {
  display: inline-block;
  vertical-align: top;
}
.task .description .details {
  margin-left: 12px;
  width: calc(100% - 56px);
}
.task .description .details .nameTime {
  align-items: center;
  display: flex;
  margin-bottom: 4px;
  justify-content: space-between;
}
.task .description .details .nameTime .time {
  color: #6C747C;
  font-size: 12px;
  min-width: 120px;
  text-align: right;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/shared/populusAd.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.populusAd {
  margin: 0 auto;
  max-width: 100%;
}
.populusAd .adContainer > iframe {
  margin: 0 auto 8px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/dashboard/tasks/tasksList.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.tasksList .update {
  border-bottom: 1px solid #E9ECEF;
  padding: 8px 0;
  text-align: center;
}
.tasksList .empty {
  text-align: center;
  padding: 24px;
}
.tasksList .empty .image {
  height: 180px;
  margin: 0 auto;
  width: 180px;
}
.tasksList .empty h3 {
  margin: 24px 0 8px;
}
.tasksList .empty p {
  color: #343A40;
}
.tasksList .more > * {
  display: block;
  padding: 16px;
  text-align: center;
}
.tasksList .populusAd {
  margin-top: 16px;
  margin-bottom: 16px;
  overflow-x: auto;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/dashboard/tasks/labResultTasks.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.labResultTasks .iconWrap {
  background: #AE3EC9;
}
.labResultTasks .task .typeContent {
  align-items: center;
  display: inline-flex;
  justify-content: space-between;
}
.labResultTasks .task .typeContent .critical > * {
  vertical-align: middle;
}
.labResultTasks .task .typeContent .critical .svgIcon {
  fill: #C31704;
  background: #FFF;
  margin-left: 4px;
}
.labResultTasks .empty .image {
  background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTgwIDE4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcy8+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+PHBhdGggZD0iTTg5LjUgMTgwQTg5LjggODkuOCAwIDAwMTc5IDkwYzAtNDkuNy00MC05MC04OS41LTkwQTg5LjggODkuOCAwIDAwMCA5MGMwIDQ5LjcgNDAgOTAgODkuNSA5MHoiIGZpbGw9IiNFRkQ4RjQiLz48cGF0aCBkPSJNNTAuOSAxMjAuNGg3Ni44djVjMCAyLjItMS43IDMuOS0zLjggMy45SDU0LjdjLTIuMSAwLTMuOC0xLjctMy44LTMuOHYtNXoiIGZpbGw9IiM4QjMxQTAiLz48cGF0aCBkPSJNNzUgMTM1LjRoLTljLTEuOSAwLTMuNC0xLjYtMy40LTMuNXYtMy4zaDEyLjN2Ni44ek0xMDMuNyAxMzUuNGg4LjhjMiAwIDMuNS0xLjYgMy41LTMuNXYtMy4zaC0xMi40djYuOHoiIGZpbGw9IiM4QjMxQTAiLz48cGF0aCBkPSJNNTUuMyA1Mi43djUwLjdhMTQgMTQgMCAwMDEzLjkgMTQgMTQgMTQgMCAwMDEzLjgtMTRWNTIuN0g1NS4zeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik02OS4yIDExMC42YTcuNyA3LjcgMCAwMS03LjctNy43di0zN2gxNS40djM3YzAgNC4yLTMuNSA3LjctNy43IDcuN3pNODMgNTcuOEg1NS4zdjQuM0g4M3YtNC4zeiIgZmlsbD0iI0RGQjJFOSIvPjxwYXRoIGQ9Ik04Ny44IDU4LjlINTAuNlY0OWMwLTIuNCAyLTQuNCA0LjQtNC40aDI4LjRjMi40IDAgNC40IDIgNC40IDQuNFY1OXoiIGZpbGw9IiM4QjMxQTAiLz48cGF0aCBkPSJNMTIzLjcgNTIuN0g5NnY1MC43YTE0IDE0IDAgMDAxMy44IDE0IDE0IDE0IDAgMDAxNC0xNFY1Mi43eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMDkuOCAxMTAuNmE3LjcgNy43IDAgMDEtNy42LTcuN1Y4MS4yaDE1LjN2MjEuN2MwIDQuMi0zLjQgNy43LTcuNyA3Ljd6TTEyMy43IDU3LjhIOTZ2NC4zaDI3Ljd2LTQuM3oiIGZpbGw9IiNERkIyRTkiLz48cGF0aCBkPSJNMTI4LjQgNTguOUg5MS4yVjQ5YzAtMi40IDItNC40IDQuNS00LjRIMTI0YzIuNCAwIDQuNCAyIDQuNCA0LjRWNTl6IiBmaWxsPSIjOEIzMUEwIi8+PHBhdGggZD0iTTE2NS41IDEyNi41aC0yOS44Yy01IDAtOC45IDQtOC45IDguOXYzMGMwIDUgNCA5IDguOSA5aDI5LjhjNC45IDAgOC44LTQgOC44LTl2LTMwYzAtNS00LTktOC44LTl6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE2NS41IDEyMC44aC0yOS44Yy04IDAtMTQuNSA2LjYtMTQuNSAxNC42djMwYzAgOCA2LjUgMTQuNiAxNC41IDE0LjZoMjkuOGM4IDAgMTQuNS02LjYgMTQuNS0xNC42di0zMGMwLTgtNi41LTE0LjYtMTQuNS0xNC42em04LjggNDQuNmMwIDUtNCA5LTguOCA5aC0yOS44Yy01IDAtOC45LTQtOC45LTl2LTMwYzAtNSA0LTguOSA4LjktOC45aDI5LjhjNC45IDAgOC44IDQgOC44IDl2MzB6IiBmaWxsPSIjREZCMkU5Ii8+PHBhdGggZD0iTTE0Ny42IDE2Mi43bC0xMS0xMSAyLjItMi4zYTMuOCAzLjggMCAwMTUuNCAwbDMuNCAzLjQgMTEtMTFhMy44IDMuOCAwIDAxNS40IDBsMi4zIDIuMi0xOC43IDE4Ljd6IiBmaWxsPSIjQUUzRUM5Ii8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTgwdjE4MEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPgo=);
}

@media (max-width: 450px) {
  .labResultTasks .task .typeContent {
    display: inline-block;
    vertical-align: top;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/dashboard/tasks/soapNoteTasks.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.soapNoteTasks .iconWrap {
  background: #7DB342;
}
.soapNoteTasks .empty .image {
  background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTgwIDE4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcy8+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+PHBhdGggZD0iTTg5LjIgMTgwYTg5LjYgODkuNiAwIDAwODkuMi05MGMwLTQ5LjctNDAtOTAtODkuMi05MEE4OS42IDg5LjYgMCAwMDAgOTBjMCA0OS43IDQwIDkwIDg5LjIgOTB6IiBmaWxsPSIjRDRGMEE0Ii8+PHBhdGggZD0iTTEzMCAxMzdINzQuNmE5LjQgOS40IDAgMDEtOS40LTkuNFY0NWg1NS40YzUuMiAwIDkuNCA0LjIgOS40IDkuNVYxMzd6IiBmaWxsPSIjZmZmIi8+PHBhdGggb3BhY2l0eT0iLjIiIGQ9Ik0xMTkgNzhINzd2NWg0MnYtNXpNMTE5IDg5SDc3djVoNDJ2LTV6TTExOSAxMDBINzd2NWg0MnYtNXoiIGZpbGw9IiMzNDNBNDAiLz48cGF0aCBkPSJNNDkuMSAxMzYuNWMtMSAwLTEuOC0uOS0xLjgtMS45di0xNi4ySDUxdjE2LjJjMCAxLS45IDEuOS0xLjkgMS45eiIgZmlsbD0iIzM0M0E0MCIvPjxwYXRoIGQ9Ik00OS4xIDEzMWE2LjQgNi40IDAgMDEtNi40LTYuNFY1OC44YzAtMy40IDIuOC02LjIgNi4xLTYuMmguNmMzLjQgMCA2IDIuOCA2IDYuMnY2NS44Yy4xIDMuNi0yLjggNi41LTYuMyA2LjV6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTQyLjcgMTE2LjVWNTAuN2MwLTMuNCAyLjgtNi4yIDYuMS02LjJoLjZjMy40IDAgNiAyLjggNiA2LjJ2NjUuOEg0Mi44eiIgZmlsbD0iIzM0M0E0MCIvPjxwYXRoIGQ9Ik0xNjUuNSAxMjYuNWgtMjkuN2MtNC45IDAtOC44IDQtOC44IDguOXYzMGMwIDUgNCA5IDguOCA5aDI5LjdjNSAwIDguOS00IDguOS05di0zMGMwLTUtNC05LTguOS05eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNjUuNSAxMjAuOGgtMjkuN2MtOCAwLTE0LjQgNi42LTE0LjQgMTQuNnYzMGMwIDggNi41IDE0LjYgMTQuNCAxNC42aDI5LjdjOCAwIDE0LjUtNi42IDE0LjUtMTQuNnYtMzBjMC04LTYuNS0xNC42LTE0LjUtMTQuNnptOC45IDQ0LjZjMCA1LTQgOS04LjkgOWgtMjkuN2MtNC45IDAtOC44LTQtOC44LTl2LTMwYzAtNSA0LTguOSA4LjgtOC45aDI5LjdjNSAwIDguOSA0IDguOSA5djMweiIgZmlsbD0iI0JDRTg3MiIvPjxwYXRoIGQ9Ik0xNDcuNyAxNjIuN2wtMTEtMTEgMi4yLTIuM2EzLjcgMy43IDAgMDE1LjQgMGwzLjQgMy40IDExLTExYTMuOCAzLjggMCAwMTUuNCAwbDIuMiAyLjItMTguNiAxOC43eiIgZmlsbD0iIzdEQjM0MiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDE4MHYxODBIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4K);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/dashboard/tasks/messageTasks.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.messageTasks .iconWrap {
  background: #4285f4;
}
.messageTasks .empty .image {
  background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTgwIDE4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcy8+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+PHBhdGggZD0iTTg5LjIgMTgwYTg5LjYgODkuNiAwIDAwODkuMi05MGMwLTQ5LjctNDAtOTAtODkuMi05MEE4OS42IDg5LjYgMCAwMDAgOTBjMCA0OS43IDQwIDkwIDg5LjIgOTB6IiBmaWxsPSIjRDlFN0ZEIi8+PHBhdGggZD0iTTEyOC40IDQyLjhINzVhNi4zIDYuMyAwIDAwLTYuMiA2LjN2MzUuN2MwIDMuNSAyLjggNi40IDYuMiA2LjRoMzIuOGwxMi4xIDEyLjJjMS41IDEuNSA0IC40IDQtMS43VjkxLjJoNC41YzMuNSAwIDYuMy0yLjkgNi4zLTYuNFY0OS4xYzAtMy41LTIuOS02LjMtNi4zLTYuM3oiIGZpbGw9IiNCM0NFRkIiLz48cGF0aCBkPSJNODguMSA3My4yYzMgMCA1LjMtMi40IDUuMy01LjQgMC0zLTIuMy01LjQtNS4zLTUuNHMtNS4zIDIuNC01LjMgNS40YzAgMyAyLjQgNS40IDUuMyA1LjR6TTEwMi4zIDczLjJjMi45IDAgNS4zLTIuNCA1LjMtNS40IDAtMy0yLjQtNS40LTUuMy01LjQtMyAwLTUuNCAyLjQtNS40IDUuNCAwIDMgMi40IDUuNCA1LjQgNS40ek0xMTYuNCA3My4yYzMgMCA1LjMtMi40IDUuMy01LjQgMC0zLTIuNC01LjQtNS4zLTUuNC0zIDAtNS4zIDIuNC01LjMgNS40IDAgMyAyLjMgNS40IDUuMyA1LjR6IiBmaWxsPSIjRDlFN0ZEIi8+PHBhdGggZD0iTTUzIDgxLjNoNTMuM2MzLjUgMCA2LjMgMi45IDYuMyA2LjR2MzUuN2MwIDMuNS0yLjggNi4zLTYuMyA2LjNINzMuNkw2MS40IDE0MmMtMS41IDEuNS00IC40LTQtMS43di0xMC42SDUzYTYuMyA2LjMgMCAwMS02LjMtNi4zVjg3LjdjMC0zLjUgMi44LTYuNCA2LjMtNi40eiIgZmlsbD0iIzQyODVGNCIvPjxwYXRoIGQ9Ik05OCA5NEg2M3Y0LjJoMzVWOTR6TTk4IDEwMy41SDYzdjQuMmgzNXYtNC4yek05OCAxMTNINjN2NC4xaDM1di00eiIgZmlsbD0iI0IzQ0VGQiIvPjxwYXRoIGQ9Ik0xNjUuNSAxMjYuNWgtMjkuN2MtNC45IDAtOC44IDQtOC44IDguOXYzMGMwIDUgNCA5IDguOCA5aDI5LjdjNSAwIDguOS00IDguOS05di0zMGMwLTUtNC05LTguOS05eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNjUuNSAxMjAuOGgtMjkuN2MtOCAwLTE0LjQgNi42LTE0LjQgMTQuNnYzMGMwIDggNi41IDE0LjYgMTQuNCAxNC42aDI5LjdjOCAwIDE0LjUtNi42IDE0LjUtMTQuNnYtMzBjMC04LTYuNS0xNC42LTE0LjUtMTQuNnptOC45IDQ0LjZjMCA1LTQgOS04LjkgOWgtMjkuN2MtNC45IDAtOC44LTQtOC44LTl2LTMwYzAtNSA0LTguOSA4LjgtOC45aDI5LjdjNSAwIDguOSA0IDguOSA5djMweiIgZmlsbD0iI0IzQ0VGQiIvPjxwYXRoIGQ9Ik0xNDcuNyAxNjIuN2wtMTEtMTEgMi4yLTIuM2EzLjcgMy43IDAgMDE1LjQgMGwzLjQgMy40IDExLTExYTMuOCAzLjggMCAwMTUuNCAwbDIuMiAyLjItMTguNiAxOC43eiIgZmlsbD0iIzQyODVGNCIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDE4MHYxODBIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4K);
}
.messageTasks .taskAction > * {
  vertical-align: middle;
}
.messageTasks .taskAction .markAsDone {
  margin-right: 20px;
  font-weight: 600;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/dashboard/tasks.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.tasks .panel > h5 {
  padding: 12px 16px 8px;
}
.tasks .tabs {
  border-bottom: 1px solid #E9ECEF;
}
.tasks .tabs .tab {
  color: #6C747C;
  font-size: 12px;
  padding: 12px 0 12px;
  position: relative;
  text-transform: none;
  fill: #6C747C;
}
.tasks .tabs .tab:hover {
  border-bottom: 4px solid var(--primaryLight, #B2C7E6);
  padding-bottom: 8px;
}
.tasks .tabs .tab.active {
  border-bottom: 4px solid var(--primary, #3F72C0);
  color: #343A40;
  font-weight: 400;
  padding-bottom: 8px;
  fill: #343A40;
}
.tasks .tabs .tab[data-count]:after {
  background: #C31704;
  border-radius: 9px;
  border: 2px solid #FFF;
  color: #FFF;
  content: attr(data-count);
  min-width: 18px;
  padding: 0 6px;
  position: absolute;
  left: calc(50% + 20px);
  top: 2px;
  transform: translateX(-50%);
}
.tasks .tabs .tab .svgIcon {
  cursor: pointer;
  display: block;
  margin: 0 auto 4px;
}
.tasks .tasksList {
  overflow-y: auto;
}
.tasks .tasksList > div:not(:last-of-type) {
  border-bottom: 1px solid #E9ECEF;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/shared/safariAutoplayLightbox.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
#lightboxLayer #lightboxContent .safariAutoplayLightbox h3 {
  font-size: 32px;
  margin: 66px 0 8px;
}

.safariAutoplayLightbox.container {
  width: 600px;
}
.safariAutoplayLightbox.container p {
  margin: 44px 0 32px;
}
.safariAutoplayLightbox.container .warn {
  color: #C31704;
}
.safariAutoplayLightbox.container ol {
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
.safariAutoplayLightbox.container ol li {
  margin-bottom: 32px;
}
.safariAutoplayLightbox.container ol li:before {
  background: var(--primary, #3F72C0);
  border-radius: 12px;
  color: #FFF;
  content: counter(item);
  counter-increment: item;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin-right: 16px;
  text-align: center;
  vertical-align: top;
  width: 24px;
}
.safariAutoplayLightbox.container ol li:after {
  content: "";
  display: block;
  margin-top: 16px;
  width: 600px;
}
.safariAutoplayLightbox.container ol li.preferences:after {
  background: url(/common/images/jpg/safariPreferences.2x.jpg?309b3b7eb1ef2d525a22) 0 0 no-repeat;
  background-size: contain;
  height: 129px;
  width: 307px;
}
.safariAutoplayLightbox.container ol li.websites:after {
  background: url(/common/images/jpg/safariWebsites.2x.jpg?7ce0c6b53a9006b99b7d) 0 0 no-repeat;
  background-size: contain;
  height: 123px;
}
.safariAutoplayLightbox.container ol li.autoplay:after {
  background: url(/common/images/jpg/safariAutoplay.2x.jpg?545dc0479a6041429a12) 0 0 no-repeat;
  background-size: contain;
  height: 229px;
}
.safariAutoplayLightbox.container ol li.allow:after {
  background: url(/common/images/jpg/safariAllow.2x.jpg?88ca0e09973ed732e7f6) 0 0 no-repeat;
  background-size: contain;
  height: 490px;
}
.safariAutoplayLightbox.container ol li div {
  display: inline-block;
  margin-top: 2px;
  max-width: calc(100% - 40px);
}
.safariAutoplayLightbox.container .actions {
  margin-bottom: 32px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/dashboard/dashboard.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.dashboard #content {
  padding-top: 0;
  margin-bottom: 0;
}
.dashboard .pageControls {
  min-height: 40px;
  position: relative;
}
.dashboard .pageControls .viewSelector {
  position: absolute;
  right: 0;
  top: 1px;
}
.dashboard .pageControls .viewSelector .selected {
  fill: var(--primary, #3F72C0);
}
.dashboard .mainContent .calendarView > div {
  display: inline-block;
  vertical-align: top;
}
.dashboard .mainContent .calendarView .calendarContainer {
  margin-right: 8px;
  width: calc(100% - 508px);
}
.dashboard .mainContent .calendarView .dashboardCalendar > .panel {
  margin-bottom: 0;
}
.dashboard .mainContent .calendarView .dashboardCalendar .taskCalendar, .dashboard .mainContent .calendarView .tasksContainer {
  max-height: calc(100vh - 148px);
}
.dashboard .mainContent .calendarView .tasksContainer {
  width: 500px;
  max-width: 500px;
}
.dashboard .mainContent .calendarView .tasksContainer .tasksList, .dashboard .mainContent .calendarView .tasksContainer .loading {
  height: calc(100vh - 218px);
  max-height: calc(100vh - 218px);
}
.dashboard .mainContent .calendarView .tasksContainer .loading {
  margin: 0 auto;
  position: relative;
  top: 100px;
}

@media (max-width: 1250px) {
  .dashboard .mainContent .calendarView .calendarContainer, .dashboard .mainContent .calendarView .tasksContainer {
    width: calc(50% - 4px);
  }
}
@media (max-width: 750px) {
  .dashboard .pageControls .viewSelector {
    display: none;
  }
  .dashboard .mainContent .calendarView .calendarContainer {
    display: none;
  }
  .dashboard .mainContent .calendarView .tasksContainer {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
}
@media (max-width: 360px) {
  .dashboard .availabilityToggle .toggle {
    width: 80px;
  }
  .dashboard .availabilityToggle .toggle:after {
    right: 0;
    text-align: center;
    top: 30px;
    width: 80px;
  }
  .dashboard .availabilityToggle .toggle.on:after {
    color: #6C747C;
    left: auto;
    right: 0;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/shared/pageHeader.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.pageHeader {
  background: #FFF;
  border-bottom: 1px solid #E9ECEF;
  height: 60px;
}
.pageHeader .container > div {
  display: inline-block;
  vertical-align: top;
}
.pageHeader .title h4 {
  padding: 16px 0 0 24px;
}
.pageHeader .back .svgIcon {
  margin-top: 12px;
  transform: rotate(180deg);
}
.pageHeader .loading {
  margin: 0 auto;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/shared/step.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.step {
  color: #343A40;
  letter-spacing: 1px;
  line-height: 20px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/shared/wizard.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.wizard {
  text-align: center;
  opacity: 1;
  transition: opacity 300ms;
}
.wizard.invisible {
  opacity: 0;
}
.wizard .headerBar {
  padding: 24px 0;
  position: relative;
}
.wizard .headerBar .stepActions {
  position: absolute;
  top: calc(50% - 18px);
}
.wizard .headerBar .stepActions.back {
  transform: rotate(180deg);
}
.wizard .headerBar .stepActions.exit {
  right: 24px;
}
.wizard .stepContainer {
  margin-bottom: 40px;
  opacity: 1;
  position: relative;
  top: 0;
  transition: opacity 300ms, top 300ms ease-out;
}
.wizard .stepContainer.fadeOut {
  opacity: 0;
  transition: opacity 100ms;
}
.wizard .stepContainer.floatIn {
  top: 20px;
  transition: none;
}

@media (max-width: 500px) {
  .wizard h2 {
    font-size: 20px;
    margin: 24px 0;
  }
  .wizard .headerBar > div {
    padding: 0 8px;
  }
  .wizard .headerBar h3 {
    text-align: left;
    margin-left: 44px;
  }
  .wizard .stepContainer {
    max-width: 100%;
    padding: 0 8px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/shared/providerAttestation.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
#lightboxLayer #lightboxContent .deviceTest .providerAttestation .actions {
  margin-top: 32px;
}

.providerAttestation {
  text-align: left;
  max-width: 400px;
  margin: 0 auto;
}
.providerAttestation .step {
  text-align: center;
}
.providerAttestation h2 {
  text-align: center;
  margin-bottom: 32px;
}
.providerAttestation .checkbox {
  display: block;
  margin-bottom: 16px;
}
.providerAttestation .checkbox label {
  width: calc(100% - 40px);
}
.providerAttestation p {
  color: #6C747C;
  font-size: 12px;
}
.providerAttestation .actions {
  padding: 0 36px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/deviceTest/bandwidthTest.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.bandwidthTest .iconBandwidth {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI0MiIgdmlld0JveD0iMCAwIDYwIDQyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZD0iTS0yLTExaDY0djY0SC0yIi8+CiAgICA8ZyBmaWxsPSIjM0Y3MkMwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xKSI+CiAgICAgIDxjaXJjbGUgY3g9IjMxIiBjeT0iMzciIHI9IjUiLz4KICAgICAgPHBhdGggZD0iTTQ2LjU1NiAyNy4yNzJsLTEuNDE0LTEuNDE1QzQxLjM2NSAyMi4wODEgMzYuMzQyIDIwIDMxIDIwYy01LjM0MiAwLTEwLjM2NSAyLjA4MS0xNC4xNDIgNS44NThsLTEuNDE0IDEuNDE1LTIuODI5LTIuODI5IDEuNDE1LTEuNDE0QzE4LjU2MiAxOC40OTcgMjQuNTg5IDE2IDMxIDE2czEyLjQzOCAyLjQ5NyAxNi45NyA3LjAzbDEuNDE1IDEuNDE0LTIuODI5IDIuODI4eiIvPgogICAgICA8cGF0aCBkPSJNNTguMjI0IDE2LjEwNUw1Ni44MSAxNC42OUM0OS45MTYgNy43OTcgNDAuNzUgNCAzMSA0UzEyLjA4NCA3Ljc5NyA1LjE5IDE0LjY5bC0xLjQxNCAxLjQxNS0yLjgyOS0yLjgyOSAxLjQxNS0xLjQxNEMxMC4wMTIgNC4yMTMgMjAuMTgyIDAgMzEgMGMxMC44MTggMCAyMC45ODggNC4yMTMgMjguNjM4IDExLjg2MmwxLjQxNSAxLjQxNC0yLjgyOSAyLjgyOXoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
}
.bandwidthTest .iconSuccess {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDAgMTQwIj4KICA8Y2lyY2xlIGN4PSI3MCIgY3k9IjcwIiByPSI2OSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM0Y3MkMwIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8Y2lyY2xlIGN4PSI1MC41IiBjeT0iNjIuNSIgcj0iNS41IiBmaWxsPSIjM0Y3MkMwIi8+CiAgPGNpcmNsZSBjeD0iOTAuNSIgY3k9IjYyLjUiIHI9IjUuNSIgZmlsbD0iIzNGNzJDMCIvPgogIDxwYXRoIGZpbGw9IiMzRjcyQzAiIGQ9Ik0zNy45IDEwNC4zczExLjUgMTQuNiAzMi4yIDE0LjZjMTkuNSAwIDMyLjMtMTQuNyAzMi4zLTE0LjdsMS40IDEuNHMtMTIuNiAxNS41LTMzLjcgMTUuM2MtMjEuOC4zLTMzLjgtMTUuNC0zMy44LTE1LjRsMS42LTEuMnoiLz4KPC9zdmc+Cg==);
}
.bandwidthTest .spinning {
  position: relative;
  color: var(--primary, #3F72C0);
  box-shadow: inset 0 0 0 2px;
  border-radius: 50%;
}
.bandwidthTest .spinning:before, .bandwidthTest .spinning:after {
  position: absolute;
  background: #FFF;
  content: "";
  height: 142px;
  width: 71px;
  top: -1px;
}
.bandwidthTest .spinning:before {
  animation: spin 1.5s infinite ease 1.125s;
  border-radius: 142px 0 0 142px;
  left: -1px;
  transform-origin: 71px 71px;
}
.bandwidthTest .spinning:after {
  animation: spin 1.5s infinite ease;
  border-radius: 0 142px 142px 0;
  left: 70px;
  transform-origin: 0 71px;
}
.bandwidthTest .actions .btn.hidden {
  display: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/deviceTest/cameraTest.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.cameraTest .cameraDisplay {
  position: relative;
  width: calc(100vw - 80px);
  max-width: 375px;
  height: 222px;
  margin: 0 auto 32px;
  overflow: hidden;
  background-color: #343A40;
}
.cameraTest .cameraDisplay.block {
  display: block;
}
.cameraTest .cameraDisplay .innerIcon {
  width: 32px;
  height: 32px;
}
.cameraTest .cameraDisplay #localVideo {
  width: 100%;
  height: 100%;
  background: none;
  -o-object-fit: cover;
     object-fit: cover;
  transform: rotateY(180deg);
}
.cameraTest .iconCameraOff {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDM2IDM2Ij4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZD0iTS01LTVoNDR2NDRILTVWLTV6bTAgMGg0NHY0NEgtNVYtNXoiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0zNS4zMzMzMzMzIDguNzVMMjggMTYuMDgzMzMzM1Y5LjY2NjY2NjdjMC0xLjAwODMzMzQtLjgyNS0xLjgzMzMzMzQtMS44MzMzMzMzLTEuODMzMzMzNGgtMTEuMzNMMzUuMzMzMzMzMyAyOC4zM1Y4Ljc1ek0yLjgyODMzMzMzLjVMLjUgMi44MjgzMzMzMyA1LjUwNSA3LjgzMzMzMzNINC4xNjY2NjY2N2MtMS4wMDgzMzMzNCAwLTEuODMzMzMzMzQuODI1LTEuODMzMzMzMzQgMS44MzMzMzM0VjI4YzAgMS4wMDgzMzMzLjgyNSAxLjgzMzMzMzMgMS44MzMzMzMzNCAxLjgzMzMzMzNIMjYuMTY2NjY2N2MuMzg1IDAgLjcxNS0uMTQ2NjY2Ni45OS0uMzNsNS44NDgzMzMzIDUuODNMMzUuMzMzMzMzMyAzMy4wMDUgMi44MjgzMzMzMy41eiIvPgogIDwvZz4KPC9zdmc+Cg==);
}

.Safari .cameraTest .cameraDisplay #localVideo {
  transform: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/shared/horizontalVolumeBar.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.horizontalVolumeBar {
  display: flex;
}
.horizontalVolumeBar > div {
  border-radius: 4px;
  background: #C2C6CA;
  flex: 1 1 20px;
}
.horizontalVolumeBar > div:not(:last-of-type) {
  margin-right: 8px;
}
.horizontalVolumeBar > div.filled {
  background: #018611;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/deviceTest/microphoneTest.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.microphoneTest .horizontalVolumeBar {
  height: 56px;
  margin: 24px auto 72px;
  width: 180px;
}
.microphoneTest .horizontalVolumeBar .filled {
  background: var(--primary, #3F72C0);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/deviceTest/speakerTest.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.speakerTest .speakerVolume {
  height: 56px;
  width: 130px;
  margin: 44px auto 72px;
}
.speakerTest .speakerVolume .volumeBar {
  display: inline-block;
  width: 5px;
  margin: 0 4px;
  vertical-align: middle;
  background-color: var(--primary, #3F72C0);
}
.speakerTest .iOSButton {
  margin: 44px auto;
}
.speakerTest .iconFakeVolume {
  background-image: url(/common/images/gif/fakeVolume.gif?1115ccd4aae38ba09395);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/deviceTest/deviceTest.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.deviceTest {
  text-align: center;
  background-color: #FFF;
  top: 0;
  left: 0;
  z-index: 101;
}
.deviceTest .headerBar a.back {
  transform: translateY(-50%);
  height: 20px;
}
.deviceTest .headerBar a.back:before {
  height: 20px;
  background-position: 0 -2px;
}
.deviceTest .headerBar a.exit {
  transform: translateY(-50%);
}
.deviceTest .headerBar a.exit:after {
  background-position: 0 1px;
}
.deviceTest .headerBar a.exit:hover:after {
  background-position: 0 1px;
}
.deviceTest .stepContainer {
  margin-top: 60px;
}
.deviceTest .stepContainer .testIcon {
  width: 140px;
  height: 140px;
  margin: 0 auto 32px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.deviceTest .stepContainer .innerIcon {
  position: relative;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 10;
}
.deviceTest .stepContainer .iconError {
  background-image: url(/common/images/svg/emptyStateTool.svg?595dcd549bcb3ec44fc4);
}
.deviceTest .stepContainer .title {
  color: #343A40;
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: 1px;
}
.deviceTest .stepContainer .text {
  line-height: 24px;
  color: #6C747C;
  font-weight: 400;
  max-width: 300px;
  margin: 12px auto 0;
}
.deviceTest .stepContainer .text > div {
  margin-bottom: 16px;
}

@media (max-width: 450px) {
  #lightboxLayer #lightboxContent .deviceTest .actions .btn.btnDouble {
    margin: 8px auto;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/shared/availabilityToggle.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.availabilityToggle .toggleButton {
  background: #EEE;
  border-radius: 18px;
  cursor: pointer;
  height: 32px;
  position: relative;
  width: 130px;
}
.availabilityToggle .toggleButton:after {
  color: #6C747C;
  content: "Unavailable";
  position: absolute;
  font-weight: 600;
  right: 12px;
  top: 7px;
}
.availabilityToggle .toggleButton.on {
  background: #018611;
}
.availabilityToggle .toggleButton.on:after {
  content: "Available";
  color: #FFF;
  right: auto;
  left: 24px;
}
.availabilityToggle .toggleButton.on .dot {
  background: #FFF;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  left: auto;
  right: 3px;
}
.availabilityToggle .toggleButton.disabled {
  cursor: default;
  opacity: 0.6;
}
.availabilityToggle .toggleButton .dot {
  background: #FFF;
  border-radius: 14px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  height: 28px;
  position: absolute;
  width: 28px;
  top: 2px;
  left: 3px;
}

@media (max-width: 360px) {
  .availabilityToggle .toggleButton {
    width: 88px;
  }
  .availabilityToggle .toggleButton.dot, .availabilityToggle .toggleButton:after {
    color: #6C747C;
    top: 28px;
    left: 8px;
  }
  .availabilityToggle .toggleButton.on:after {
    color: #6C747C;
    left: 16px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/shared/queueMonitor.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.queueMonitor {
  text-align: left;
}
.queueMonitor h4 {
  color: #FFF;
  font-size: 14px;
}
.queueMonitor .waitTime {
  color: #FFF;
  font-size: 12px;
  margin: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/dashboard/dashboardPage.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.dashboardPage .pageHeader {
  position: relative;
}
.dashboardPage .pageHeader .additional {
  position: absolute;
  right: 16px;
  top: 13px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.dashboardPage .pageHeader .additional .queueMonitor h4 {
  color: #343A40;
}
.dashboardPage .pageHeader .additional .queueMonitor .waitTime {
  color: #6C747C;
}

@media (max-width: 360px) {
  .dashboardPage .pageHeader .additional {
    top: 12px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/notifications/notification.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.notification {
  padding: 20px;
}
.notification > div {
  display: inline-block;
  vertical-align: top;
}
.notification .profileIcon {
  border-radius: 16px;
  display: inline-block;
  height: 32px;
  margin-right: 16px;
  overflow: hidden;
  width: 32px;
}
.notification .profileIcon > div {
  height: 32px;
  width: 32px;
}
.notification .details {
  margin-bottom: 4px;
  width: calc(100% - 72px);
}
.notification .details .text {
  display: inline;
  line-height: 22px;
  margin-right: 8px;
}
.notification .details .time {
  color: #6C747C;
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  vertical-align: bottom;
  margin-bottom: -1px;
}
.notification .details .actions {
  margin-top: 12px;
}
.notification .unread {
  border-radius: 6px;
  height: 12px;
  margin-left: 12px;
  width: 12px;
}
.notification .unread.on {
  background: var(--primary, #3F72C0);
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/notifications/notifications.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
#notifications {
  padding: 16px 0;
}
#notifications .container .emptyState.icon {
  width: 100%;
}
#notifications .container .emptyState.icon:before {
  margin-top: 0;
}
#notifications .loading {
  margin-top: 240px;
}
#notifications .newNotifications {
  position: fixed;
  top: 100px;
  left: 0;
  width: 100%;
}
#notifications .newNotifications button {
  fill: #FFF;
}
#notifications .newNotifications button > span, #notifications .newNotifications button .svgIcon {
  display: inline-block;
  vertical-align: middle;
}
#notifications .newNotifications button .svgIcon {
  transform: rotate(270deg);
  margin-top: -2px;
}
#notifications .expandableList li:not(:last-of-type) {
  border-bottom: 1px solid #E9ECEF;
}
#notifications .expandableList .more {
  padding: 16px 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/notifications/notificationsPage.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.notificationsPage #notifications .loading {
  margin-top: 120px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/schedule/providerSchedule.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.providerSchedule {
  background: #FFF;
}
.providerSchedule.hideFilters .taskCalendar {
  width: 100%;
}
.providerSchedule.hideFilters .sidePanelContainer {
  right: -300px;
}
.providerSchedule .content {
  margin-bottom: 0;
  padding: 0;
  max-width: 100%;
  position: relative;
}
.providerSchedule .taskCalendar {
  border-top: 1px solid #F1F3F5;
  transition: width 0.1s linear;
  width: calc(100% - 300px);
}
.providerSchedule .taskCalendar .loading {
  margin: 24px auto;
}
.providerSchedule .sidePanelContainer {
  background: #FFF;
  border: 1px solid #E9ECEF;
  border-width: 1px 0 0 1px;
  max-width: 100%;
  padding: 16px;
  position: absolute;
  right: 0;
  transition: right 0.1s linear;
  top: 0;
  width: 300px;
  z-index: 102;
}
.providerSchedule .sidePanelContainer > div:not(:last-of-type) {
  margin-bottom: 24px;
}
.providerSchedule .sidePanelContainer div.title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.providerSchedule .sidePanelContainer .calendarInput {
  width: 100%;
}
.providerSchedule .sidePanelContainer .eventFilter label {
  font-size: 12px;
}
.providerSchedule .sidePanelContainer .eventFilter .filterTitle {
  margin-bottom: 16px;
}
.providerSchedule .sidePanelContainer .eventFilter .checkboxGroup .checkbox:not(:last-of-type) {
  margin-bottom: 12px;
}
.providerSchedule .sidePanelContainer .eventFilter .checkboxGroup .checkbox input:checked {
  background: #6C747C;
  border-color: #6C747C;
}
.providerSchedule .sidePanelContainer .officeHour p {
  font-size: 12px;
}
.providerSchedule .sidePanelContainer .officeHour h5 {
  margin-bottom: 16px;
}
.providerSchedule .sidePanelContainer .officeHour > div {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.providerSchedule .sidePanelContainer .officeHour .svgIcon {
  margin-right: 12px;
}
.providerSchedule .sidePanelContainer .officeHour .allCare .svgIcon {
  fill: #F59F00;
}
.providerSchedule .sidePanelContainer .officeHour .reserved .svgIcon {
  fill: #963dae;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/schedule/scheduleHeader.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.scheduleHeader > div {
  display: inline-block;
  vertical-align: middle;
}
.scheduleHeader .leftContent {
  min-width: 200px;
  position: relative;
  width: calc(100% - 700px);
}
.scheduleHeader .rightContent {
  max-width: 100%;
  width: 700px;
}
.scheduleHeader .rightContent > * {
  display: inline-block;
  vertical-align: middle;
}
.scheduleHeader .rightContent > *:not(:last-child) {
  margin-right: 12px;
}
.scheduleHeader .rightContent > .dropdown {
  width: 110px;
}
.scheduleHeader .rightContent .today, .scheduleHeader .rightContent .arrowBack, .scheduleHeader .rightContent .arrowNext {
  background: #F1F3F5;
  border-radius: 4px;
  color: #343A40;
  display: inline-block;
  height: 40px;
  line-height: 40px;
}
.scheduleHeader .rightContent .today:hover, .scheduleHeader .rightContent .today:active, .scheduleHeader .rightContent .arrowBack:hover, .scheduleHeader .rightContent .arrowBack:active, .scheduleHeader .rightContent .arrowNext:hover, .scheduleHeader .rightContent .arrowNext:active {
  background: #E9ECEF;
}
.scheduleHeader .rightContent .today {
  padding: 0 12px;
}
.scheduleHeader .rightContent .arrowBack, .scheduleHeader .rightContent .arrowNext {
  cursor: pointer;
  padding: 7px 4px;
}
.scheduleHeader .rightContent .arrowBack .svgIcon.flat, .scheduleHeader .rightContent .arrowNext .svgIcon.flat {
  cursor: pointer;
}
.scheduleHeader .rightContent .arrowBack .svgIcon {
  transform: rotate(180deg);
}
.scheduleHeader .rightContent .timezoneSelection {
  height: 40px;
}
.scheduleHeader .rightContent .timezoneSelection .dropdown {
  width: 220px;
}

@media (max-width: 1300px) {
  .scheduleHeader > div {
    display: block;
    margin-bottom: 12px;
  }
  .scheduleHeader .leftContent {
    width: 100%;
  }
  .scheduleHeader .rightContent > div, .scheduleHeader .rightContent a, .scheduleHeader .rightContent button {
    margin-top: 12px;
  }
}
@media (max-width: 500px) {
  .scheduleHeader .rightContent .dropdown, .scheduleHeader .rightContent .btn {
    width: 100%;
  }
  .scheduleHeader .rightContent .timezoneSelection {
    width: 100%;
  }
  .scheduleHeader .rightContent .timezoneSelection .dropdown {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .scheduleHeader .leftContent .title {
    font-size: 24px;
  }
  .scheduleHeader .leftContent .filterBtn {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/schedule/docSchedule.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.docSchedule .scheduleHeader {
  height: 100px;
  padding: 24px;
  position: relative;
  z-index: 105;
}
.docSchedule .content {
  max-height: calc(100dvh - 100px);
}
.docSchedule .content .taskCalendar {
  max-height: calc(100dvh - 100px);
}

@media (max-width: 1300px) {
  .docSchedule .scheduleHeader {
    height: 170px;
  }
  .docSchedule .content {
    max-height: calc(100dvh - 170px);
  }
  .docSchedule .content .taskCalendar {
    max-height: calc(100dvh - 170px);
  }
}
@media (max-width: 1000px) {
  .docSchedule .scheduleHeader {
    height: 210px;
  }
  .docSchedule .content {
    max-height: calc(100dvh - 210px);
  }
  .docSchedule .content .taskCalendar {
    max-height: calc(100dvh - 210px);
  }
}
@media (max-width: 550px) {
  .docSchedule .scheduleHeader {
    height: 280px;
  }
  .docSchedule .scheduleHeader .rightContent button {
    margin-top: 12px;
  }
  .docSchedule .content {
    max-height: calc(100dvh - 280px);
  }
  .docSchedule .content .taskCalendar {
    max-height: calc(100dvh - 280px);
  }
}
@media (max-width: 500px) {
  .docSchedule .scheduleHeader {
    height: 320px;
    position: relative;
  }
  .docSchedule .scheduleHeader .leftContent {
    padding-right: 30px;
  }
  .docSchedule .scheduleHeader .leftContent h2 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .docSchedule .scheduleHeader .rightContent > .svgIcon {
    position: absolute;
    top: 18px;
    right: 13px;
  }
  .docSchedule .content {
    max-height: calc(100dvh - 320px);
  }
  .docSchedule .content .taskCalendar {
    max-height: calc(100dvh - 320px);
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/patients/patientCard.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.patientCard {
  color: #343A40;
}
.patientCard:hover, .patientCard:active {
  color: #343A40;
}
.patientCard > div {
  display: inline-block;
  vertical-align: middle;
}
.patientCard .avatarContainer {
  margin-right: 12px;
}
.patientCard .details {
  width: calc(100% - 76px);
}
.patientCard .details h6 {
  margin-bottom: 2px;
}
.patientCard .details p {
  font-size: 12px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/patients/patientsList.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.patientsList {
  min-height: 200px;
}
.patientsList .patientSearch .panel {
  padding: 16px 16px 8px;
  margin-bottom: 8px;
}
.patientsList .patientSearch .searchBox {
  background: #F8F9FA;
}
.patientsList .patientSearch .searchBox input {
  border: 0 none;
}
.patientsList .patientSearch .tile {
  margin-top: 16px;
}
.patientsList .loading {
  margin: 24px auto 64px;
}
.patientsList .emptyState {
  display: block;
}
.patientsList .emptyState:before {
  margin-top: 24px;
}
.patientsList .listContent .panel {
  margin-bottom: 8px;
}
.patientsList .patientCard {
  cursor: pointer;
  display: block;
  padding: 16px;
}
.patientsList .patientCard:not(:last-of-type) {
  border-bottom: 1px solid #E9ECEF;
}
.patientsList .patientCard:hover, .patientsList .patientCard:active {
  background: #F8F9FA;
}
.patientsList .pagination {
  padding: 16px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/patients/patientsPage.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.patientsPage .container {
  width: 1440px;
}
.patientsPage #content .container {
  padding: 0;
}
.patientsPage .patientsList .listContent .panel {
  max-height: calc(100vh - 280px);
  overflow-y: auto;
}

@media (max-width: 700px) {
  .patientsPage .patientsList .listContent .panel {
    max-height: none;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/healthProfile/attributeList.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.attributeList h5 {
  margin-bottom: 8px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/patients/patientOverview.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.patientOverview .profileHeader:after {
  display: none;
}
.patientOverview .profileHeader .avatarContainer {
  margin-right: 16px;
  position: static;
}
.patientOverview .profileHeader .details div {
  color: #6C747C;
}
.patientOverview .profileHeader .container {
  min-height: auto;
  padding: 16px;
}
.patientOverview .profileDetails {
  margin-bottom: 32px;
}
.patientOverview .profileDetails > div {
  border-bottom: 1px solid #E9ECEF;
  padding: 0 16px;
  margin-bottom: 16px;
}
.patientOverview .profileDetails > div:last-of-type {
  border-bottom: 0 none;
  margin-bottom: 0;
}
.patientOverview .profileDetails h6 {
  color: #6C747C;
  margin-bottom: 12px;
}
.patientOverview .profileDetails h6 span, .patientOverview .profileDetails h6 a {
  display: inline-block;
  vertical-align: middle;
}
.patientOverview .profileDetails h6 span {
  font-weight: 600;
  width: calc(100% - 48px);
}
.patientOverview .empty {
  color: #6C747C;
  margin-bottom: 8px;
}

@media (max-width: 500px) {
  .patientOverview .profileDetails h6 span, .patientOverview .profileDetails h6 a {
    display: block;
    width: 100%;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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 .radioGroup {
  margin: 16px 0;
}
.profileBasic .ethnicity label, .profileBasic .languages label {
  color: #6C747C;
  display: block;
  margin-bottom: 4px;
}
.profileBasic .patientId {
  max-width: 100%;
  position: relative;
  width: 280px;
}
.profileBasic .patientId a {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.profileBasic .patientId .textInput {
  width: 100%;
}

@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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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%;
}
.profileContactInfo .hint {
  font-size: 12px;
  margin-top: 8px;
}

@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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/healthProfile/lifestylePicker.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.lifestylePicker h4 {
  margin-bottom: 16px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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 .radioGroup {
  margin: 16px 0;
}
.profilePregnancyForm .textInput {
  width: 100%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/healthProfile/pharmacyModal.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.pharmacyModal h4 {
  margin-bottom: 16px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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 p {
  font-weight: 400;
}
.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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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;
}
.soapNote .carePlansList + .freeText {
  margin-top: 16px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/soap/soapPHRReviewCard.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.soapPHRReviewCard {
  margin-top: 16px;
}
.soapPHRReviewCard.warning .iconWrap {
  background: #B46001;
}
.soapPHRReviewCard .title {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
}
.soapPHRReviewCard .iconWrap {
  background: #343A40;
  border-radius: 50%;
  fill: #FFF;
  height: 32px;
  padding: 4px;
  width: 32px;
}
.soapPHRReviewCard h5 {
  margin-left: 10px;
}
.soapPHRReviewCard .btn {
  width: 100%;
  margin-bottom: 8px;
}
.soapPHRReviewCard .radioGroup.row .radio:not(:last-of-type) {
  margin: 0 0 8px 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/soap/metricHistoryRow.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.metricHistoryRow {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-top: 8px;
}
.metricHistoryRow.current {
  color: #343A40;
  font-size: 16px;
}
.metricHistoryRow .date {
  color: #6C747C;
}
.metricHistoryRow .value {
  font-weight: 600;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/soap/soapMetricsDisplay.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.soapMetricsDisplay {
  margin-top: 16px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/soap/carePlansList.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.carePlansList .planDetail {
  margin-bottom: 16px;
}
.carePlansList .planDetail:last-of-type {
  margin-bottom: 0;
}
.carePlansList .planDetail .bold {
  margin-bottom: 4px;
}
.carePlansList .planDetail ul {
  list-style: disc;
  margin: 4px 0 0 16px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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.renewable .details {
  width: calc(100% - 100px);
}
.profilePrescriptionItem.renewable > .svgIcon.ghost {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.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 {
  font-size: 12px;
  margin: 0 16px;
  width: calc(100% - 76px);
}
.profilePrescriptionItem .details > div {
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profilePrescriptionItem .details > div.name {
  margin-bottom: 4px;
}
.profilePrescriptionItem .details > div:last-child {
  margin-bottom: 0;
}
.profilePrescriptionItem .prescriptionIcon {
  fill: #FFF;
}

@media (max-width: 500px) {
  .profilePrescriptionItem.renewable .details {
    width: calc(100% - 48px);
  }
  .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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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;
  position: relative;
}
.profilePrescriptionDetails .panelContent section h4 > div > * {
  display: inline-block;
  vertical-align: middle;
}
.profilePrescriptionDetails .panelContent section h4 > div .svgIcon {
  margin-right: 4px;
}
.profilePrescriptionDetails .panelContent section h4 .btn {
  position: absolute;
  right: 0;
  top: 0;
}
.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 .panelContent section > div:not(:last-of-type) {
    margin-bottom: 4px;
  }
  .profilePrescriptionDetails .panelContent section h4 .btn {
    margin: 8px 0;
    position: static;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/patients/patientDetail.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.patientDetail .pageHeader .container {
  position: relative;
}
.patientDetail .pageHeader .container .additional {
  position: absolute;
  right: 8px;
  top: 9px;
}
.patientDetail .tabContent {
  min-height: 300px;
}
.patientDetail .tabContent .loading {
  margin-top: 24px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/messages/conversationSnapshot.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.conversationSnapshot {
  cursor: pointer;
  padding: 16px;
}
.conversationSnapshot.update .status .new {
  display: block;
}
.conversationSnapshot:hover, .conversationSnapshot:active {
  background: #F8F9FA;
}
.conversationSnapshot.active {
  background: #F8F9FA;
  border-left: 3px solid var(--primaryLight, #B2C7E6);
  padding-left: 13px;
}
.conversationSnapshot > div {
  display: inline-block;
  vertical-align: top;
}
.conversationSnapshot .avatarContainer {
  margin-right: 12px;
}
.conversationSnapshot .details {
  width: calc(100% - 138px);
}
.conversationSnapshot .details .name {
  font-weight: 600;
  margin-bottom: 2px;
}
.conversationSnapshot .details .subaccountParent {
  color: #6C747C;
  font-size: 12px;
}
.conversationSnapshot .details .msg {
  font-size: 12px;
}
.conversationSnapshot .status {
  font-size: 12px;
  max-width: 82px;
  width: 82px;
  text-align: right;
}
.conversationSnapshot .status .time {
  color: #6C747C;
  margin-bottom: 8px;
}
.conversationSnapshot .status .new {
  display: none;
}
.conversationSnapshot .status .new:after {
  border-radius: 5px;
  background: var(--primary, #3F72C0);
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
}
.conversationSnapshot .status .convArchived {
  height: 14px;
  margin-right: -8px;
  fill: #6C747C;
}

@media (max-width: 900px) {
  .conversationSnapshot {
    position: relative;
  }
  .conversationSnapshot.member.update .status {
    display: block;
  }
  .conversationSnapshot.member.update .status .time {
    display: none;
  }
  .conversationSnapshot.member.update .status .new {
    display: block;
    position: absolute;
    top: 6px;
    right: 18px;
  }
  .conversationSnapshot.member > :not(.avatarContainer) {
    display: none;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/patientMessages/patientConversationsList.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.patientConversationsList .noMessage .emptyImage {
  width: 180px;
  height: 180px;
  margin: 80px auto 0;
  background-image: url(/common/images/svg/illustrations/messageDoctor.svg?e6534f005c5dd4d4b03e);
  background-size: contain;
}
.patientConversationsList .noMessage h3 {
  width: 300px;
  max-width: 100%;
  margin: 0 auto 12px;
}
.patientConversationsList .noMessage .description {
  width: 280px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}
.patientConversationsList .title {
  padding: 16px 0 12px;
  position: relative;
}
.patientConversationsList .title h4 {
  font-weight: 600;
  padding-left: 16px;
}
.patientConversationsList .searchBox {
  margin: 0 12px;
  background-color: #F1F3F5;
}
.patientConversationsList .newMessage {
  border-bottom: 1px solid #E9ECEF;
  padding: 8px 0;
  text-align: center;
}
.patientConversationsList .conversationFilter {
  margin: 12px;
}
.patientConversationsList .conversationSnapshot {
  border-bottom: 1px solid #E9ECEF;
}

@media (max-width: 900px) {
  .patientConversationsList .title h4 {
    font-size: 14px;
    padding-left: 4px;
  }
  .patientConversationsList .searchBox, .patientConversationsList .conversationFilter {
    display: none;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/patientMessages/flagMessageModal.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.flagMessageModal p {
  margin: 12px 0 24px;
}
.flagMessageModal h6 {
  margin: 24px 0 12px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/messages/providerToMemberHeader.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.providerToMemberHeader .conversationHeader .headerDetails {
  width: calc(100% - 320px);
}
.providerToMemberHeader .conversationHeader .headerDetails a {
  width: 100%;
}
.providerToMemberHeader .conversationHeader .headerDetails .description {
  margin-top: 2px;
}
.providerToMemberHeader .conversationHeader .actions {
  top: 14px;
}
.providerToMemberHeader .conversationHeader .actions > .svgIcon .fill {
  fill: var(--primary, #3F72C0);
}
.providerToMemberHeader .conversationHeader .actions .btn {
  height: 36px;
}
.providerToMemberHeader .conversationHeader .actions .markAsDoneButtonContent {
  fill: #FFF;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.providerToMemberHeader .conversationHeader .actions .markAsDoneButtonContent .svgIcon {
  margin: 0 4px 0 0;
}
.providerToMemberHeader .conversationHeader .actions .mobileIcon {
  display: none;
}

@media (max-width: 600px) {
  .providerToMemberHeader .conversationHeader .headerDetails {
    width: calc(100% - 190px);
  }
  .providerToMemberHeader .conversationHeader .actions .btn {
    display: none;
  }
  .providerToMemberHeader .conversationHeader .actions .mobileIcon {
    display: inline-block;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/shared/offlineBanner.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.offlineBanner {
  text-align: center;
  width: 100%;
  border-color: #C31704;
  background: #C31704;
  color: #FFF;
  padding: 16px;
}
.offlineBanner > * {
  vertical-align: middle;
}
.offlineBanner .svgIcon {
  margin-right: 8px;
  fill: #FFF;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/patientMessages/patientMessages.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.patientMessages {
  background-color: #FFF;
}
.patientMessages > div {
  display: inline-block;
  vertical-align: top;
}
.patientMessages .leftContainer {
  width: 320px;
  height: 100vh;
  overflow-y: auto;
  background-color: #FFF;
}
.patientMessages .leftContainer.empty {
  width: 1024px;
  max-width: 100%;
}
.patientMessages .leftContainer.empty .conversationSnapshot.member > :not(.avatarContainer) {
  display: inline-block;
}
.patientMessages .mainContainer {
  border-left: 1px solid #E9ECEF;
  max-width: 880px;
  width: calc(100% - 320px);
  position: relative;
}
.patientMessages .mainContainer .offlineBanner {
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 1;
}
.patientMessages .mainContainer .conversation .chatContainer {
  height: calc(100vh - 81px);
}

@media (max-width: 900px) {
  .patientMessages .leftContainer {
    width: 80px;
  }
  .patientMessages .mainContainer {
    width: calc(100% - 80px);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/messages/conversationsList.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.conversationsList {
  background: #FFF;
  width: 320px;
  max-height: 100vh;
  min-height: 100vh;
}
.conversationsList .title {
  padding: 16px 0 12px;
  position: relative;
}
.conversationsList .title h4, .conversationsList .title .actions {
  display: inline-block;
  vertical-align: top;
}
.conversationsList .title h4 {
  padding-left: 16px;
}
.conversationsList .title .actions {
  position: absolute;
  right: 8px;
  top: 8px;
}
.conversationsList .conversationFilter {
  padding-left: 16px;
  margin-bottom: 12px;
}
.conversationsList .listContainer {
  overflow-y: auto;
  height: calc(100vh - 108px);
}
.conversationsList .listContainer .newMessage {
  border-bottom: 1px solid #E9ECEF;
  padding: 8px 0;
  text-align: center;
}
.conversationsList .listContainer .conversationSnapshot {
  border-bottom: 1px solid #E9ECEF;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/messages/startConversation.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.startConversation {
  background: #FFF;
}
.startConversation .search {
  border-bottom: 1px solid #E9ECEF;
  height: 57px;
  padding: 16px;
}
.startConversation .search input {
  border: 0 none;
  width: calc(100% - 50px);
  outline: none;
}
.startConversation .resultsList .selectableList {
  max-height: calc(100vh - 57px);
  height: calc(100vh - 57px);
}
.startConversation .resultsList .empty {
  padding: 16px;
}
.startConversation .resultsList .card > div {
  display: inline-block;
  vertical-align: top;
}
.startConversation .resultsList .card .details {
  margin-left: 8px;
  width: calc(100% - 52px);
}
.startConversation .resultsList .card .details .name {
  margin-bottom: 4px;
}
.startConversation .resultsList .card .details .specialty {
  color: #6C747C;
  font-size: 12px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/messages/docMessages.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.docMessages > div {
  display: inline-block;
  vertical-align: top;
}
.docMessages .leftContainer {
  width: 320px;
}
.docMessages .mainContainer {
  border-left: 1px solid #E9ECEF;
  max-width: 880px;
  width: calc(100% - 320px);
  position: relative;
}
.docMessages .mainContainer .offlineBanner {
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 1;
}
.docMessages .mainContainer .conversation .chatContainer {
  height: calc(100vh - 81px);
}

@media (max-width: 700px) {
  .docMessages.activeConversation .leftContainer {
    display: none;
  }
  .docMessages.activeConversation .mainContainer {
    display: block;
    width: 100%;
  }
  .docMessages .mainContainer {
    display: none;
  }
}
@media (max-width: 400px) {
  .messagesPage .leftContainer {
    width: 100%;
  }
  .messagesPage .leftContainer .conversationsList {
    width: 100%;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/messages/docMessagesPage.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.docMessagesPage .providerHeader {
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/shared/learnTeachLayout.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.learnTeachLayout .container {
  padding: 0 8px 0 0;
}
.learnTeachLayout .container > div {
  display: inline-block;
  vertical-align: top;
}
.learnTeachLayout .mainContent {
  width: calc(100% - 308px);
}
.learnTeachLayout .sideContent {
  margin-left: 8px;
  width: 300px;
}
.learnTeachLayout .sideContent .greatAnswersLink {
  display: block;
  padding: 12px;
}
.learnTeachLayout .sideContent .panel {
  margin-bottom: 8px;
}
.learnTeachLayout .sideContent .loading {
  margin: 16px auto;
}
.learnTeachLayout .sideBanner {
  font-size: 18px;
  font-weight: 600;
  padding: 16px;
}

@media (max-width: 1000px) {
  .providerLeftNavLayout.expand .learnTeachLayout .container {
    padding-right: 0;
  }
  .providerLeftNavLayout.expand .learnTeachLayout .container .mainContent {
    width: 100%;
  }
  .providerLeftNavLayout.expand .learnTeachLayout .container .sideContent {
    display: none;
  }
}
@media (max-width: 700px) {
  .learnTeachLayout .container {
    padding-right: 0;
  }
  .learnTeachLayout .container .mainContent {
    width: 100%;
  }
  .learnTeachLayout .container .sideContent {
    display: none;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/shared/searchFilter.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.learnTeachLayout .searchFilter .panel {
  margin-bottom: 8px;
  padding: 12px 0;
}
.learnTeachLayout .searchFilter .baseSearch {
  padding: 0 16px;
}
.learnTeachLayout .searchFilter .baseSearch.add .searchBox {
  width: calc(100% - 88px);
}
.learnTeachLayout .searchFilter .baseSearch > div {
  display: inline-block;
  vertical-align: top;
}
.learnTeachLayout .searchFilter .baseSearch .searchBox {
  margin-right: 8px;
  width: calc(100% - 48px);
}
.learnTeachLayout .searchFilter .baseSearch .searchBox input {
  border-radius: 24px;
  height: 36px;
  line-height: 36px;
  z-index: 1;
}
.learnTeachLayout .searchFilter .baseSearch .filter {
  cursor: pointer;
}
.learnTeachLayout .searchFilter .baseSearch .addButton {
  cursor: pointer;
  text-align: center;
  width: 40px;
}
.learnTeachLayout .searchFilter .baseSearch .addButton:before {
  content: "+";
  font-size: 24px;
  height: 40px;
  line-height: 40px;
}
.learnTeachLayout .searchFilter .baseSearch .addButton:hover:before, .learnTeachLayout .searchFilter .baseSearch .addButton:active:before {
  color: var(--primary, #3F72C0);
}
.learnTeachLayout .searchFilter .filterContainer {
  border-top: 1px solid #E9ECEF;
  margin-top: 12px;
  padding: 0 16px;
}
.learnTeachLayout .searchFilter .filterContainer .mainFilters {
  padding-top: 8px;
}
.learnTeachLayout .searchFilter .filterContainer .mainFilters > div {
  display: inline-block;
  vertical-align: top;
}
.learnTeachLayout .searchFilter .filterContainer .mainFilters .checkbox {
  margin: 8px 24px 16px 0;
}
.learnTeachLayout .searchFilter .filterContainer .mainFilters .dropdown {
  max-width: 300px;
  min-width: 150px;
  width: calc(100% - 128px);
}
.learnTeachLayout .searchFilter .filterContainer .additionalFilters {
  margin-top: 12px;
}

@media (max-width: 500px) {
  .learnTeachLayout .searchFilter .filterContainer .mainFilters .dropdown {
    width: 100%;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/shared/aiAvatar.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.aiAvatarContainer {
  position: relative;
}
.aiAvatarContainer .aiAvatar {
  background: url(/provider/images/svg/aiAvatar.svg?b4da14b99be2ddb59c7c) 0 0 no-repeat;
  border-radius: 50%;
  height: 32px;
  width: 32px;
}

body.Safari .avatarContainer {
  -webkit-transform: translateZ(0);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/shared/feedItem.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.feedItem .panel {
  margin-bottom: 8px;
}
.feedItem.disabled {
  opacity: 0.5;
}
.feedItem.trainAIItem .panel {
  padding: 16px;
}
.feedItem.trainAIItem .answerSelection > div {
  margin: 12px 0;
}
.feedItem.trainAIItem .answerSelection .radioGroup .radio {
  display: block;
  margin-bottom: 8px;
}
.feedItem.trainAIItem .answerSelection .radioGroup .radio:last-of-type {
  margin-bottom: 24px;
}
.feedItem.trainAIItem .answerSummary > div:not(.thanks) {
  color: #343A40;
  margin-bottom: 4px;
}
.feedItem.trainAIItem .answerSummary > div:not(.thanks) span {
  color: #6C747C;
}
.feedItem.trainAIItem .answerSummary .horizontalDivider {
  margin: 16px 0;
}
.feedItem.trainAIItem .answerSummary .thanks {
  color: #018611;
  margin: 24px 0 12px;
  fill: #018611;
}
.feedItem.trainAIItem .answerSummary .thanks span {
  display: inline-block;
  vertical-align: middle;
}
.feedItem.trainAIItem .answerSummary .thanks span:not(.check) {
  width: calc(100% - 28px);
}
.feedItem .topContent > div {
  display: inline-block;
  vertical-align: top;
}
.feedItem .topContent .tagContainer {
  display: block;
  position: relative;
}
.feedItem .topContent .tagContainer > div.svgIcon, .feedItem .topContent .tagContainer .menuTip {
  position: absolute;
  top: -12px;
  right: -12px;
}
.feedItem .topContent .tagContainer .tag {
  margin-bottom: 12px;
}
.feedItem .topContent .avatarContainer, .feedItem .topContent .aiAvatarContainer {
  margin-right: 12px;
}
.feedItem .topContent .detailContent {
  position: relative;
  width: calc(100% - 44px);
}
.feedItem .topContent .detailContent h6 {
  color: #6C747C;
  margin-bottom: 2px;
}
.feedItem .topContent .detailContent h6 span.primary {
  color: #343A40;
}
.feedItem .topContent .detailContent .details {
  color: #6C747C;
  font-size: 12px;
  margin-bottom: 16px;
}
.feedItem .topContent .detailContent .aiLabel {
  color: #6C747C;
  font-size: 12px;
}
.feedItem .topContent .detailContent .aiMeta, .feedItem .topContent .detailContent h5 {
  margin-bottom: 16px;
}
.feedItem .counts {
  color: #6C747C;
  font-size: 12px;
  margin: 8px 0;
}
.feedItem .counts span.bullet {
  padding: 0 4px;
}
.feedItem .actions {
  position: relative;
  margin-top: 16px;
  text-align: right;
}
.feedItem .actions .empty {
  height: 32px;
}
.feedItem .actions .btn {
  min-width: 80px;
}
.feedItem .actions .btn.btnSuccess {
  background: #018611;
  color: #FFF;
}
.feedItem .actions .btn.btnSuccess:hover, .feedItem .actions .btn.btnSuccess:active {
  background: #0b771a;
}

.feedItemTip .learnTeachFeedTip a {
  min-width: 80px;
}

@media (max-width: 400px) {
  .feedItem .topContent .avatarContainer {
    display: none;
  }
  .feedItem .topContent .detailContent {
    display: block;
    width: 100%;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/shared/tag.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.tag {
  background: #F8F9FA;
  border-radius: 4px;
  color: #343A40;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 8px;
  vertical-align: top;
}
.tag.green {
  background: #cbe1b3;
  color: #7DB342;
}
.tag.orange {
  background: #fbd999;
  color: #F59F00;
}
.tag.pink {
  background: #efadc4;
  color: #D6336C;
}
.tag.blue {
  background: #b3cefb;
  color: #4285f4;
}
.tag.purple {
  background: #dfb2e9;
  color: #AE3EC9;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/shared/flagModal.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.flagModal h4 {
  margin-bottom: 16px;
}
.flagModal .radioGroup {
  margin: 24px 0;
}
.flagModal h6 {
  font-size: 12px;
  margin-bottom: 8px;
}
.flagModal h6 .grey {
  color: #6C747C;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/questions/providerCard.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.providerCard > div {
  display: inline-block;
  vertical-align: top;
}
.providerCard .avatarContainer {
  margin-right: 16px;
}
.providerCard .details {
  width: calc(100% - 60px);
}
.providerCard .details div {
  margin-bottom: 2px;
}
.providerCard .details p {
  color: #6C747C;
  font-size: 12px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/questions/referColleagueModal.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.referColleagueModal .container {
  width: 700px;
}
.referColleagueModal h4 {
  margin-bottom: 24px;
}
.referColleagueModal .panel {
  border: 1px solid #E9ECEF;
  margin: 24px auto;
  max-width: 100%;
  width: 440px;
}
.referColleagueModal h6 {
  font-size: 12px;
  margin: 24px 0 16px;
}
.referColleagueModal h6 .grey {
  color: #6C747C;
  font-weight: 400;
}
.referColleagueModal .questionItem h6 {
  margin-top: 0;
}
.referColleagueModal .recipientType {
  margin-bottom: 24px;
}
.referColleagueModal .searchContainer .nameInputContainer .empty {
  color: #6C747C;
  margin-top: 12px;
}
.referColleagueModal .searchContainer .providersList {
  border: 1px solid #F1F3F5;
  margin-top: 24px;
  max-height: 300px;
  overflow-y: auto;
}
.referColleagueModal .searchContainer .providersList .providerCard {
  cursor: pointer;
  padding: 16px;
}
.referColleagueModal .searchContainer .providersList .providerCard:not(:last-of-type) {
  border-bottom: 1px solid #F1F3F5;
}
.referColleagueModal .searchContainer .providersList .providerCard:hover, .referColleagueModal .searchContainer .providersList .providerCard:active {
  background: #F8F9FA;
}
.referColleagueModal .searchContainer .selectedProvider {
  position: relative;
  width: 300px;
}
.referColleagueModal .searchContainer .selectedProvider .providerCard {
  border: 1px solid #F1F3F5;
  border-radius: 6px;
  width: 300px;
  padding: 16px;
}
.referColleagueModal .searchContainer .selectedProvider .removeProvider {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  fill: #6C747C;
}
.referColleagueModal .searchContainer .selectedProvider .removeProvider:hover, .referColleagueModal .searchContainer .selectedProvider .removeProvider:active {
  fill: var(--primary, #3F72C0);
}
.referColleagueModal .specialtyContainer .dropdown {
  width: 300px;
}
.referColleagueModal .specialtyContainer .dropdown .displayValue {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.referColleagueModal .textArea textarea {
  height: 130px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/questions/questionItem.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.questionItem .topContent {
  padding: 16px;
}
.questionItem .userProfile .row {
  color: #6C747C;
  margin: 12px 0;
}
.questionItem .userProfile .row > div {
  font-weight: 600;
  display: inline-block;
  color: #343A40;
  width: 120px;
}
.questionItem .waitingMarker {
  color: #C31704;
}
.questionItem .waitingMarker .svgIcon {
  fill: #C31704;
  vertical-align: middle;
}
.questionItem .waitingMarker span {
  white-space: nowrap;
}
.questionItem .nearbyMarker {
  color: #018611;
}
.questionItem .actions {
  margin-top: 8px;
}
.questionItem .actions .svgIcon {
  vertical-align: middle;
  margin-right: 12px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/shared/addComment.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.addComment {
  background: var(--primaryFaint, #ECF1F9);
  padding: 16px 16px 12px;
}
.addComment > div {
  display: inline-block;
  vertical-align: top;
}
.addComment .avatarContainer {
  margin-right: 8px;
}
.addComment .commentDetails {
  position: relative;
  width: calc(100% - 40px);
}
.addComment .commentDetails .textAreaContainer {
  border: 1px solid #E9ECEF;
  border-radius: 16px;
  width: 100%;
}
.addComment .commentDetails .textAreaContainer .textArea textarea {
  background: #FFF;
  border-radius: 0;
  padding: 4px;
}
.addComment .commentDetails .textAreaContainer .textArea .underline {
  display: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/shared/comment.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.comment {
  padding: 16px;
}
.comment > div {
  display: inline-block;
  vertical-align: top;
}
.comment .avatarContainer {
  margin-right: 12px;
}
.comment .commentBody {
  width: calc(100% - 44px);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/questions/answerItem.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.answerItem .topContent {
  padding: 16px;
}
.answerItem .question {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600;
}
.answerItem .answer {
  margin-top: 16px;
}
.answerItem .answer h5 {
  font-size: 14px;
  margin-bottom: 4px;
}
.answerItem .answer p {
  margin-bottom: 16px;
}
.answerItem .tags {
  margin-bottom: 12px;
}
.answerItem .tags .tag {
  background: var(--primaryFaint, #ECF1F9);
  border-radius: 6px;
  color: var(--primary, #3F72C0);
  display: inline-block;
  font-size: 11px;
  margin: 0 8px 4px 0;
  padding: 2px 8px;
}
.answerItem .actions .svgIcon {
  vertical-align: middle;
  margin-right: 12px;
}
.answerItem .imagePreview img {
  max-width: calc(100% - 20px);
  max-height: 240px;
  margin: 8px 0;
}
.answerItem .comments {
  border-top: 1px solid #E9ECEF;
}
.answerItem .comments > .commentList {
  border-top: none;
}
.answerItem .comments > .commentList .comment {
  margin-left: 44px;
}
.answerItem .comments > .actions, .answerItem .comments .listLoader {
  padding: 16px;
  text-align: center;
}
.answerItem .comments > .actions {
  cursor: pointer;
  font-weight: 600;
  text-align: center;
}
.answerItem .comments > .actions:hover, .answerItem .comments > .actions:active {
  text-decoration: underline;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/peerReviews/peerReviewAnswerItem.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.peerReviewAnswerItem .topContent .detailContent h6 {
  margin-bottom: 16px;
}
.peerReviewAnswerItem .topContent .detailContent .question {
  margin-top: 0;
}

@media (max-width: 360px) {
  .peerReviewAnswerItem .actions .btnSecondary {
    margin: 0 8px 10px 0;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/shared/learnTeachFeed.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.learnTeachFeed.emptyState {
  text-align: center;
  margin-top: 24px;
  color: #6C747C;
  font-weight: 400;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/questions/greatAnswersModal.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.greatAnswersModal h4 {
  margin-bottom: 24px;
}
.greatAnswersModal h5 {
  margin-bottom: 16px;
}
.greatAnswersModal h5:not(:first-of-type) {
  margin-top: 24px;
}
.greatAnswersModal h5 span {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 36px);
}
.greatAnswersModal h5 span.count {
  background: var(--primary, #3F72C0);
  border-radius: 12px;
  color: #FFF;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  margin-right: 12px;
  text-align: center;
  width: 24px;
}

@media (max-width: 500px) {
  .greatAnswersModal .container {
    padding-left: 0;
    padding-right: 0;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/questions/greatAnswersLink.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
.greatAnswersLink .svgIcon.flat {
  fill: var(--primary, #3F72C0);
  margin-right: 8px;
  cursor: pointer;
  vertical-align: middle;
}
.greatAnswersLink:hover .svgIcon, .greatAnswersLink:active .svgIcon {
  fill: var(--primaryDark, #3D67A6);
}
.greatAnswersLink h6 {
  display: inline-block;
  margin-top: 2px;
  vertical-align: middle;
  width: calc(100% - 32px);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/shared/learnTeachProviderCard.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.learnTeachProviderCard > div {
  display: inline-block;
  vertical-align: middle;
}
.learnTeachProviderCard .details {
  margin-left: 12px;
  width: calc(100% - 56px);
}
.learnTeachProviderCard a {
  font-weight: 600;
}
.learnTeachProviderCard p {
  color: #6C747C;
  font-size: 12px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/shared/leaderboard.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.leaderboard h4 {
  font-size: 14px;
  padding: 16px 16px 0;
}
.leaderboard .learnTeachProviderCard {
  padding: 12px 16px;
}
.leaderboard .learnTeachProviderCard:not(:last-of-type) {
  border-bottom: 1px solid #E9ECEF;
}
.leaderboard .learnTeachProviderCard .additional {
  margin-top: 4px;
}
.leaderboard .learnTeachProviderCard .additional span {
  display: inline-block;
  vertical-align: middle;
}
.leaderboard .learnTeachProviderCard .additional .svgIcon {
  fill: var(--primary, #3F72C0);
  vertical-align: middle;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/shared/delightModule.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.delight {
  color: #6C747C;
  font-size: 12px;
  text-align: center;
  padding: 16px;
  line-height: 24px;
  fill: var(--primary, #3F72C0);
}
.delight span {
  display: inline-block;
  vertical-align: middle;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/htmg/htmgAppUpsell.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.htmgAppUpsell .panel {
  padding: 16px;
}
.htmgAppUpsell .panel .image {
  background: url(/provider/images/svg/htmgGroup.svg?a6188640f7f7ac169e06) 0 0 no-repeat;
  height: 146px;
  margin: 0 auto 16px;
  width: 190px;
}
.htmgAppUpsell .panel h4 {
  margin-bottom: 8px;
}
.htmgAppUpsell .panel p {
  margin-bottom: 16px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/shared/activityItem.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.activityItem {
  padding: 12px 16px;
}
.activityItem > div {
  display: inline-block;
  vertical-align: top;
}
.activityItem .details {
  margin-left: 12px;
  width: calc(100% - 56px);
}
.activityItem h5 {
  color: #6C747C;
  font-size: 14px;
  margin-bottom: 4px;
}
.activityItem .question {
  font-size: 12px;
}
.activityItem .question:before, .activityItem .question:after {
  content: '"';
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/shared/whatsHappening.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.whatsHappening h4 {
  font-size: 14px;
  padding: 16px 16px 8px;
}
.whatsHappening .activityItem {
  border-bottom: 1px solid #E9ECEF;
}
.whatsHappening .more {
  display: block;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/learnTeachPage.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.learnTeachPage .providerLeftNavLayout #content.tabbed {
  max-width: 1060px;
}
.learnTeachPage .mobile .fgIframeContainer {
  height: 100vh;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/questions/relatedDoctors.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.relatedDoctors h5.title {
  padding: 16px 16px 0;
}
.relatedDoctors .learnTeachProviderCard {
  padding: 12px 16px;
}
.relatedDoctors .learnTeachProviderCard:not(:last-of-type) {
  border-bottom: 1px solid #E9ECEF;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/questions/relatedQuestions.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
.relatedQuestions h5.title {
  padding: 16px 16px 0;
}
.relatedQuestions .questionItem {
  border-bottom: 1px solid #E9ECEF;
}
.relatedQuestions .questionItem .panel {
  background: transparent;
  box-shadow: none;
  margin-bottom: 0;
}
.relatedQuestions .questionItem .topContent {
  padding: 12px 16px;
}
.relatedQuestions .questionItem .detailContent .details {
  margin-bottom: 0;
}
.relatedQuestions .questionItem .itemBody h5 {
  font-size: 14px;
  margin: 8px 0;
}
.relatedQuestions .questionItem .itemBody .question {
  font-size: 12px;
  margin-bottom: 0;
}
.relatedQuestions .questionItem .itemBody .more {
  text-align: left;
}
.relatedQuestions .more {
  display: block;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/questions/learnAndTeachQuestion.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.learnAndTeachQuestion {
  max-width: 1060px;
}
.learnAndTeachQuestion .pageHeader h4 {
  padding-left: 8px;
}
.learnAndTeachQuestion .actionsPanel {
  color: var(--primary, #3F72C0);
  cursor: pointer;
  padding: 8px;
  text-align: center;
}
.learnAndTeachQuestion .actionsPanel:hover, .learnAndTeachQuestion .actionsPanel:active {
  color: var(--primaryDark, #3D67A6);
}
.learnAndTeachQuestion .actionsPanel.disabled {
  color: #6C747C;
  cursor: default;
}
.learnAndTeachQuestion .actionsPanel.disabled:hover, .learnAndTeachQuestion .actionsPanel.disabled:active {
  color: #6C747C;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/questions/previousAnswerCard.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.previousAnswerCard .question {
  font-size: 16px;
  margin-bottom: 16px;
}
.previousAnswerCard .question:before, .previousAnswerCard .question:after {
  content: '"';
}
.previousAnswerCard .answer p {
  color: #6C747C;
  margin-bottom: 16px;
}
.previousAnswerCard .answer h6 {
  margin-bottom: 12px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/questions/recycleAnswerModal.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.recycleAnswerModal h4 {
  margin-bottom: 24px;
}
.recycleAnswerModal .hint {
  font-size: 12px;
  margin-bottom: 12px;
}
.recycleAnswerModal .searchBox {
  margin-bottom: 12px;
}
.recycleAnswerModal .empty {
  color: #6C747C;
  margin-bottom: 12px;
}
.recycleAnswerModal .answersList {
  border: 1px solid #E9ECEF;
  border-radius: 6px;
  max-height: 300px;
  overflow-y: auto;
}
.recycleAnswerModal .answersList .previousAnswerCard {
  cursor: pointer;
  padding: 16px;
}
.recycleAnswerModal .answersList .previousAnswerCard:hover, .recycleAnswerModal .answersList .previousAnswerCard:active {
  background: #F8F9FA;
}
.recycleAnswerModal .answersList .previousAnswerCard.active {
  background: var(--primaryLight, #B2C7E6);
}
.recycleAnswerModal .answersList .previousAnswerCard:not(:last-of-type) {
  border-bottom: 1px solid #E9ECEF;
}
.recycleAnswerModal .more {
  color: var(--primary, #3F72C0);
  padding: 8px 0;
  text-align: center;
  cursor: pointer;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/questions/cmeAgreementModal.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.cmeAgreementModal h4 {
  margin-bottom: 24px;
}
.cmeAgreementModal h5 {
  margin: 24px 0 12px;
}
.cmeAgreementModal .light {
  color: #6C747C;
}
.cmeAgreementModal .right {
  text-align: right;
}
.cmeAgreementModal .right span.pageNum {
  padding: 0 16px;
}
.cmeAgreementModal .right a.disabled {
  pointer-events: none;
  color: #6C747C;
}
.cmeAgreementModal .content {
  padding: 16px;
  border: 1px solid #F1F3F5;
  border-radius: 6px;
  height: 400px;
  overflow-y: auto;
  margin: 8px auto 16px;
}
.cmeAgreementModal .content li:before {
  width: 48px;
  padding: 0 16px;
  content: ".";
  font-size: 24px;
  font-weight: 600;
  color: #000;
  vertical-align: super;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/shared/segmentedControl.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.segmentedControl {
  width: 100%;
  margin: 16px auto;
  border-radius: 4px;
  border: 1px solid var(--primary, #3F72C0);
  overflow: hidden;
}
.segmentedControl.disabled {
  border: 1px solid var(--primaryLight, #B2C7E6);
}
.segmentedControl.disabled input {
  pointer-events: none;
}
.segmentedControl.disabled .label:not(:first-of-type) {
  border-left: 1px solid var(--primaryLight, #B2C7E6);
}
.segmentedControl.disabled .label.selected {
  background: var(--primaryLight, #B2C7E6);
}
.segmentedControl input {
  display: none;
}
.segmentedControl .label label {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px;
  cursor: pointer;
}
.segmentedControl .label {
  display: inline-block;
  vertical-align: top;
  background: #FFF;
  color: var(--primary, #3F72C0);
  font-size: 12px;
  text-align: center;
  transition: all 0.2s ease-out;
}
.segmentedControl .label:not(:first-of-type) {
  border-left: 1px solid var(--primary, #3F72C0);
}
.segmentedControl .label.selected {
  background: var(--primary, #3F72C0);
  color: #FFF;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/questions/cmeEarnCreditsModal.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.earnCreditsModal {
  max-width: 800px;
  position: absolute;
  top: 48px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 24px;
}
.earnCreditsModal h2 {
  text-align: center;
  margin-bottom: 4px;
}
.earnCreditsModal .hint {
  font-size: 14px;
  margin-bottom: 32px;
  color: #6C747C;
  text-align: center;
}
.earnCreditsModal .searchBox {
  margin-bottom: 12px;
}
.earnCreditsModal .empty {
  color: #6C747C;
  margin: 12px;
  text-align: center;
}
.earnCreditsModal .right {
  text-align: right;
  height: 24px;
}
.earnCreditsModal .right .pageNum {
  padding: 0 16px;
  color: #6C747C;
}
.earnCreditsModal .right .svgIcon {
  display: inline-block;
  vertical-align: middle;
}
.earnCreditsModal .right .btnPrev .svgIcon {
  transform: rotate(180deg);
}
.earnCreditsModal .dropdown {
  width: 100%;
}
.earnCreditsModal .errorMsg {
  margin: 12px 0;
  text-align: center;
}
.earnCreditsModal .learnItemsList {
  border: 1px solid #F1F3F5;
  border-radius: 6px;
  height: 500px;
  overflow-y: auto;
  margin: 8px auto 16px;
}
.earnCreditsModal .learnItemsList a {
  color: var(--primary, #3F72C0);
  font-weight: 600;
}
.earnCreditsModal .learnItemsList a:hover, .earnCreditsModal .learnItemsList a:active {
  color: var(--primaryDark, #3D67A6);
}
.earnCreditsModal .learnItemCard {
  margin: 16px;
}
.earnCreditsModal .learnItemCard .subtitle {
  color: #6C747C;
  margin-bottom: 12px;
  font-size: 12px;
}
.earnCreditsModal .learnItemCard .title {
  font-size: 14px;
  margin-bottom: 2px;
}
.earnCreditsModal .learnItemCard:not(:last-of-type) {
  border-bottom: 1px solid #E9ECEF;
}

@media (max-width: 400px) {
  .earnCreditsModal .segmentedControl .label {
    height: 50px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/shared/tag.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.tag {
  background: var(--primaryFaint, #ECF1F9);
  border-radius: 6px;
  color: var(--primary, #3F72C0);
  display: inline-block;
  font-size: 12px;
  padding: 2px 8px;
}
.tag > span, .tag .svgIcon {
  display: inline-block;
  vertical-align: middle;
}
.tag > span {
  margin-right: 4px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/questions/addAnswerItem.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.addAnswerItem .panel {
  padding: 16px;
  width: 100%;
}
.addAnswerItem .topLinks {
  margin-bottom: 24px;
  margin-left: 48px;
}
.addAnswerItem .topLinks div {
  display: inline-block;
}
.addAnswerItem .topLinks > .svgIcon {
  fill: #6C747C;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 4px;
}
.addAnswerItem .guidelines {
  font-size: 12px;
}
.addAnswerItem .guidelines .verticalDivider {
  margin: 0 12px;
  padding: 1px;
}
.addAnswerItem .itemContent > div {
  display: inline-block;
  vertical-align: top;
}
.addAnswerItem .itemContent .details {
  margin-left: 16px;
  width: calc(100% - 48px);
}
.addAnswerItem .itemContent .details > div {
  margin-bottom: 16px;
}
.addAnswerItem .itemContent .details .notice {
  margin-bottom: 8px;
}
.addAnswerItem .itemContent .details h5 {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px;
}
.addAnswerItem .itemContent .details .textArea textarea {
  height: 128px;
}
.addAnswerItem .itemContent .details .topic {
  margin-top: 48px;
}
.addAnswerItem .itemContent .details .topic .answerTagsAutocomplete {
  margin-bottom: 16px;
}
.addAnswerItem .itemContent .details .topic .tags {
  min-height: 36px;
}
.addAnswerItem .itemContent .details .topic .tags .tag {
  margin-right: 8px;
  margin-bottom: 4px;
}
.addAnswerItem .itemContent .details .topic .addTopic {
  width: 60%;
}
.addAnswerItem .itemContent .details .actions {
  margin-top: 24px;
}

.answerGuidelinesModal h4, .answerGuidelinesModal h4 {
  margin-bottom: 16px;
}
.answerGuidelinesModal ol, .answerGuidelinesModal ol {
  list-style: decimal;
  margin: 12px 0 0 24px;
}
.answerGuidelinesModal ol li, .answerGuidelinesModal ol li {
  margin-bottom: 8px;
}
.answerGuidelinesModal div, .answerGuidelinesModal li, .answerGuidelinesModal div, .answerGuidelinesModal li {
  font-size: 12px;
}

@media (max-width: 800px) {
  .addAnswerItem .topLinks {
    margin-left: 0;
  }
  .addAnswerItem .itemContent .avatarContainer {
    display: none;
  }
  .addAnswerItem .itemContent .details {
    margin-left: 0;
    width: 100%;
  }
  .addAnswerItem .itemContent .details .topic > div {
    display: block;
    width: 100%;
  }
  .addAnswerItem .itemContent .details .topic > div.addTopic {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .addAnswerItem .topLinks .earnCreditsLink, .addAnswerItem .topLinks .svgIcon {
    display: none;
  }
  .addAnswerItem .topLinks .checkbox label {
    max-width: calc(100% - 40px);
  }
  .addAnswerItem .itemContent .details .guidelines a {
    display: block;
  }
  .addAnswerItem .itemContent .details .guidelines .verticalDivider {
    display: none;
  }
  .addAnswerItem .submit {
    text-align: right;
  }
  .addAnswerItem .submit .btn {
    margin-bottom: 8px;
  }
  #root.cc .addAnswerItem .submit .btn:not(:last-of-type) {
    margin-right: 0;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/learnTeach/questions/addAnswer.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.addAnswer {
  max-height: calc(100vh - 60px);
  max-width: 1024px;
  overflow-y: auto;
}
.addAnswer .pageHeader h4 {
  padding-left: 8px;
}
.addAnswer .addAnswerItem {
  margin-bottom: 12px;
}
.addAnswer .pageFooter {
  text-align: right;
  color: #6C747C;
  font-size: 11px;
  margin-bottom: 16px;
}

.confirmationModal h4 {
  margin-bottom: 16px;
}
.confirmationModal div {
  font-size: 12px;
}

@media (max-width: 800px) {
  .addAnswer .container {
    padding: 0;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/transactions/transactionsTable.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.transactionsTable {
  border: 1px solid #E9ECEF;
}
.transactionsTable thead tr {
  border-bottom: 1px solid #E9ECEF;
}
.transactionsTable thead th {
  font-weight: 600;
  padding: 8px 12px;
  width: 20%;
}
.transactionsTable thead th.description {
  width: 40%;
}
.transactionsTable tbody tr {
  border-bottom: 1px solid #E9ECEF;
}
.transactionsTable tbody tr td {
  padding: 8px 12px;
}
.transactionsTable tbody tr td.description a {
  white-space: nowrap;
}
.transactionsTable .capitalize {
  text-transform: capitalize;
}
.transactionsTable .date, .transactionsTable .time {
  text-align: center;
}
.transactionsTable .balance {
  text-align: right;
}
.transactionsTable .balance .credit {
  color: #018611;
}
.transactionsTable .balance .credit:before {
  color: #018611;
  content: "+";
}
.transactionsTable .balance .debit {
  color: #C31704;
}
.transactionsTable .balance .debit:before {
  color: #C31704;
  content: "-";
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/transactions/transactions.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.transactions .summary {
  margin: 8px 0 0;
}
.transactions .summary h4 {
  font-weight: 600;
}
.transactions .summary label {
  color: #6C747C;
  font-size: 12px;
  font-weight: 400;
}
.transactions .summary .panel {
  display: inline-block;
  padding: 16px;
  vertical-align: top;
}
.transactions .summary .panel:first-of-type {
  margin-right: 16px;
}
.transactions .summary .panel > div {
  display: inline-block;
  vertical-align: top;
}
.transactions .summary .panel > div:not(:last-of-type) {
  margin-right: 32px;
}
.transactions .summary .panel div {
  font-size: 24px;
  font-weight: 600;
}
.transactions .mainContent {
  background: #FFF;
}
.transactions .mainContent .panel {
  padding: 16px;
}
.transactions .mainContent .panel .empty {
  text-align: center;
}
.transactions .mainContent .panel .empty:before {
  background: url(/common/images/svg/illustrations/searchBinoculars.svg?3690e3d41f845a41c584) 0 0 no-repeat;
  content: "";
  display: block;
  height: 180px;
  margin: 0 auto;
  width: 180px;
}
.transactions .mainContent .panel .empty h4 {
  font-weight: 600;
  margin-bottom: 20px;
}
.transactions .filters {
  margin-bottom: 16px;
  position: relative;
}
.transactions .filters .calendarInput > * {
  display: inline-block;
  vertical-align: top;
}
.transactions .filters .calendarInput label {
  margin-top: 9px;
}
.transactions .filters .calendarInput input {
  margin: 0 12px;
  width: 156px;
}
.transactions .filters .export {
  position: absolute;
  right: 0;
  top: 9px;
}
.transactions .filters .export a {
  text-transform: uppercase;
}
.transactions .scrollable {
  max-width: 100%;
  overflow-x: auto;
}
.transactions .tableContainer {
  min-width: 700px;
}
.transactions .tableContainer table {
  width: 100%;
}
.transactions .pagination {
  margin-top: 16px;
}

@media (max-width: 600px) {
  .transactions .summary .panel {
    width: 220px;
  }
  .transactions .summary .panel > div {
    display: block;
  }
  .transactions .summary .panel > div:not(:last-of-type) > div {
    margin-bottom: 8px;
  }
  .transactions .mainContent .filters .export {
    margin-bottom: 8px;
    position: static;
  }
}
@media (max-width: 550px) {
  .transactions .mainContent .filters .date > div {
    display: block;
    margin-top: 8px;
  }
  .transactions .mainContent .filters .date > div label {
    display: inline-block;
    width: 40px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/account/accountSetting.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.accountSetting {
  position: relative;
  padding: 16px 20px;
  border-bottom: 1px solid #F1F3F5;
}
.accountSetting.readOnly {
  cursor: not-allowed;
}
.accountSetting.closed {
  cursor: pointer;
}
.accountSetting.closed:hover, .accountSetting.closed:active {
  background-color: #F8F9FA;
}
.accountSetting .label {
  color: #6C747C;
  margin-bottom: 8px;
}
.accountSetting .displayContent {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.accountSetting .displayContent:hover .action, .accountSetting .displayContent:active .action {
  color: var(--primaryDark, #3D67A6);
}
.accountSetting .displayContent .display {
  width: calc(100% - 50px);
}
.accountSetting .displayContent .display .label:only-child {
  margin-bottom: 0;
}
.accountSetting .displayContent .value {
  font-size: 16px;
  word-break: break-word;
}
.accountSetting .displayContent .action {
  color: var(--primary, #3F72C0);
}
.accountSetting .editContent .textInput {
  display: block;
  width: 100%;
}
.accountSetting .editContent .textInput:not(:last-of-type) {
  margin-bottom: 16px;
}
.accountSetting .editContent .actions {
  margin-top: 24px;
}

@media (max-width: 500px) {
  .accountSetting .displayContent {
    display: block;
  }
  .accountSetting .displayContent .display {
    margin-bottom: 8px;
    width: 100%;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/account/accountEmail.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.accountEmail .editContent .current {
  font-size: 16px;
  margin-bottom: 24px;
  word-break: break-word;
}
.accountEmail .emailContainer {
  margin-bottom: 24px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/account/accountPassword.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.accountPassword .accountSetting .editContent > .label {
  margin-bottom: 16px;
}
.accountPassword .accountSetting .editContent .passwordInput {
  margin-bottom: 12px;
}
.accountPassword .accountSetting .editContent .passwordInput .textInput {
  margin-bottom: 0;
}
.accountPassword .accountSetting .editContent .passwordInput .textInput + .inputError {
  margin-top: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/shared/eSignaturePad.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.eSignaturePad .signatureArea {
  background-color: #E9ECEF;
  position: relative;
  margin: 16px auto;
}
.eSignaturePad .signatureArea:before {
  border-bottom: 1px solid #6C747C;
  bottom: 16px;
  content: "X";
  color: #6C747C;
  height: 20px;
  left: 2%;
  text-align: left;
  position: absolute;
  width: 96%;
}
.eSignaturePad .signatureArea .signaturePad {
  position: absolute;
  left: 0;
  top: 0;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/settings/account/accountSignature.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.accountSignature .signatureLabel > * {
  display: inline-block;
  vertical-align: middle;
}
.accountSignature .signatureLabel > span {
  margin-right: 4px;
}
.accountSignature img {
  border: 1px solid #6C747C;
  border-radius: 4px;
  margin: 16px 16px 0 0;
  width: 300px;
}

@media (max-width: 768px) {
  .accountSignature .signatureLabel .toolTip {
    max-width: 200px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/settings/account/accountAddress.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.accountAddress .addressInput .dropdown .label {
  margin-bottom: 4px;
}
.accountAddress .addressInput .half > div {
  width: calc(50% - 8px);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/settings/account/verifyPhoneModal.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.verifyPhoneModal {
  padding: 12px;
}
.verifyPhoneModal p {
  font-size: 16px;
}
.verifyPhoneModal .textInput {
  display: block;
  margin-top: 24px;
  width: 100%;
}
.verifyPhoneModal .resend {
  margin-top: 16px;
}
.verifyPhoneModal .resend a {
  vertical-align: middle;
  margin-right: 8px;
}
.verifyPhoneModal .resend .loading {
  height: 12px;
  display: inline-block;
  margin: 0 4px;
}
.verifyPhoneModal .resend .loading:after {
  height: 16px;
  width: 16px;
}
.verifyPhoneModal .resend .sent {
  display: inline-block;
  color: #018611;
}
.verifyPhoneModal .resend .sent .svgIcon, .verifyPhoneModal .resend .sent text {
  fill: #018611;
  vertical-align: middle;
}
.verifyPhoneModal .errorMsg {
  margin-top: 8px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/settings/account/accountPrimaryPhone.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.accountPrimaryPhone {
  border-bottom: 1px solid #F1F3F5;
  padding: 16px 20px;
}
.accountPrimaryPhone .label {
  color: #6C747C;
  margin-bottom: 8px;
}
.accountPrimaryPhone .number > * {
  vertical-align: middle;
}
.accountPrimaryPhone .number .svgIcon {
  margin: 0 8px 0 16px;
}
.accountPrimaryPhone .status {
  display: inline-block;
  color: #B46001;
  fill: #B46001;
}
.accountPrimaryPhone .status > * {
  vertical-align: middle;
}
.accountPrimaryPhone .status.verified {
  color: #018611;
  fill: #018611;
}
.accountPrimaryPhone .display {
  align-items: self-end;
  display: flex;
  justify-content: space-between;
}
.accountPrimaryPhone .display .label:only-child {
  margin-bottom: 0;
}
.accountPrimaryPhone .display .actions > a:last-of-type {
  margin-left: 12px;
}
.accountPrimaryPhone .display .actions > a:last-of-type:only-child {
  margin-left: 0;
}
.accountPrimaryPhone .edit .number {
  margin-bottom: 36px;
}
.accountPrimaryPhone .edit p {
  margin-bottom: 8px;
}
.accountPrimaryPhone .edit .textInput {
  width: calc(100% - 110px);
}
.accountPrimaryPhone .edit .textInput.countryCode {
  width: 100px;
}

@media (max-width: 550px) {
  .accountPrimaryPhone .display {
    display: block;
  }
  .accountPrimaryPhone .display .actions {
    text-align: left;
  }
}
@media (max-width: 360px) {
  .accountPrimaryPhone .number {
    margin-bottom: 8px;
  }
  .accountPrimaryPhone .number span:first-of-type {
    display: block;
  }
  .accountPrimaryPhone .number .svgIcon {
    margin-left: 0;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/settings/account/accountPhone.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.accountPhone .editContent .phoneInput .textInput {
  margin-bottom: 0;
  width: calc(100% - 110px);
}
.accountPhone .editContent .phoneInput .textInput.countryCode {
  width: 100px;
}

@media (max-width: 450px) {
  .accountPhone .phoneInput .textInput {
    width: 100%;
  }
  .accountPhone .phoneInput .textInput:first-of-type {
    margin-bottom: 8px;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/settings/account/accountSettings.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.accountSettings h4 {
  border-bottom: 1px solid #E9ECEF;
  padding: 16px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/account/notificationToggle.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.notificationToggle {
  align-items: center;
  color: #343A40;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  padding: 6px 0;
}
.notificationToggle.off {
  color: #6C747C;
  fill: #6C747C;
}
.notificationToggle .svgIcon {
  margin-right: 8px;
  fill: #343A40;
}
.notificationToggle .label > * {
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 768px) {
  .notificationToggle {
    padding: 8px 0;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/account/notificationSettings.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.notificationSettings .panel > p {
  padding: 0 16px 8px;
}
.notificationSettings .collapse .collapseTitle {
  padding: 8px 16px;
}
.notificationSettings .collapse .collapseTitle h5 {
  width: calc(100% - 40px);
}
.notificationSettings .collapse .collapseContent {
  padding: 0 16px;
}
.notificationSettings .notificationSetting {
  margin: 12px 0;
}
.notificationSettings .notificationSetting > p {
  margin-bottom: 12px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/settings/paymentSettings.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.paymentSettings {
  margin: 16px;
}
.paymentSettings.error {
  text-align: center;
}
.paymentSettings.error h3:before {
  background: url(/common/images/svg/illustrations/exceptionGrey.svg?fc3d6452450f40134857) 0 0 no-repeat;
  content: "";
  display: block;
  height: 180px;
  width: 180px;
  margin: 0 auto;
}
.paymentSettings p {
  margin: 16px 0;
}
.paymentSettings .payoneer {
  margin: 32px 0;
}
.paymentSettings .payoneer .logo, .paymentSettings .payoneer .btn {
  display: inline-block;
  vertical-align: middle;
}
.paymentSettings .payoneer .logo {
  background: url(/provider/images/png/payoneer.png?01803f93a4b181434b8a) center center no-repeat;
  background-size: contain;
  width: 160px;
  height: 32px;
  margin-right: 16px;
}
.paymentSettings ul li {
  list-style: decimal inside;
}

@media (max-width: 500px) {
  .paymentSettings .payoneer .logo, .paymentSettings .payoneer .btn {
    display: block;
    margin: 16px auto;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/settings/settingsPage.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.settingsPage #content .container {
  margin: 8px auto 0;
  max-width: 100%;
  width: 700px;
}
.settingsPage .notificationSettings {
  margin-top: 16px;
}
.settingsPage .notificationSettings h4 {
  margin: 16px;
}
.settingsPage .shifts .panel {
  max-width: 100%;
  margin: 0 auto;
  width: 600px;
  padding: 16px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/emailUnsubscribe/emailUnsubscribe.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.emailUnsubscribe {
  text-align: left;
}
.emailUnsubscribe h3 {
  margin: 0 0 16px;
  word-wrap: break-word;
}
.emailUnsubscribe .panel {
  border: 1px solid #E9ECEF;
}
.emailUnsubscribe .panel .actions {
  margin-top: 24px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/layout/providerStaticLayout.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.providerStaticLayout {
  background: #FFF;
}
.providerStaticLayout .header {
  border-bottom: 1px solid #E9ECEF;
  margin-bottom: 60px;
  padding: 10px 0;
  position: relative;
}
.providerStaticLayout .header .svgIcon {
  left: 16px;
  position: absolute;
  top: 12px;
  transform: rotate(180deg);
}
.providerStaticLayout .header .logo {
  background: url(/common/images/logo/logoMain.svg?8a57b3fb1f3a86f9267b) 0 0 no-repeat;
  height: 39px;
  margin: 0 auto;
  width: 138px;
}
.providerStaticLayout #content {
  margin: 0 auto;
  min-height: calc(100vh - 310px);
  text-align: center;
}
.providerStaticLayout #content .container {
  width: 500px;
}
.providerStaticLayout h2, .providerStaticLayout h5 {
  margin-bottom: 16px;
}
.providerStaticLayout .textInput {
  width: 100%;
}
.providerStaticLayout .actions {
  margin-top: 48px;
}
.providerStaticLayout .signUpUpsell, .providerStaticLayout .help {
  margin-top: 24px;
}
.providerStaticLayout .disclaimer {
  line-height: 18px;
}
.providerStaticLayout .disclaimer a {
  color: var(--primary, #3F72C0);
  white-space: nowrap;
  font-weight: 400;
}
.providerStaticLayout .disclaimer a:hover, .providerStaticLayout .disclaimer a:active {
  color: var(--primaryDark, #3D67A6);
}
.providerStaticLayout #footer {
  background: #F8F9FA;
  margin-top: 80px;
}
.providerStaticLayout #footer .container {
  padding: 0;
}
.providerStaticLayout #footer .topBar {
  background: #F8F9FA;
  height: 44px;
}
.providerStaticLayout #footer .topBar .siteLinks {
  padding-top: 16px;
}
.providerStaticLayout #footer .topBar .appLinks {
  right: 0;
  top: 14px;
}
.providerStaticLayout #footer .bottomBar {
  height: 44px;
}
.providerStaticLayout #footer .bottomBar .made {
  padding-top: 16px;
}
.providerStaticLayout #footer .bottomBar .copy {
  right: 0;
  top: 14px;
}

@media (max-width: 1080px) {
  .providerStaticLayout #footer .container {
    padding: 0 16px;
  }
  .providerStaticLayout #footer .topBar .appLinks, .providerStaticLayout #footer .topBar .copy, .providerStaticLayout #footer .bottomBar .appLinks, .providerStaticLayout #footer .bottomBar .copy {
    right: 16px;
  }
}
@media (max-width: 650px) {
  .providerStaticLayout #footer {
    border-top: 1px solid #E9ECEF;
  }
  .providerStaticLayout #footer .topBar {
    height: auto;
  }
  .providerStaticLayout #footer .bottomBar {
    height: auto;
    padding-bottom: 1px;
  }
}
@media (max-width: 550px) {
  .providerStaticLayout #content {
    min-height: calc(100vh - 400px);
  }
  .providerStaticLayout #content .container {
    padding: 0 16px;
    width: 100%;
  }
  .providerStaticLayout #content h2 {
    font-size: 24px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/emailUnsubscribe/emailUnsubscribePage.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
.emailUnsubscribePage #content .container {
  width: 600px;
}
.emailUnsubscribePage #content .container .panel {
  padding: 24px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/ongoingConsult/ongoingConsultPage.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.ongoingConsultPage .panel {
  border: 1px solid #E9ECEF;
  box-shadow: none;
  padding: 20px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/providerProfile/location/officeTimesInput.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.officeTimesInput > div {
  display: inline-block;
  vertical-align: middle;
}
.officeTimesInput .timeRange {
  margin-right: 8px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/providerProfile/location/officeHoursInput.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.officeHoursInput > div {
  display: inline-block;
  vertical-align: top;
}
.officeHoursInput .checkbox {
  margin-top: 4px;
  width: 140px;
}
.officeHoursInput .timeSlot > div:not(:last-of-type) {
  margin-bottom: 8px;
}
.officeHoursInput .errorMsg {
  margin-top: 8px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/providerProfile/location/addInsuranceModal.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.addInsuranceModal .autocomplete {
  margin-bottom: 16px;
}
.addInsuranceModal .textArea textarea {
  height: 126px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/shared/removableCard.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.removableCard {
  border: 1px solid #E9ECEF;
  border-radius: 8px;
  padding: 12px;
}
.removableCard.disabled .panel .details {
  width: 100%;
}
.removableCard > div {
  display: inline-block;
  vertical-align: middle;
}
.removableCard .details {
  margin-right: 8px;
  width: calc(100% - 44px);
  word-wrap: break-word;
}
.removableCard h5 {
  margin-bottom: 4px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/providerProfile/location/profileLocationEdit.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.profileLocationEdit > .panel {
  padding: 24px;
}
.profileLocationEdit .section {
  margin-bottom: 16px;
}
.profileLocationEdit .section h4 {
  margin-bottom: 16px;
}
.profileLocationEdit .section > p {
  color: #6C747C;
  margin-bottom: 16px;
}
.profileLocationEdit .section > p.bold {
  color: #343A40;
}
.profileLocationEdit .section > div > .textInput {
  margin-bottom: 16px;
  width: 100%;
}
.profileLocationEdit .section > div.phone, .profileLocationEdit .section > div.fax {
  display: inline-block;
}
.profileLocationEdit .section > div.phone.phone, .profileLocationEdit .section > div.fax.phone {
  margin-right: 16px;
}
.profileLocationEdit .section > div.phone > .phoneInput, .profileLocationEdit .section > div.fax > .phoneInput {
  display: inline-block;
  margin-bottom: 8px;
}
.profileLocationEdit .section .timezoneSelection .dropdown {
  margin-bottom: 16px;
  max-width: 100%;
  width: 400px;
}
.profileLocationEdit .officeHoursInput {
  margin-bottom: 12px;
}
.profileLocationEdit .removableCard {
  margin-bottom: 12px;
}
.profileLocationEdit .removableCard p {
  color: #6C747C;
}

@media (max-width: 620px) {
  .profileLocationEdit .officeHoursInput {
    margin-bottom: 20px;
  }
  .profileLocationEdit .officeHoursInput > div {
    display: block;
  }
  .profileLocationEdit .officeHoursInput .checkbox {
    margin-bottom: 8px;
  }
  .profileLocationEdit .officeHoursInput .timeSlot {
    margin-left: 40px;
  }
}
@media (max-width: 1024px) {
  .profileLocationEdit .section > div.phone, .profileLocationEdit .section > div.fax {
    display: block;
  }
  .profileLocationEdit .section > div.phone.phone, .profileLocationEdit .section > div.fax.phone {
    margin-right: 0;
  }
}
@media (max-width: 550px) {
  .profileLocationEdit .officeHoursInput .timeSlot .officeTimesInput .timeRange .timeSuggest {
    width: calc(50% - 10px);
  }
  .profileLocationEdit .officeHoursInput .timeSlot .officeTimesInput .svgIcon {
    margin: 4px 0 8px;
  }
}
@media (max-width: 500px) {
  .profileLocationEdit > .panel {
    padding: 12px;
  }
  .profileLocationEdit .section > div .phoneInput {
    margin-bottom: 0;
  }
  .profileLocationEdit .section > div .phoneInput .textInput {
    margin-bottom: 16px;
  }
  .profileLocationEdit .section > div .phoneInput .errorMsg {
    margin: -8px 0 16px;
  }
}
@media (max-width: 450px) {
  .profileLocationEdit .officeHoursInput .timeSlot {
    margin-left: 16px;
  }
  .profileLocationEdit .section > div .phoneInput > div {
    display: block;
  }
  .profileLocationEdit .section > div .phoneInput > div .textInput {
    width: 100%;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/providerProfile/location/profileLocationEditPage.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.profileLocationEditPage #content {
  max-width: 100%;
}
.profileLocationEditPage #content .container {
  padding-bottom: 48px;
}
.profileLocationEditPage .pageHeader h4 {
  padding-left: 8px;
}
.profileLocationEditPage .container {
  margin: 0 auto;
  max-width: 100%;
  width: 700px;
}

@media (max-width: 500px) {
  .profileLocationEditPage #content .container {
    padding: 0 8px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/soap/individualMetricCard.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.individualMetricCard {
  margin-top: 16px;
}
.individualMetricCard .cardContent .textInput {
  margin-top: 12px;
  width: 100%;
}
.individualMetricCard .cardContent .textInput input {
  width: 100%;
}
.individualMetricCard .cardContent .horizontalDivider {
  margin-top: 12px;
}
.individualMetricCard .cardContent .metricActions {
  display: flex;
  gap: 8px;
}
.individualMetricCard .cardContent .metricActions .btn {
  flex: 1;
  margin-top: 12px;
  width: auto;
}
.individualMetricCard .cardContent .metricActions .btn:has(.deleteValue) {
  color: #C31704;
}
.individualMetricCard .cardContent .metricActions .btn:has(.deleteValue) .svgIcon .fill {
  fill: #C31704;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/soap/individualMetricsEdit.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.individualMetricsEdit .soapMetricsHeader {
  align-items: center;
  display: flex;
  margin-top: 16px;
}
.individualMetricsEdit .soapMetricsHeader .iconWrap {
  background: #343A40;
  border-radius: 50%;
  fill: #FFF;
  height: 32px;
  padding: 4px;
  width: 32px;
}
.individualMetricsEdit .soapMetricsHeader h5 {
  margin-left: 10px;
}
.individualMetricsEdit .metricsReview {
  margin-top: 16px;
}
.individualMetricsEdit .metricsReview .btn {
  width: 100%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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 12px;
}
.soapRemovableCard .panel .cardContent {
  max-width: calc(100% - 32px);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/soap/soapSpecialtyMedicationInfo.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.soapSpecialtyMedicationInfo .panel {
  padding: 12px;
  border: 1px solid #E9ECEF;
  box-shadow: none;
}
.soapSpecialtyMedicationInfo p {
  margin-bottom: 24px;
}
.soapSpecialtyMedicationInfo .specialtyPharmacies {
  list-style: disc;
  margin: 0 0 24px 24px;
}
.soapSpecialtyMedicationInfo .guidelineLinks {
  margin-bottom: 12px;
}
.soapSpecialtyMedicationInfo .guidelineLinks a {
  font-weight: 600;
}
.soapSpecialtyMedicationInfo .btn {
  width: 100%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/soap/soapPrescriptionOverlay.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.soapPrescriptionOverlay .referenceDataError {
  text-align: center;
  padding: 40px 20px;
}
.soapPrescriptionOverlay .referenceDataError h4 {
  margin-bottom: 8px;
}
.soapPrescriptionOverlay .referenceDataError p {
  margin-bottom: 16px;
}
.soapPrescriptionOverlay section:not(:last-of-type) {
  margin-bottom: 24px;
}
.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 .rxPricing {
  margin-top: 4px;
}
.soapPrescriptionOverlay section .rxPricing .btn {
  width: 100%;
}
.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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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, .soapMedicalEquipmentsOverlayCard .medicalEquipmentDiagnosisCode label {
  color: #6C747C;
}
.soapMedicalEquipmentsOverlayCard .searchBox {
  width: 100%;
}
.soapMedicalEquipmentsOverlayCard .HCPCScode .textArea textarea {
  height: 40px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/consult/flagConsultModal.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.flagConsultModal .radioGroup {
  margin: 16px 0;
}
.flagConsultModal .textAreaContainer {
  margin: 16px 0;
}
.flagConsultModal .textAreaContainer textarea {
  height: 80px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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 .queueMonitor, .consultTranscript .noTranscript > .headerBar .container .queueMonitor {
  left: 56px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/shared/skipLink.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.skipLink {
  background: #FFF;
  left: 0;
  opacity: 0;
  padding: 4px;
  position: absolute;
}
.skipLink:focus-visible {
  opacity: 1;
}

@media (max-width: 1200px) {
  .skipLink {
    left: 40%;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/auth/onboardingHeader.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.onboardingHeader {
  background: #143566;
  height: 64px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.onboardingHeader .logoContainer, .onboardingHeader .navContainer {
  display: inline-block;
  vertical-align: top;
}
.onboardingHeader .logoContainer {
  padding: 6px 0;
  width: 200px;
}
.onboardingHeader .logoContainer .logo {
  background: transparent 0 center no-repeat;
  background-size: contain;
  height: 52px;
  width: 168px;
}
.onboardingHeader .logoContainer .logo.ht {
  background-image: url(/common/images/logo/logoMainWhite.svg?b308fdb234121078a0b1);
}
.onboardingHeader .navContainer {
  font-size: 16px;
  margin: 20px 0 0 16px;
  text-align: right;
  width: calc(100% - 216px);
}
.onboardingHeader .navContainer > :not(:last-child) {
  margin-right: 8px;
}
.onboardingHeader .navContainer button {
  color: #FFF;
  text-align: right;
}
.onboardingHeader .navContainer button:hover, .onboardingHeader .navContainer button:active {
  color: #E9ECEF;
  fill: #E9ECEF;
}
.onboardingHeader .navContainer button .svgIcon, .onboardingHeader .navContainer button > span {
  display: inline-block;
  vertical-align: middle;
}
.onboardingHeader .navContainer button .svgIcon {
  margin-right: 4px;
  fill: #FFF;
}
.onboardingHeader .navContainer button .svgIcon.flat {
  cursor: pointer;
}

@media (max-width: 600px) {
  .onboardingHeader {
    position: static;
    height: inherit;
  }
  .onboardingHeader .navContainer a > span {
    display: none;
  }
}
@media (max-width: 400px) {
  .onboardingHeader .navContainer .logout .svgIcon {
    display: none;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/layout/applicationLayout.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.applicationLayout .applicationContent {
  padding-top: 64px;
}

@media (max-width: 600px) {
  .applicationLayout .applicationContent {
    padding-top: 0;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/shared/sidebarLayout.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.sidebarLayout {
  padding-bottom: 32px;
}
.sidebarLayout .container > div {
  display: inline-block;
  padding-top: 60px;
  vertical-align: top;
}
.sidebarLayout .mainContent {
  margin-right: 32px;
  width: calc(100% - 332px);
}
.sidebarLayout .sidebar {
  max-width: 292px;
}
.sidebarLayout.stacked .container > div {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.sidebarLayout.stacked .container > div.mainContent {
  max-width: 600px;
}
.sidebarLayout.stacked .container > div.sidebar {
  padding-top: 0;
  margin-top: 32px;
}
.sidebarLayout.stacked .container > div.sidebar.hidden {
  display: none;
}

@media (max-width: 500px) {
  .sidebarLayout {
    padding-bottom: 24px;
  }
  .sidebarLayout .container > div {
    padding-top: 48px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/providerProfile/profile/displayChip.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.displayChip {
  background-color: #FFF;
  border: 1px solid #F1F3F5;
  border-radius: 18px;
  color: #6C747C;
  display: inline-block;
}
.displayChip > * {
  display: inline-block;
  vertical-align: middle;
}
.displayChip .h5 {
  line-height: 28px;
  margin: 4px 8px;
}
.displayChip .leftIcon {
  background-color: #F1F3F5;
  border-radius: 18px;
  padding: 0 4px;
  margin: 4px -4px 4px 4px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/search/languageSearchSelector.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.languageSearchSelector .language {
  margin-top: 20px;
  max-height: 50vh;
  overflow-y: auto;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/shared/providerBasicInfo.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.providerBasicInfo .languagesWrap {
  margin: 8px 0 20px;
}
.providerBasicInfo .languagesWrap .title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.providerBasicInfo .languagesWrap .displayChip {
  margin-right: 12px;
}
.providerBasicInfo .textInput, .providerBasicInfo .dropdown {
  margin-bottom: 16px;
}
.providerBasicInfo .autocomplete {
  margin-bottom: 16px;
}
.providerBasicInfo .autocomplete .textInput {
  margin-bottom: 0;
}
.providerBasicInfo .half > div {
  vertical-align: top;
  width: calc(50% - 8px);
}
.providerBasicInfo .half > div:first-of-type {
  margin-right: 16px;
}
.providerBasicInfo .dateInput {
  margin-bottom: 16px;
}
.providerBasicInfo .dateInput .textInput {
  margin-bottom: 4px;
}

@media (max-width: 500px) {
  .providerBasicInfo .half > div {
    width: 100%;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/shared/providerLicenseForm.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.providerLicenseForm .panel {
  border: 1px solid #E9ECEF;
  padding: 12px;
}
.providerLicenseForm .half {
  margin-bottom: 8px;
}
.providerLicenseForm .half > div {
  vertical-align: top;
  width: calc(50% - 8px);
}
.providerLicenseForm .half > div:first-of-type {
  margin-right: 16px;
}
.providerLicenseForm .npi {
  width: 100%;
}
.providerLicenseForm .remove {
  text-align: right;
  padding: 4px;
}
.providerLicenseForm .remove .svgIcon .fill {
  fill: #6C747C;
}

@media (max-width: 540px) {
  .providerLicenseForm .half {
    margin-bottom: 0;
  }
  .providerLicenseForm .half > div {
    margin-bottom: 16px;
    width: 100%;
  }
  .providerLicenseForm .npi {
    margin-bottom: 16px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/shared/providerLicense.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.providerLicense .textInput, .providerLicense .dropdown {
  margin-bottom: 16px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/shared/providerSpecialtyForm.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.providerSpecialtyForm .panel {
  border: 1px solid #E9ECEF;
  padding: 12px;
}
.providerSpecialtyForm .boardCertified > div {
  display: block;
}
.providerSpecialtyForm .boardCertified > div.checkbox {
  margin-bottom: 16px;
}
.providerSpecialtyForm .boardCertified > div.checkbox label {
  color: #6C747C;
}
.providerSpecialtyForm .dropdown {
  margin-bottom: 16px;
  width: 100%;
}
.providerSpecialtyForm .remove {
  text-align: right;
  padding: 4px;
}
.providerSpecialtyForm .remove .svgIcon .fill {
  fill: #6C747C;
}

@media (max-width: 400px) {
  .providerSpecialtyForm .boardCertified .checkbox label {
    margin-left: 8px;
    width: calc(100% - 32px);
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/shared/providerSpecialty.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.providerSpecialty > .errorMsg {
  margin-bottom: 16px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/htmg/providerContactInfo.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.providerContactInfo h3 {
  margin-bottom: 16px;
}
.providerContactInfo h3 > * {
  display: inline-block;
  vertical-align: top;
}
.providerContactInfo h3 .iconTip {
  margin-left: 4px;
}
.providerContactInfo .phoneInput {
  margin-bottom: 16px;
}
.providerContactInfo .phoneInput .textInput:not(.countryCode) {
  width: calc(100% - 110px);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/htmg/htmgPersonalInfo.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.htmgPersonalInfo h2 {
  margin-bottom: 32px;
}
.htmgPersonalInfo h3 {
  margin-bottom: 16px;
}
.htmgPersonalInfo h3 > span, .htmgPersonalInfo h3 .iconTip {
  display: inline-block;
  vertical-align: top;
}
.htmgPersonalInfo h3 .iconTip {
  margin: 2px 0 0 4px;
}
.htmgPersonalInfo .formDetails > div:not(:last-of-type) {
  margin-bottom: 32px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/htmg/htmgClinic.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.htmgClinic h4 {
  color: #029688;
}
.htmgClinic p {
  width: 60%;
}
.htmgClinic .checkbox {
  margin: 8px auto 16px;
}

@media (max-width: 600px) {
  .htmgClinics p {
    width: 100%;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/htmg/availabilityModal.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.availabilityModal {
  fill: #FFF;
}
.availabilityModal > div {
  margin-bottom: 8px;
}
.availabilityModal .subtitle {
  font-weight: 600;
}
.availabilityModal .svgIcon, .availabilityModal .text {
  display: inline-block;
  vertical-align: top;
}
.availabilityModal .clock .svgIcon {
  background: #D6336C;
}
.availabilityModal .clock .svgIcon:hover, .availabilityModal .clock .svgIcon:active {
  background: #D6336C;
}
.availabilityModal .payment .svgIcon {
  background: #4285f4;
}
.availabilityModal .payment .svgIcon:hover, .availabilityModal .payment .svgIcon:active {
  background: #4285f4;
}
.availabilityModal .doctor .svgIcon {
  background: #7DB342;
}
.availabilityModal .doctor .svgIcon:hover, .availabilityModal .doctor .svgIcon:active {
  background: #7DB342;
}
.availabilityModal .svgIcon {
  height: 48px;
  margin-right: 16px;
  padding: 12px;
  width: 48px;
}
.availabilityModal .textContent {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 64px);
}
.availabilityModal .textContent .subtitle {
  font-size: 20px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/htmg/shiftTable.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.shiftTable .errorMsg {
  margin-bottom: 16px;
}
.shiftTable .table {
  border: 1px solid #E9ECEF;
}
.shiftTable .table .timeShift, .shiftTable .table .dayShift {
  display: inline-block;
  vertical-align: top;
}
.shiftTable .table .timeShift > div {
  background: #F8F9FA;
  border-top: 1px solid #E9ECEF;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 114px;
}
.shiftTable .table .timeShift > div:first-of-type {
  height: 54px;
  border-top: none;
}
.shiftTable .table .dayShift {
  overflow-x: auto;
  width: calc(100% - 114px);
}
.shiftTable .table .dayShift .tableHead, .shiftTable .table .dayShift .tableBody {
  width: 560px;
}
.shiftTable .table .dayShift .tableHead {
  font-weight: 600;
  height: 54px;
  line-height: 54px;
}
.shiftTable .table .dayShift .tableHead > div {
  display: inline-block;
  text-align: center;
  width: 80px;
}
.shiftTable .table .dayShift .tableBody .tableRow {
  background: #FCFCFC;
  border-top: 1px solid #E9ECEF;
  height: 60px;
}
.shiftTable .table .dayShift .tableBody .tableRow > div {
  display: inline-block;
}
.shiftTable .table .dayShift .tableBody .tableRow .checkboxGroup .checkbox {
  margin: 17px 0 0;
  text-align: center;
  vertical-align: top;
  width: 80px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/htmg/volunteerProgram.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.volunteerProgram {
  border: 1px solid #E9ECEF;
  border-radius: 8px;
  padding: 24px;
}
.volunteerProgram > div {
  display: inline-block;
  vertical-align: top;
}
.volunteerProgram .image {
  background: url(/provider/images/svg/volunteer.svg?d14c59f406dbdabbaa1e) center no-repeat;
  height: 181px;
  margin-right: 16px;
  width: 220px;
}
.volunteerProgram .content {
  width: calc(100% - 236px);
}
.volunteerProgram .content h3 {
  color: #D6336C;
}

@media (max-width: 600px) {
  .volunteerProgram > div {
    display: block;
    margin: 0 auto;
  }
  .volunteerProgram .image {
    margin-right: auto;
    margin-bottom: 16px;
  }
  .volunteerProgram .content {
    width: 100%;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/htmg/htmgAvailability.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.htmgAvailability h2, .htmgAvailability h3 {
  margin-bottom: 8px;
}
.htmgAvailability p {
  margin-bottom: 32px;
}
.htmgAvailability p.subtitle {
  font-size: 16px;
}
.htmgAvailability p:last-of-type {
  margin: 8px 0 16px;
}
.htmgAvailability .mainContent > div > div {
  margin-bottom: 32px;
}
.htmgAvailability .mainContent .timezoneSelection {
  margin-bottom: 16px;
}
.htmgAvailability .mainContent .timezoneSelection .dropdown {
  width: 100%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/htmg/providerAttest.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.providerAttest {
  margin-bottom: 24px;
}
.providerAttest .question {
  margin-bottom: 16px;
}
.providerAttest .question p {
  font-size: 16px;
}
.providerAttest .question p span {
  font-weight: 600;
}
.providerAttest .radioGroup {
  margin-bottom: 16px;
}
.providerAttest .textAreaContainer textarea {
  height: 140px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/shared/eSignature.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.eSignature img, .eSignature .addSignature {
  background-color: #F1F3F5;
  border: 1px solid #E9ECEF;
  border-radius: 8px;
  height: 96px;
  width: 176px;
}
.eSignature img.hasError, .eSignature .addSignature.hasError {
  border-color: #C31704;
}
.eSignature .addSignature {
  cursor: pointer;
  padding: 36px;
}
.eSignature .addSignature span {
  color: #6C747C;
  font-weight: 600;
}
.eSignature a {
  margin-left: 8px;
}
.eSignature .errorMsg {
  margin-top: 8px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/htmg/contractAndAgreement.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.contractAndAgreement {
  margin-bottom: 16px;
}
.contractAndAgreement h3 {
  margin-bottom: 16px;
}
.contractAndAgreement > a {
  font-size: 16px;
  font-weight: 600;
}
.contractAndAgreement p {
  margin-top: 8px;
}
.contractAndAgreement .disclaimer {
  margin: 16px 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/htmg/htmgAttestation.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.htmgAttestation .mainContent > div > p {
  font-size: 16px;
  margin: 8px 0 32px;
}
.htmgAttestation h3 {
  margin-bottom: 16px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/auth/networkApp/appStatus.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.appStatus {
  margin-top: 60px;
}
.appStatus .content h3, .appStatus .content div {
  max-width: 400px;
  margin: 12px auto;
  text-align: center;
}
.appStatus .content h3:before {
  background: url(/common/images/png/openEmail.apng?d3cef14e60f46370510e) 0 0 no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 180px;
  margin: 0 auto;
  width: 180px;
}
.appStatus .actions {
  margin-top: 24px;
}

body.Safari .appStatus .content h3:before {
  background-image: url(/common/images/png/emailOpenStatic.png?ce12b6bc1b6a73f541ee);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/htmg/htmgApplication.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.htmgApplication section {
  margin-bottom: 20px;
}
.htmgApplication .finishAppFAQ h5 {
  margin-bottom: 4px;
}
.htmgApplication .finishAppFAQ p {
  margin-bottom: 24px;
}

@media (max-width: 500px) {
  .htmgApplication h2 {
    font-size: 24px;
  }
  .htmgApplication h3 {
    font-size: 20px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/auth/login.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.providerStaticLayout #content .login .actions {
  margin-top: 16px;
}

.loginPage .notification {
  border: 1px solid #018611;
  border-radius: 5px;
  color: #018611;
  padding: 8px;
  margin-bottom: 24px;
}
.loginPage .login {
  padding-bottom: 16px;
}
.loginPage .login .organizationInfo {
  margin-bottom: 16px;
}
.loginPage .login .organizationInfo .organizationLogo {
  background-size: cover;
  height: 64px;
  margin: 24px auto 12px;
  width: 64px;
}
.loginPage .login h3 {
  margin-bottom: 36px;
}
.loginPage .login .textInput {
  margin-bottom: 16px;
}
.loginPage .login .password {
  position: relative;
}
.loginPage .login .password .forgotPasswordLink {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.loginPage .login .errorMsg {
  text-align: left;
}
.loginPage .login > .actions {
  line-height: 40px;
  margin-bottom: 48px;
}
.loginPage .login > .actions .checkbox {
  display: block;
  text-align: left;
  margin-bottom: 24px;
}
.loginPage .login > .actions a {
  vertical-align: middle;
}

@media (max-width: 400px) {
  .loginPage .login > .actions {
    margin-bottom: 24px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/auth/loginPage.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.loginPage .providerStaticLayout #footer {
  margin-top: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/auth/networkApp/certifications.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.certifications {
  min-width: 334px;
}
.certifications > div {
  display: inline-block;
  vertical-align: middle;
}
.certifications > div:not(:last-of-type) {
  margin-right: 12px;
}
.certifications > div > div {
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
}
.certifications > div > div:not(:last-of-type) {
  margin-right: 12px;
}
.certifications > div > div > * {
  display: inline-block;
  vertical-align: middle;
}
.certifications > div > div div {
  color: #C2C6CA;
  font-size: 8px;
  font-weight: 600;
  margin-left: 8px;
}
.certifications > div > div div > span {
  display: block;
}

@media (max-width: 400px) {
  .certifications > div {
    display: block;
    margin: 0 0 12px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/auth/networkApp/signUp.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.signUp h2 {
  color: #343A40;
}
.signUp h5 {
  margin: 8px 0 16px;
}
.signUp .emailInput, .signUp .passwordInput, .signUp > .textInput {
  margin-bottom: 16px;
}
.signUp .textInput {
  width: 100%;
  vertical-align: top;
}
.signUp .passwordInput .inputError {
  margin-top: 8px;
  color: #C31704;
}
.signUp .terms {
  margin-top: 16px;
}
.signUp .actions {
  margin: 16px 0;
}
.signUp .actions .btn {
  width: 100%;
}
.signUp .login {
  color: #6C747C;
}
.signUp .apply {
  color: #6C747C;
  font-weight: 600;
  margin: 46px 0 16px;
}

#lightboxContent .emailErrorModalContainer h3 {
  margin-bottom: 16px;
}

@media (max-width: 500px) {
  .signUp h2 {
    font-size: 24px;
    margin-bottom: 12px;
  }
  .signUp h5 {
    font-size: 14px;
    margin-bottom: 24px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/auth/networkApp/whyHealthTap.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.whyHealthTap {
  color: #FFF;
}
.whyHealthTap h2 {
  margin-bottom: 24px;
}
.whyHealthTap .sections {
  margin-bottom: 48px;
}
.whyHealthTap .sections h5 {
  margin-bottom: 4px;
}
.whyHealthTap .sections > div:not(:last-of-type) {
  border-bottom: 1px solid #FFF;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.whyHealthTap .news .newsLogo > div {
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-top: 16px;
}
.whyHealthTap .news .newsLogo > div:not(:last-of-type) {
  margin-right: 16px;
}
.whyHealthTap .actions {
  display: none;
}

@media (max-width: 900px) {
  .whyHealthTap {
    background: url(/provider/images/jpg/signUpHero.jpg?e7ddff14b332cef56556) center center no-repeat;
    background-size: cover;
    padding: 48px 32px;
  }
  .whyHealthTap .actions.left {
    display: block;
    margin-top: 48px;
    text-align: left;
  }
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px), only screen and (-moz-min-device-pixel-ratio: 1.5) and (max-width: 900px), only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width: 900px), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 900px) {
  .whyHealthTap {
    background-image: url(/provider/images/jpg/signUpHero-2x.jpg?7859ed78211549d09fd5);
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/auth/networkApp/signUpProviderPage.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.signUpProviderPage .applicationContent {
  background: url(/provider/images/jpg/signUpHero.jpg?e7ddff14b332cef56556) center center no-repeat;
  background-size: cover;
  margin-top: 32px;
}
.signUpProviderPage .applicationContent .container {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.signUpProviderPage .applicationContent .container > div {
  width: calc(50% - 40px);
}
.signUpProviderPage .signUpPanel .panel {
  padding: 48px;
}

@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) {
  .signUpProviderPage .applicationContent {
    background-image: url(/provider/images/jpg/signUpHero-2x.jpg?7859ed78211549d09fd5);
  }
}
@media (max-width: 1000px) {
  .signUpProviderPage .applicationContent .container > div {
    width: calc(50% - 20px);
  }
}
@media (max-width: 900px) {
  .signUpProviderPage .applicationContent {
    background: transparent;
    margin-top: 0;
  }
  .signUpProviderPage .applicationContent .container {
    display: block;
    padding: 0;
    width: 100%;
  }
  .signUpProviderPage .applicationContent .container > div {
    width: 100%;
  }
  .signUpProviderPage .signUpPanel .panel {
    box-shadow: none;
    padding: 32px;
  }
  .signUpProviderPage .signUpPanel .panel .signUp {
    margin: 0 auto;
    max-width: 100%;
    width: 600px;
  }
}
@media (max-width: 500px) {
  .signUpProviderPage .signUpPanel .panel {
    padding: 24px 16px;
  }
  .signUpProviderPage .whyHealthTap {
    padding: 24px 16px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/auth/networkApp/networkAppForm.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.networkAppForm h2 {
  margin-bottom: 8px;
}
.networkAppForm h5 {
  margin-bottom: 32px;
}
.networkAppForm h3 {
  margin-bottom: 16px;
}
.networkAppForm h3 > span, .networkAppForm h3 .iconTip {
  display: inline-block;
  vertical-align: top;
}
.networkAppForm h3 .iconTip {
  margin: 2px 0 0 4px;
}
.networkAppForm .formDetails > div:not(:last-of-type) {
  margin-bottom: 32px;
}

@media (max-width: 500px) {
  .networkAppForm h2 {
    font-size: 24px;
  }
  .networkAppForm h5 {
    font-size: 14px;
  }
  .networkAppForm h3 {
    font-size: 20px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/auth/networkApp/appForm.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.appForm .sidebarLayout.stacked .container .mainContent {
  width: 100%;
}
.appForm .sidebarLayout .container .mainContent {
  width: calc(100% - 374px);
}
.appForm .sidebarLayout .container .sidebar {
  max-width: 334px;
}
.appForm .sideInfo {
  max-width: 292px;
}
.appForm .sideInfo > div:not(:last-of-type) {
  margin-bottom: 24px;
}
.appForm .sideInfo h5 {
  margin-bottom: 8px;
}
.appForm .sideInfo .testimonials > div {
  color: #6C747C;
  margin-bottom: 20px;
}
.appForm .sideInfo .testimonials .quote {
  color: #343A40;
  margin-bottom: 4px;
}
.appForm .sideInfo .testimonials .quote:before, .appForm .sideInfo .testimonials .quote:after {
  content: '"';
}
/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/auth/networkApp/completeApp.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.completeApp h6 {
  margin-bottom: 24px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./common/css/components/auth/needHelp.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.needHelp a {
  white-space: nowrap;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].use[3]!./provider/css/components/auth/forgotPassword.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.providerStaticLayout #content .forgotPassword h5 {
  margin-bottom: 16px;
}
.providerStaticLayout #content .forgotPassword .submitSuccess .actions {
  margin: 24px 0;
}

.forgotPassword p {
  margin-bottom: 32px;
}
.forgotPassword .submitSuccess p {
  margin-bottom: 24px;
}
.forgotPassword .emailInput {
  margin-top: 20px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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[8].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[8].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%;
  }
}