/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/LoginModal.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.loginModal .loginModalOverride {
  padding: 40px;
}
.loginModal .loginModalTitle {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 4px;
  color: #000209;
}
.loginModal .loginModalContent {
  max-width: 388px;
  position: relative;
}
.loginModal .loginButton {
  width: 100%;
}
.loginModal .loginButton .loadingSpinner {
  color: white;
}
.loginModal .forgotPasswordLink {
  margin-top: 24px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.loginModal .forgotPasswordLink:hover {
  text-decoration: underline !important;
}
.loginModal .inputTextField {
  width: 100%;
}
.loginModal .inputTextField .textBlack {
  color: black;
}
.loginModal .inputTextFieldPassword {
  margin-bottom: 28px;
}
.loginModal .inputText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 7px;
  border-radius: 4px;
  border: 1px solid #cbcbcb;
}
.loginModal .inputText::-moz-placeholder {
  font-weight: normal;
  letter-spacing: normal;
}
.loginModal .inputText::placeholder {
  font-weight: normal;
  letter-spacing: normal;
}
.loginModal .inputTextPassword {
  font-weight: 300;
  letter-spacing: 2px;
}
.loginModal .inputLabel {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  transform: translate(0);
  position: relative;
  top: 12px;
  margin-bottom: 8px;
}
.loginModal .inputErrorText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-top: 12px;
}
.loginModal .description {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #000209;
}
.loginModal .hiddenView {
  visibility: hidden;
}
.loginModal .overlayView {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.loginModal .successMessage {
  text-align: center;
  margin-top: 32px;
}
.loginModal .successMessage h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
.loginModal .successMessage p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #000209;
}

.materialLoginModal ._submitButton {
  text-transform: none;
}
.materialLoginModal ._error {
  color: #c71b16;
}
.materialLoginModal .separatedActions {
  justify-content: space-between;
}
.materialLoginModal .loadingIndicator {
  padding-top: 70px;
}

.secureLoginLinkSteps {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 40px;
  align-items: center;
}
.secureLoginLinkSteps .wordmarkImage {
  max-width: 215px;
  padding: 15px;
  margin-bottom: 24px;
}
.secureLoginLinkSteps .secureLoginLinkHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin: 0 0 8px 0;
}
.secureLoginLinkSteps .anchorButton {
  margin: 24px 0 16px 0;
}
.secureLoginLinkSteps .anchorButton:hover {
  text-decoration: none;
}
.secureLoginLinkSteps .buttonIcon {
  margin: 0 8px;
}
.secureLoginLinkSteps .actionButton {
  width: 100%;
}
.secureLoginLinkSteps .preSentStateContainer {
  align-items: center;
  text-align: center;
  width: 100%;
}
.secureLoginLinkSteps .sentStateContainer {
  text-align: center;
  align-items: center;
}
.secureLoginLinkSteps .sentStateContainer .bigIcon {
  margin-bottom: 24px;
}
.secureLoginLinkSteps .sentStateContainer .bodyWithEmail {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.secureLoginLinkSteps .sentStateContainer .bodyWithEmail .sentStateEmail {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.secureLoginLinkSteps .sentStateContainer .sentStateBody {
  margin-bottom: 24px;
}
.secureLoginLinkSteps .sentStateContainer .resendPrompt {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  margin-bottom: 16px;
}
.secureLoginLinkSteps .sentStateContainer .timeoutContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  margin-bottom: 24px;
  align-items: center;
}
.secureLoginLinkSteps .sentStateContainer .timeoutContainer .timeoutButton {
  flex-grow: 1;
}
.secureLoginLinkSteps .sentStateContainer .timeoutContainer .timer {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  width: 40px;
}
.secureLoginLinkSteps .sentStateContainer .externalLink {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #2c4e69;
  text-decoration: underline;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/documents/SortHeader.scss ***!
  \********************************************************************************************************************************************************************************************************/
.documentsTableHeader .sortHeaderButton {
  padding: 0;
  border: none;
  background-color: transparent;
  color: inherit;
  font: inherit;
}
.documentsTableHeader .sortHeaderButton .sortArrow {
  margin-left: 8px;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: inherit;
  padding: 0;
}
.documentsTableHeader .sortHeaderButton .unsortedArrow {
  color: #727272;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/PaperContainer.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.paperContainerRoot.paperContainerRoot {
  border: 1px solid #dedede;
  box-shadow: 0 2px 8px #dedede;
  border-radius: 8px;
}
.paperContainerRoot.paperContainerRoot.comfortable {
  padding: 48px;
}
.paperContainerRoot.paperContainerRoot.default {
  padding: 24px;
}
.paperContainerRoot.paperContainerRoot.compact {
  padding: 16px;
}
.paperContainerRoot.paperContainerRoot.error {
  border: 1px solid #c71b16;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/TabbedPageView.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.tabbedPageView {
  padding: 24px;
  gap: 16px;
  align-items: flex-start;
}
.tabbedPageView .tablistContainer {
  position: -webkit-sticky;
  position: sticky;
  top: 24px;
  width: calc(200px - 48px);
}
.tabbedPageView .tablistContainer .tablistHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 24px;
}
.tabbedPageView .tablistContainer .tabNavigation .borderLeft {
  border-left: 2px solid #dedede;
}
.tabbedPageView .tablistContainer .tabNavigation .tabItem {
  position: relative;
  right: 2px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  opacity: 1;
  text-align: left;
  min-height: 40px;
  text-transform: none;
  word-break: break-word;
  letter-spacing: -0.39px;
}
.tabbedPageView .tablistContainer .tabNavigation .tabItem:hover {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.tabbedPageView .tablistContainer .tabNavigation .tabItem.selected {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.tabbedPageView .tablistContainer .tabNavigation .tabItem .tabAlignLeft {
  align-items: flex-start;
}
.tabbedPageView .tablistContainer .tabNavigation .tabItem .tabAlignLeft.MuiTab-wrapper {
  display: block;
}
.tabbedPageView .tablistContainer .tabNavigation .tabIndicator {
  left: 0;
  right: unset;
  width: 4px;
}
.tabbedPageView .tablistContainer .additionalNav {
  margin-top: 32px;
}
.tabbedPageView .tabBody {
  flex-grow: 1;
  padding: 24px;
}
.tabbedPageView .tabBody .tabHeader {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/Button.scss ***!
  \**************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.libraryButton.libraryButton {
  height: 32px;
  padding: 4px 16px;
  text-transform: none;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.libraryButton.libraryButton.secondaryAlertButton {
  background-color: #f7f3f3;
  color: #c71b16;
  border: 1px solid #c71b16;
  fill: #c71b16;
  stroke: #c71b16;
}
.libraryButton.libraryButton.secondaryAlertButton:hover {
  background-color: #35100f;
  color: #ffffff;
  border-color: #35100f;
  fill: #ffffff;
  stroke: #ffffff;
}
.libraryButton.libraryButton.successButton {
  background-color: #1c834b;
  color: #ffffff;
  border: 1px solid #1c834b;
  fill: #ffffff;
  stroke: #ffffff;
}
.libraryButton.libraryButton.successButton:hover {
  background-color: #103822;
  color: #ffffff;
  border-color: #103822;
  fill: #ffffff;
  stroke: #ffffff;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/StyledMuiDataGrid.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.styledMuiDataGridRoot.styledMuiDataGridRoot {
  border: none;
}
.styledMuiDataGridRoot.styledMuiDataGridRoot .noRowsOverlay, .styledMuiDataGridRoot.styledMuiDataGridRoot .noResultsOverlay {
  background-color: #ffffff;
  color: #595959;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.styledMuiDataGridRoot.styledMuiDataGridRoot .MuiDataGrid-columnsContainer {
  border-bottom: none;
  border-radius: 6px;
}
.styledMuiDataGridRoot.styledMuiDataGridRoot .MuiDataGrid-columnsContainer .styledMuiDataGridColumnHeader {
  background-color: #f8f8f8;
  padding: 0 16px;
}
.styledMuiDataGridRoot.styledMuiDataGridRoot .MuiDataGrid-columnsContainer .styledMuiDataGridColumnHeader:last-child {
  border-radius: 0 6px 6px 0;
}
.styledMuiDataGridRoot.styledMuiDataGridRoot .MuiDataGrid-columnsContainer .styledMuiDataGridColumnHeader:focus, .styledMuiDataGridRoot.styledMuiDataGridRoot .MuiDataGrid-columnsContainer .styledMuiDataGridColumnHeader:focus-within {
  border-radius: 6px;
  outline: #949494 solid 1px;
  outline-offset: -4px;
}
.styledMuiDataGridRoot.styledMuiDataGridRoot .MuiDataGrid-columnsContainer .styledMuiDataGridColumnHeader .MuiDataGrid-columnHeaderTitleContainer {
  padding: 0;
}
.styledMuiDataGridRoot.styledMuiDataGridRoot .MuiDataGrid-columnsContainer .styledMuiDataGridColumnHeader .MuiDataGrid-columnHeaderTitleContainer .MuiDataGrid-columnHeaderTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.styledMuiDataGridRoot.styledMuiDataGridRoot .MuiDataGrid-columnsContainer .styledMuiDataGridColumnHeader .MuiDataGrid-columnSeparator {
  display: none;
}
.styledMuiDataGridRoot.styledMuiDataGridRoot .MuiDataGrid-renderingZone .styledMuiDataGridRow {
  margin-top: 8px;
  outline: 1px solid #dedede;
  outline-offset: -1px;
  border-radius: 6px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  transform: scale(0.996, 0.96);
}
.styledMuiDataGridRoot.styledMuiDataGridRoot .MuiDataGrid-renderingZone .styledMuiDataGridRow:hover {
  outline: solid 1px;
  background-color: #ffffff;
}
.styledMuiDataGridRoot.styledMuiDataGridRoot .MuiDataGrid-renderingZone .styledMuiDataGridRow .styledMuiDataGridCell {
  width: 100%;
  padding: 0 16px;
  border-bottom: none;
  color: #000209;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.styledMuiDataGridRoot.styledMuiDataGridRoot .MuiDataGrid-renderingZone .styledMuiDataGridRow .styledMuiDataGridCell:focus, .styledMuiDataGridRoot.styledMuiDataGridRoot .MuiDataGrid-renderingZone .styledMuiDataGridRow .styledMuiDataGridCell:focus-within {
  border-radius: 6px;
  outline: #949494 solid 1px;
  outline-offset: -4px;
}
.styledMuiDataGridRoot.styledMuiDataGridRoot .MuiDataGrid-renderingZone .styledMuiDataGridRow .MuiDataGrid-cell {
  border-bottom: none;
  white-space: normal;
}
.styledMuiDataGridRoot.styledMuiDataGridRoot.paginationTopBorder .MuiDataGrid-footerContainer {
  margin: 0 -24px;
  padding: 0 24px;
  border-top: 1px solid #dedede;
}
.styledMuiDataGridRoot.styledMuiDataGridRoot.multiSelectDataGrid .styledMuiDataGridRow.selected {
  outline: 2px solid transparent;
  outline-offset: -2px;
}
.styledMuiDataGridRoot.styledMuiDataGridRoot.multiSelectDataGrid .styledMuiDataGridRow.selected .styledMuiDataGridCell {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.styledMuiDataGridRoot.styledMuiDataGridRoot.multiSelectDataGrid .styledMuiDataGridRow .checkboxUnchecked {
  color: #595959;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/StyledMuiTablePagination.scss ***!
  \********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.MuiTablePagination-root .MuiTypography-caption {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.MuiTablePagination-root .MuiTablePagination-selectRoot {
  display: flex;
  width: 75px;
  height: 32px;
  padding: 4px 12px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  border-radius: 4px;
  margin-right: 16px;
  margin-top: 2px;
}
.MuiTablePagination-root .MuiTablePagination-selectRoot.Mui-focused {
  outline: solid #2c4e69 1px;
}
.MuiTablePagination-root .MuiSelect-select:focus {
  background-color: transparent;
}
.MuiTablePagination-root .MuiInputBase-input {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding-left: 0;
}
.MuiTablePagination-root .MuiTablePagination-selectIcon {
  right: 8px;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/roster/RosterAttachmentItem.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.attachmentItem {
  margin: 8px 8px 8px 0;
  width: 100%;
}
.attachmentItem .itemMain {
  color: #000209;
  padding: 14px 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.attachmentItem .itemMain.alignStart {
  align-items: flex-start;
}
.attachmentItem .itemMain.alignCenter {
  align-items: center;
}
.attachmentItem .itemMain .detailColumn {
  overflow: hidden;
}
.attachmentItem .itemMain .detailColumn > *:not(:last-child) {
  margin-bottom: 4px;
}
.attachmentItem .itemMain .itemRow {
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.attachmentItem .itemMain .itemDetails {
  width: 100%;
}
.attachmentItem .itemMain .fileName {
  font-size: 14px;
  color: black;
  font-weight: 800;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.attachmentItem .itemMain .fileName:hover {
  text-decoration: underline;
}
.attachmentItem .itemMain .assignerName {
  color: #595959;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 63px;
  padding-top: 2px;
  padding-right: 12px;
  width: 100%;
}
.attachmentItem .itemMain .assignerNameBold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.attachmentItem .itemMain .fileUploaded {
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #595959;
}
.attachmentItem .itemMain .formInternal {
  color: #595959;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.attachmentItem .itemMain .formInternal .formInternalIcon {
  fill: #595959;
  stroke: #595959;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.attachmentItem .itemMain .attachmentIcon.fileTypeIcon {
  color: #595959;
  margin: 0 21px;
  font-size: 20px;
}
.attachmentItem .itemMain .attachmentIcon.fileTypeIcon.main {
  font-size: 28px;
}
.attachmentItem .itemMain .attachmentIcon.fileTypeIcon .changingVisibility {
  padding-top: 5px;
}
.attachmentItem .itemMain .attachmentIcon.actionIcon {
  margin-right: 12px;
}
.attachmentItem .itemMain .attachmentIcon.actionIcon.hiddenIndicator:disabled {
  border: none !important;
  background: none !important;
}
.attachmentItem .itemMain .formCompleteIcon {
  height: 22px;
  width: 22px;
  margin: 0px 22px 0 0;
  flex-shrink: 0;
}
.attachmentItem .itemMain .deleteButton {
  color: #595959;
}
.attachmentItem .itemMain .deleteButton:hover {
  color: #cb0b0b;
}
.attachmentItem .itemMain .deleteButton.disabled, .attachmentItem .itemMain .deleteButton.disabled:hover {
  color: #a0a09e;
  cursor: initial;
  opacity: 0.35;
}
.attachmentItem .itemMain .padRight {
  margin-right: 24px;
}
.attachmentItem .itemMain .iconVisible {
  color: #2c4e69;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/roster/RosterForms.scss ***!
  \******************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.RosterForms .RosterFormsActions {
  justify-content: space-between;
  margin-bottom: 16px;
}
.RosterForms .RosterFormsActions .RosterFormSearch {
  width: 360px;
}
.RosterForms .RosterFormsActions .RosterFormSearch .formListSearchText {
  width: 360px;
}
.RosterForms .RosterFormsActions .RosterFormsAction {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  font-weight: 500;
}
.RosterForms .RosterFormsActions .RosterFormsAction .plusIcon {
  width: 12px;
  margin-right: 12px;
}
.RosterForms .RosterFormsTitleCell {
  width: 100%;
}
.RosterForms .RosterFormsTitleCell .title {
  line-height: 24px;
}
.RosterForms .RosterFormsTitleCell .pill {
  line-height: 16px;
}
.RosterForms .RosterFormsTitleCell .pill .MuiChip-label {
  max-width: 210px;
}
.RosterForms .RosterFormsAssignedBy {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  line-height: 24px;
}
.RosterForms .RosterFormsAssignedBy span {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
}

.RosterFormsMenuDropdown.RosterFormsMenuDropdown {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.RosterFormsMenuDropdown.RosterFormsMenuDropdown.Alert {
  fill: #e42721 !important;
  color: #e42721 !important;
}

.description {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  max-width: 420px;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/TextInput.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.libraryTextInput.libraryTextInput label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.libraryTextInput.libraryTextInput .description {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin: 0;
}
.libraryTextInput.libraryTextInput .libraryTextInputRoot {
  margin: 0px;
  margin-top: 4px;
  padding: 3px 12px;
  border: 1px solid #dedede;
  border-radius: 4px;
}
.libraryTextInput.libraryTextInput .libraryTextInputRoot input.inputBase {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  height: 24px;
  padding: 0px;
}
.libraryTextInput.libraryTextInput .libraryTextInputRoot.libraryTextInputRoot:focus-within {
  border-width: 2px;
  margin-bottom: -2px;
}
.libraryTextInput.libraryTextInput.libraryTextInput-error .libraryTextInputRoot {
  border: 1px solid #c71b16;
  margin: 0px;
}
.libraryTextInput.libraryTextInput.libraryTextInput-disabled .libraryTextInputRoot {
  -webkit-text-fill-color: #595959;
  background-color: #f8f8f8;
}
.libraryTextInput.libraryTextInput .required {
  color: #c71b16;
}
.libraryTextInput.libraryTextInput .charactersRemainingTextInput {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin-top: 4px;
}
.libraryTextInput.libraryTextInput .maxCountReachedTextInput {
  color: #c71b16;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/TabBar.scss ***!
  \**************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.TabBarContainer.TabBarContainer {
  min-height: 0px;
}
.TabBarContainer.TabBarContainer.smallTab {
  height: 30px;
}
.TabBarContainer.TabBarContainer.largeTab {
  height: 32px;
}
.TabBarContainer.TabBarContainer .tabBarContainer {
  gap: 16px;
  height: 30px;
}
.TabBarContainer.TabBarContainer .tabBarContainer .tabItem {
  padding: 0px 0px 4px 0px;
  min-width: 0px;
  max-width: none;
  min-height: 0px;
  opacity: 1;
  color: #595959;
  border-bottom: 2px solid transparent;
  text-transform: none;
  text-align: center;
}
.TabBarContainer.TabBarContainer .tabBarContainer .tabItem.smallTab {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.TabBarContainer.TabBarContainer .tabBarContainer .tabItem.largeTab {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/PopoverModal.scss ***!
  \********************************************************************************************************************************************************************************************************/
.PopoverModal.PopoverModal {
  padding: 24px;
  min-width: 344px;
  max-width: 700px;
  min-height: 202px;
  max-height: 578px;
  border-radius: 8px;
  display: flex;
}
.PopoverModal.PopoverModal .CloseButtonLeftPosition {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.PopoverModal.PopoverModal .PopoverModalTitleWrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.PopoverModal.PopoverModal .PopoverModalTitleWrapper .PopoverModalTitle {
  padding: 0;
  flex-shrink: 1;
}
.PopoverModal.PopoverModal .PopoverModalTitleWrapper .PopoverModalTitle h2 {
  font-weight: 600;
  font-size: 24px;
}
.PopoverModal.PopoverModal .PopoverModalTitleWrapper .closePopoverModalButton {
  align-self: center;
}
.PopoverModal.PopoverModal .PopoverModalTitleWrapper .closePopoverModalButton .closePopoverModalIcon {
  width: 16px;
}
.PopoverModal.PopoverModal .PopoverModalTitleWrapper .closePopoverModalText {
  font-weight: 600;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/forms/SignatureInputModal.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.signatureInputModalContainer.signatureInputModalContainer {
  max-width: 500px;
  max-height: none;
  padding: 24px;
}
.signatureInputModalContainer.signatureInputModalContainer .guardianSubtitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #000209;
}
.signatureInputModalContainer.signatureInputModalContainer .nameInputContainer {
  margin-top: 24px;
  gap: 16px;
}
.signatureInputModalContainer.signatureInputModalContainer .staffInputContainer {
  gap: 16px;
}
.signatureInputModalContainer.signatureInputModalContainer .signatureInputModalField {
  width: 218px;
}
.signatureInputModalContainer.signatureInputModalContainer .additionalSignerRelationContainer {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
  gap: 4px;
  margin-bottom: 24px;
}
.signatureInputModalContainer.signatureInputModalContainer .additionalSignerRelationContainer .relationField {
  width: 218px;
  border: 1px solid #dedede;
  border-radius: 4px;
  background-color: #f8f8f8;
  padding: 4px 12px;
  align-items: center;
}
.signatureInputModalContainer.signatureInputModalContainer .additionalSignerRelationContainer .relationField .relation {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  flex-grow: 1;
  margin-right: 8px;
}
.signatureInputModalContainer.signatureInputModalContainer .helpText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 24px 0 8px 0;
  color: #595959;
}
.signatureInputModalContainer.signatureInputModalContainer .TabBarContainer {
  min-height: 28px;
}
.signatureInputModalContainer.signatureInputModalContainer .typeSignatureContainer > .textSignature {
  display: flex;
  align-items: center;
  height: 120px;
  font-family: "Marck Script";
  font-size: 40px;
  line-height: 40px;
  overflow: hidden;
  padding: 8px;
}
.signatureInputModalContainer.signatureInputModalContainer .drawSignatureContainer {
  margin-bottom: 24px;
}
.signatureInputModalContainer.signatureInputModalContainer .drawSignatureContainer .drawSignatureWrapper {
  height: 160px;
  margin-bottom: 8px;
}
.signatureInputModalContainer.signatureInputModalContainer .drawSignatureContainer .drawSignature {
  height: 160px;
  background-color: #fafbfc;
  border: 1px solid #dedede;
  border-radius: 6px;
}
.signatureInputModalContainer.signatureInputModalContainer .drawSignatureContainer .drawSignature.error {
  border: 2px solid #c71b16;
}
.signatureInputModalContainer.signatureInputModalContainer .drawSignatureContainer .missingSignature {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c71b16;
  margin-bottom: 4px;
}
.signatureInputModalContainer.signatureInputModalContainer .drawSignatureContainer .clearSignature {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.signatureInputModalContainer.signatureInputModalContainer .submitSignatureButton {
  margin-top: 16px;
}
.signatureInputModalContainer.signatureInputModalContainer .submitSignatureButton .loadingImageIndicator {
  padding: 0;
  margin-left: 8px;
  height: 22px;
}
.signatureInputModalContainer.signatureInputModalContainer .legalText {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  color: #595959;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/forms/SignatureRequirement.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.signatureContainer {
  width: 100%;
  margin-bottom: 32px;
  align-items: flex-start;
  gap: 18px;
}
.signatureContainer .signatureRelationship {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  text-transform: capitalize;
}
.signatureContainer.completed {
  width: 100%;
}
.signatureContainer > .subContainer {
  width: 100%;
}
.signatureContainer .emptySignature {
  margin-top: 16px;
}
.signatureContainer > .emptySignature {
  margin-top: 0;
}
.signatureContainer .required.required {
  color: #c71b16;
  margin: 0 8px;
}
.signatureContainer .successIcon {
  height: 24px;
  margin-left: 8px;
  fill: #1c834b;
}
.signatureContainer .signIcon {
  height: 20px;
  margin: 0 12px;
  fill: #595959;
}
.signatureContainer .editHeader {
  gap: 4px;
}
.signatureContainer .editHeader .headerMain {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
}
.signatureContainer .editHeader.placeholder .headerMain {
  color: #595959;
}
.signatureContainer .incompleteFormAddSignatureButton {
  font-weight: 600;
}
.signatureContainer .incompleteFormHelpText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
}
.signatureContainer .emptySignature {
  padding: 12px 8px;
  border-radius: 6px;
  background-color: #f8f8f8;
  align-items: center;
  width: 464px;
  max-width: 100%;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .signatureContainer .signatureFooter {
    display: inline-flex;
    flex-direction: column;
  }
}
.signatureContainer .signatureFooter .editSignature {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin-right: 16px;
}
@media (max-width: 768px) {
  .signatureContainer .signatureFooter .editSignature {
    margin-bottom: 14px;
  }
}
.signatureContainer .signatureFooter .removeSignature {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.signatureContainer .signaturePreview {
  width: 452px;
  height: 160px;
  margin: 16px 0;
}
.signatureContainer .signatureDetails {
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
}
.signatureContainer .signatureDetails .signatureMetadata {
  margin-right: 24px;
}
.signatureContainer .signatureDetails .signatureMetadata .signatureHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 8px;
}
.signatureContainer .signatureDetails .signatureMetadata .detailsHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
  margin-bottom: 8px;
}
.signatureContainer .signatureDetails .signatureMetadata .guardianRelationInfo {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin-bottom: 8px;
}
.signatureContainer .signatureDetails .signatureMetadata .signatureInfo {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  list-style: none;
  padding: 0;
  margin: 0;
}
.signatureContainer .signatureDetails .signatureImageBoundingBox {
  max-width: 452px;
  max-height: 160px;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
}
.signatureContainer .signatureDetails .signatureImageBoundingBox .signatureImage {
  max-height: 100%;
  max-width: 100%;
}
@media print {
  .signatureContainer .signatureDetails .signatureImageBoundingBox {
    max-width: 226px;
  }
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/forms/PatientForm.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.patientForm {
  position: relative;
}
.patientForm .inlineBlock {
  display: inline-block;
}
.patientForm .displayNone {
  display: none;
}
.patientForm .indicateInvalid {
  color: red;
}
.patientForm .horizontalBar {
  border: 0;
  height: 2px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.patientForm .pageNum {
  position: fixed;
  right: 4vw;
  top: 28px;
  color: gray;
  cursor: default;
}
.patientForm > form {
  width: calc(70vw - 14px);
  margin: auto;
}
.patientForm > form .buttonLoader {
  margin-right: 8px;
}
.patientForm > form .formPage {
  width: 100%;
}
.patientForm > form .pageButtons {
  display: flex;
  margin-top: 32px;
  margin-bottom: 60px;
}
.patientForm > form .pageButtons .page {
  margin: auto 0;
}
.patientForm > form .outlineButton {
  outline: none;
  width: 150px;
  height: 45px;
  border: 1px solid black;
  border-radius: 10px;
  font-size: 1.2rem;
  cursor: pointer;
}
.patientForm > form .nextButton {
  margin-left: 5%;
}
.patientForm > form .prevButton {
  margin-right: 5%;
}
@media (max-width: 414px) {
  .patientForm > form {
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
    margin: auto;
  }
}
.patientForm > form .imageContainer {
  position: relative;
  width: 80%;
  margin: 20px auto;
}
.patientForm > form .imageView {
  width: 100%;
}
.patientForm > form .frameContainer {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%;
}
.patientForm > form .frameView {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.patientForm > form .fullWidth {
  width: 100%;
}
.patientForm > form .selectWidth {
  min-width: 250px;
}
@media (max-width: 414px) {
  .patientForm > form .selectWidth {
    min-width: 50%;
  }
}
.patientForm > form .labelFont {
  position: relative;
  line-height: 1.4;
  font-size: 1rem;
}
.patientForm > form .textFieldLabel {
  position: relative;
  line-height: 1;
  font-size: 1.075rem;
}
@media (max-width: 414px) {
  .patientForm > form .textFieldLabel {
    font-size: 0.7rem;
  }
}
.patientForm > form .relative {
  position: relative;
  transform: none;
  font-size: 1rem;
  margin-bottom: 20px;
}
.patientForm > form .fontThin {
  font-weight: 500;
}
.patientForm > form .textBlack {
  color: black;
}
.patientForm > form .textRed {
  color: red;
}
.patientForm > form .textRedImportant {
  color: red !important;
}
.patientForm > form .textBlackImportant {
  color: black !important;
}
.patientForm > form .selectedResponse {
  border: 2px solid black;
  border-radius: 8px;
  padding: 0px 2px;
}
.patientForm > form .outline {
  border: 2px solid black;
  border-radius: 8px;
  padding: 4px 2px;
}
.patientForm > form .optionMargin {
  position: relative;
  margin: -10px 0px;
}
.patientForm > form .optionFontPreview {
  color: black;
  font-weight: 500;
  margin: 5px;
}
.patientForm > form .optionLabel {
  margin-left: -4px;
  margin-right: 12px;
  font-size: 0.9rem;
}
@media (max-width: 414px) {
  .patientForm > form .optionLabel {
    font-size: 0.65rem;
  }
}
.patientForm > form .fullLabel {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
@media (max-width: 414px) {
  .patientForm > form .fullLabel {
    font-size: 0.75rem;
  }
}
.patientForm > form .shrunkLabel {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  font-size: 24px;
  top: 24px;
  margin-top: -24px;
  width: 130%;
}
@media (max-width: 414px) {
  .patientForm > form .shrunkLabel {
    font-size: 1rem;
  }
}
.patientForm > form ._inputField {
  width: 80%;
  max-width: 900px;
  display: block;
  position: relative;
  margin: 8px 0 24px 0;
  font-weight: 700;
}
@media (max-width: 414px) {
  .patientForm > form ._inputField {
    width: 100%;
    margin: 4vh auto;
  }
}
.patientForm > form ._inputField:before {
  height: 20px;
  width: 20px;
  border-top: 1px solid black;
  border-left: 1px solid black;
}
.patientForm > form ._markdown {
  width: 100%;
  margin: auto;
  padding: 10px 0;
  line-height: 1.4;
  font-size: 1.3rem;
}
@media (max-width: 414px) {
  .patientForm > form ._markdown {
    width: 100%;
    font-size: 16px;
  }
}
.patientForm > form ._formFooter {
  text-align: left;
  padding-right: 50px;
}
@media (max-width: 414px) {
  .patientForm > form ._formFooter {
    text-align: center;
  }
}
.patientForm > form ._formFooter > .button1 {
  border-radius: 4px;
  border: 0;
  height: 32px;
  padding: 4px 16px;
  margin-right: 24px;
  cursor: pointer;
}
.patientForm > form .formFieldFileContainer .noResponse {
  background-color: #f4f4f4;
  width: 500px;
  border-radius: 8px;
  border: 1px solid #dedede;
  margin-left: 18px;
  margin-top: 8px;
  font-style: italic;
  color: #505050;
  font-size: 10pt;
  padding: 24px;
}
.patientForm > form .formFieldFileContainer .printResponse {
  padding: 12px;
  margin: 8px 0 0 8px;
}
.patientForm > form .formFieldFileContainer .uploadButton, .patientForm > form .formFieldFileContainer .reuploadButton, .patientForm > form .formFieldFileContainer .deleteButton, .patientForm > form .formFieldFileContainer .downloadButton {
  text-transform: none;
}
.patientForm > form .formFieldFileContainer .fileNote {
  font-size: 10pt;
  font-weight: 400;
  margin: 8px 0;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview {
  position: relative;
  width: 550px;
  max-width: 100%;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 18px 24px;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .fileLoading {
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translate(-50%, -50%);
  padding: 0;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview.hasClick:hover {
  border-color: #333;
  cursor: pointer;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview.error {
  border-color: #FB5300;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .fileName {
  overflow: hidden;
  text-overflow: ellipsis;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .fileName.removed {
  color: #727272;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .textRow {
  display: inline-flex;
  align-items: flex-end;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .removedIcon {
  fill: #aaa;
  stroke: #aaa;
  height: 32px;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  border-bottom: 1px solid #2c4e69;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .link * {
  fill: #2c4e69;
  stroke: #2c4e69;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .link:visited {
  color: #551a8b;
  border-color: #551a8b;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .link:visited * {
  fill: #551a8b;
  stroke: #551a8b;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .buttonIcon {
  height: 24px;
  padding: 3px 7px 3px 3px;
  stroke: white;
  fill: white;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .textContainer {
  width: 100%;
  white-space: nowrap;
  height: 100%;
  justify-content: space-evenly;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .textContainer .fileName {
  font-size: 12pt;
  font-weight: 700;
  margin-bottom: 12px;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .fileOptions {
  align-items: center;
  font-size: 10pt;
  color: #727272;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .fileOptions > * {
  margin-right: 24px;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .fileOptions > *:last-child {
  margin-right: 0;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .fileOptions .deleteButton .fileDelete {
  height: 24px;
  fill: #727272;
  stroke: #727272;
}
.patientForm > form .formFieldFileContainer .formFieldFilePreview .fileOptions .deleteButton:disabled {
  stroke: white;
  fill: white;
}

.patientFormModal .patientForm .pageNum {
  position: fixed;
  right: 6vw;
  top: 50px;
  color: gray;
  cursor: default;
}

._formContainer .patientForm .pageNum {
  position: fixed;
  right: 50px;
  top: calc(50% - 150px);
  color: gray;
  cursor: default;
}
@media (max-height: 537px) {
  ._formContainer .patientForm .pageNum {
    top: calc(5vh + 90px);
  }
}
._formContainer .patientForm form {
  width: 80%;
}

.print p {
  margin: 0;
}
.print .patientForm ._inputField {
  width: 100%;
  padding-bottom: 12px;
}
.print .optionMargin {
  margin: 0;
  transform: scale(0.8);
}
.print .optionItem {
  max-height: 24px;
  transform: scale(0.9);
  margin-bottom: 10px;
}
.print .inlineBlock > span {
  transform: scale(0.8);
}
.print .patientForm {
  margin-top: 3em;
}
.print .patientForm > form ._inputField {
  margin: 0;
}
.print .patientForm > form ._inputField .answerBlock {
  font-size: 0.9rem;
  font-weight: 500;
  margin-left: 5%;
}
.print .patientForm > form ._inputField .questionBlock {
  font-weight: 800;
  font-size: 1rem;
}
.print .patientForm > form ._inputField .noResponse {
  padding: 8px;
  margin-top: 8px;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/IconButton.scss ***!
  \******************************************************************************************************************************************************************************************************/
.libraryIconButton.libraryIconButton {
  padding: 6px 14px;
  height: 32px;
  width: 48px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.libraryIconButton.libraryIconButton .themedIconButtonSvg, .libraryIconButton.libraryIconButton .alertIconButtonSvg {
  height: 20px;
  width: 20px;
}
.libraryIconButton.libraryIconButton.borderlessThemedIconButton {
  padding: 0;
}
.libraryIconButton.libraryIconButton.borderlessThemedIconButton .borderlessThemedIconButtonSvg {
  height: 14px;
  width: 14px;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/Menu.scss ***!
  \************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.LibraryMenu-Paper {
  margin-top: 5px;
  margin-bottom: 5px;
}
.LibraryMenu-Paper.fixedWidth {
  width: 170px;
}
.LibraryMenu-Paper .LibraryMenu-List {
  padding-top: 0px;
  padding-bottom: 0px;
}

.LibraryMenuItem-Root.LibraryMenuItem-Root {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.LibraryMenuItem-HeaderRoot.LibraryMenuItem-HeaderRoot {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
  color: #595959;
  white-space: normal;
  opacity: 1 !important;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/__deprecated/SearchBar.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.searchBarContainer .searchBarTextfield {
  height: 32px;
  min-width: 160px;
}
.searchBarContainer .searchBarTextfieldPlaceholder {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
}
.searchBarContainer .hidden {
  display: none;
}
.searchBarContainer .searchIconContainer {
  width: 15px;
  margin: 6px 6px 6px 0;
  display: inline-flex;
}
.searchBarContainer .searchIconContainer .searchIcon {
  fill: #595959;
}
.searchBarContainer .clearButton {
  padding: 5px 0 5px 5px;
  background: none;
  color: #595959;
  border: none;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.searchBarContainer .loadingSearch {
  padding: 5px 0 0 0;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/documents/FormsTable.scss ***!
  \********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.incompleteFormsContainer .styledMuiDataGridRoot .MuiDataGrid-renderingZone .styledMuiDataGridRow .styledMuiDataGridCell {
  padding: 0 16px;
}
.incompleteFormsContainer .actionRequiredBadge {
  display: inline-flex;
  position: relative;
  vertical-align: baseline;
  margin-left: 8px;
}
.incompleteFormsContainer .actionRequiredBadge span {
  width: 10px;
  height: 10px;
}
.incompleteFormsContainer .statusContainer {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.incompleteFormsContainer .statusContainer .statusChip {
  display: flex;
  align-self: flex-start;
}
.incompleteFormsContainer .statusContainer .successChip {
  background-color: #cdf4df;
  color: #104D2C;
}
.incompleteFormsContainer .statusContainer .pendingChip {
  border: 1px #dedede solid;
  background-color: #f8f8f8;
  color: #595959;
}
.incompleteFormsContainer .statusContainer .alertChip {
  background-color: #FFC4C2;
  color: #381110;
}
.incompleteFormsContainer .titlesCell {
  display: flex;
  flex-direction: column;
  white-space: normal;
  line-height: 24px;
}
.incompleteFormsContainer .titlesCell .formTitleCell {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.incompleteFormsContainer .titlesCell .appointmentTitleChip {
  display: flex;
  align-self: flex-start;
  max-width: 370px;
  padding: 0px 8px;
  background-color: #f2f4f6;
  overflow: hidden;
  text-overflow: ellipsis;
}
.incompleteFormsContainer .titlesCell .calendarIcon {
  width: 12px;
}
.incompleteFormsContainer .multiLineCell {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 24px;
}
.incompleteFormsContainer .formRowButtons {
  display: flex;
  flex-direction: row;
  margin-left: auto;
}
.incompleteFormsContainer .noFormsOverlay {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  position: absolute;
  top: 8px;
  width: 100%;
  border-radius: 4px;
  padding: 14px 16px;
  background-color: #f2f4f6;
}
.incompleteFormsContainer .formsHeader {
  display: flex;
  justify-content: space-between;
}
.incompleteFormsContainer .formsHeader .formsBadge {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #c71b16;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-left: 4px;
}
.incompleteFormsContainer .formsHeader .formsBadge.countOverflow {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.actionsMenu ul {
  padding: 0;
}
.actionsMenu .actionItem {
  height: 40px;
}
.actionsMenu .actionIcon {
  margin-right: 4px;
  width: 15px;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/documents/Forms.scss ***!
  \***************************************************************************************************************************************************************************************************/
.formsContainer .shareDate {
  width: 15%;
}
.formsContainer .completed {
  width: 15%;
  padding-right: 24px;
}
.formsContainer .completed .formCompleteIcon {
  margin-left: 24px;
  font-size: 18px;
}
.formsContainer .completed .formIncompleteIcon {
  margin-left: 24px;
  font-size: 18px;
  color: #727272;
}
.formsContainer .documentsTable .name {
  width: 45%;
}
.formsContainer .hidden {
  display: none;
}
.formsContainer .searchBarContainer {
  display: flex;
  justify-content: flex-end;
  padding-left: 24px;
}
.formsContainer .searchBarContainer .patientFormsSearchBar {
  width: 440px;
  margin-bottom: 12px;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/Chip.scss ***!
  \************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.icon {
  transform: scale(0.7);
  margin-bottom: 2px;
}

.label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.MuiChip-root.primaryThemeChip {
  color: #000;
  background-color: #F2F4F6;
}
.MuiChip-root.primaryThemeChip.MuiChip-clickable:hover {
  background-color: #E3F1FC;
}
.MuiChip-root.secondaryThemeChip {
  color: #000;
  background-color: #FFC4C2;
}
.MuiChip-root.secondaryThemeChip:hover {
  background-color: #FFC4C2;
}

.MuiSvgIcon-root.deleteColor {
  color: #000;
}

.MuiChip-clickable:hover {
  border: 1px solid;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/ConfirmModal.scss ***!
  \********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.ConfirmModal.ConfirmModal {
  min-height: auto;
  min-width: 420px;
  border-radius: 6px;
}
.ConfirmModal.ConfirmModal .ConfirmModalBody {
  margin-top: 24px;
  max-width: 420px;
}
.ConfirmModal.ConfirmModal .ConfirmModalActions {
  display: flex;
  gap: 16px;
  width: 100%;
  margin-top: 24px;
}
.ConfirmModal.ConfirmModal .ConfirmModalActions.stacked {
  flex-direction: column;
}
.ConfirmModal.ConfirmModal .ConfirmModalActions .loadingIcon {
  padding: 8px 10px 0 0;
}
.ConfirmModal.ConfirmModal .ConfirmModalActions .ConfirmModalButtonPrimary {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.ConfirmModal.ConfirmModal .ConfirmModalActions .ConfirmModalButtonSecondary {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/documents/Files.scss ***!
  \***************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.userFilesTableContainer .MuiDataGrid-main:has(div.noRowsOverlay) {
  height: 96px;
}
.userFilesTableContainer .MuiDataGrid-main:has(div.noRowsOverlay) .noRowsOverlay {
  display: flex;
  justify-content: flex-start;
  background-color: #f2f4f6;
  border-radius: 8px;
  margin-top: 8px;
  padding-left: 14px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.userFilesTableContainer .searchBarContainer {
  display: flex;
  justify-content: flex-end;
}
.userFilesTableContainer .searchBarContainer .patientFilesSearchBar {
  width: 440px;
  padding-bottom: 16px;
  margin-top: -32px;
}

.userFilesTable .multiLineCell {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 24px;
}
.userFilesTable .multiLineCell .rowFileName, .userFilesTable .multiLineCell .ownerName {
  margin: 0 0 4px 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.userFilesTable .multiLineCell .fileChip {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 420px;
}
.userFilesTable .actionContainer {
  width: 100%;
  gap: 8px;
  justify-content: flex-end;
}
.userFilesTable .actionContainer .actionButton {
  white-space: nowrap;
}

.actionsMenu {
  box-shadow: 0px 4px 8px 0px #000000 !important;
}
.actionsMenu .actionItem {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  gap: 10px;
}
.actionsMenu .actionItem p {
  margin: 0;
}
.actionsMenu .actionItem svg {
  width: 20px;
  height: 20px;
}
.actionsMenu .actionItem.alert {
  fill: #c71b16;
  color: #c71b16;
}

.deleteConfirmation {
  margin: 0;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/ErrorView.scss ***!
  \********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.errorView {
  background-color: #f8f8f8;
  border-radius: 8px;
  height: 240px;
  padding: 16px;
  justify-content: center;
  gap: 16px;
  align-items: center;
  text-align: center;
}
.errorView .alertIcon {
  width: 32px;
  fill: #c71b16;
  stroke: #c71b16;
}
.errorView p.errorMessage {
  margin: 0;
}
.errorView .errorHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.errorView .errorText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}
.errorView .redoIcon {
  width: 14px;
  margin-right: 8px;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/basicelements/OverflowTextPopper.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.overflowTextPopper {
  width: 100%;
}
.overflowTextPopper .overflowTextPopperLabel {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overflowTextPopper .overflowTextPopperLabel::after {
  content: "";
  display: block;
}

.overflowTextPopperWrapper {
  pointer-events: none;
  z-index: 1301;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/documents/TreatmentPlans.scss ***!
  \************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.treatmentPlansContainer {
  min-width: 1246px;
}
.treatmentPlansContainer .treatmentPlansDataGrid {
  height: 100px;
}
.treatmentPlansContainer .treatmentPlansDataGrid .MuiDataGrid-overlay {
  align-self: normal;
}
.treatmentPlansContainer .treatmentPlansHeader {
  display: flex;
  justify-content: space-between;
  margin: 16px 0px;
}
.treatmentPlansContainer .treatmentPlansHeader .treatmentPlansSearchBar {
  width: 360px;
  margin-bottom: 2px;
}
.treatmentPlansContainer .treatmentPlansHeader .formsBadge {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #c71b16;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-left: 4px;
}
.treatmentPlansContainer .treatmentPlansHeader .formsBadge.countOverflow {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}
.treatmentPlansContainer .actionRequiredBadge {
  display: inline-flex;
  position: relative;
  vertical-align: baseline;
  top: 2px;
  left: 8px;
}
.treatmentPlansContainer .actionRequiredBadge span {
  width: 10px;
  height: 10px;
}
.treatmentPlansContainer .multiLineCell {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 24px;
}
.treatmentPlansContainer .statusContainer .successChip {
  background-color: #cdf4df;
  color: #104D2C;
}
.treatmentPlansContainer .statusContainer .pendingChip {
  border: 1px #dedede solid;
  background-color: #f8f8f8;
  color: #595959;
}
.treatmentPlansContainer .statusContainer .failedChip {
  background-color: #FFC4C2;
  color: #381110;
}
.treatmentPlansContainer .noTreatmentPlansOverlay {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  z-index: 5;
  margin-top: 16px;
  width: 100%;
  border-radius: 4px;
  padding-left: 16px;
}
.treatmentPlansContainer .errorView {
  height: 400px;
}
.treatmentPlansContainer .treatmentPlanTitle, .treatmentPlansContainer .treatmentPlanProvider {
  overflow: hidden;
  text-overflow: ellipsis;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/documents/ClinicalForms.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.clinicalFormsContainer .clinicalFormsSubtitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}
.clinicalFormsContainer .clinicalFormsDataGrid {
  height: 100px;
}
.clinicalFormsContainer .clinicalFormsDataGrid .MuiDataGrid-overlay {
  align-self: normal;
}
.clinicalFormsContainer .clinicalFormsHeader {
  display: flex;
  justify-content: space-between;
  margin: 16px 0px;
}
.clinicalFormsContainer .clinicalFormsHeader .clinicalFormsSearchBar {
  width: 360px;
}
.clinicalFormsContainer .clinicalFormsHeader .formsBadge {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #c71b16;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-left: 4px;
}
.clinicalFormsContainer .clinicalFormsHeader .formsBadge.countOverflow {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}
.clinicalFormsContainer .actionRequiredBadge {
  display: inline-flex;
  position: relative;
  vertical-align: baseline;
  top: 2px;
  left: 8px;
}
.clinicalFormsContainer .actionRequiredBadge span {
  width: 10px;
  height: 10px;
}
.clinicalFormsContainer .multiLineCell {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 24px;
}
.clinicalFormsContainer .statusContainer .successChip {
  background-color: #cdf4df;
  color: #104D2C;
}
.clinicalFormsContainer .statusContainer .pendingChip {
  border: 1px #dedede solid;
  background-color: #f8f8f8;
  color: #595959;
}
.clinicalFormsContainer .statusContainer .failedChip {
  background-color: #FFC4C2;
  color: #381110;
}
.clinicalFormsContainer .noClinicalFormsOverlay {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  z-index: 5;
  position: absolute;
  top: 16px;
  width: 100%;
  border-radius: 4px;
  padding-left: 16px;
}
.clinicalFormsContainer .errorView {
  height: 400px;
}
.clinicalFormsContainer .clinicalFormTitle, .clinicalFormsContainer .clinicalFormProvider {
  overflow: hidden;
  text-overflow: ellipsis;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/documents/Documents.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.documents .documentsTabContent {
  flex-grow: 1;
  margin-top: 24px;
}
.documents .paginationContainer {
  height: 42px;
  background: #f8f8f8;
  box-shadow: 0px -1px 0px #dedede;
  padding: 8px 25px 7px 25px;
  display: flex;
  align-items: center;
  position: relative;
}
.documents .paginationContainer .resultLabel {
  font-size: 12px;
  color: #727272;
}
.documents .paginationContainer .paginationButtons {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.formsLabelBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 12px;
}
.formsLabelBox .formsBadge {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #c71b16;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-left: 4px;
}
.formsLabelBox .formsBadge.countOverflow {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/basicelements/CalloutBox.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.calloutBox {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.calloutBox::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.calloutBox > ._callout {
  box-sizing: border-box;
  display: none;
  position: absolute;
  min-width: 200px;
  z-index: 100;
  padding: 0 10px;
  border-radius: 8px;
  background: #333;
  text-align: center;
}
.calloutBox > ._callout > ._tip {
  position: absolute;
}
.calloutBox > ._callout > ._text {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
}
.calloutBox.error ._callout {
  background-color: #d50000;
  font-weight: 600;
}
.calloutBox.error ._tip {
  filter: invert(12%) sepia(64%) saturate(5948%) brightness(80%);
}
.calloutBox[data-position=left] > ._callout {
  top: 50%;
  right: 100%;
  height: 90px;
  margin-top: -47px;
  margin-right: 10px;
}
.calloutBox[data-position=left] > ._callout > ._tip {
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #333;
}
.calloutBox[data-position=left] > ._callout::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 90px;
}
.calloutBox[data-position=right] > ._callout {
  top: 50%;
  left: 100%;
  height: 90px;
  margin-top: -47px;
  margin-left: 10px;
}
.calloutBox[data-position=right] > ._callout > ._tip {
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #333;
}
.calloutBox[data-position=right] > ._callout::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 90px;
}
.calloutBox[data-position=bottom] > ._callout {
  top: 100%;
  left: 50%;
  margin-top: 10px;
  padding: 10px;
  transform: translateX(-50%);
}
.calloutBox[data-position=bottom] > ._callout > ._tip {
  left: 50%;
  bottom: 100%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #333;
}
.calloutBox[data-active=true] > ._callout {
  display: inline-block;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/appointmentfields/AppointmentFields.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.customAppointmentFieldConfirmDeleteModal {
  width: 416px;
  padding: 24px;
  justify-content: space-between;
}
.customAppointmentFieldConfirmDeleteModal .confirmDeleteHeader {
  justify-content: space-between;
  align-items: center;
}
.customAppointmentFieldConfirmDeleteModal .confirmDeleteHeader .confirmDeleteTitle {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  margin: 0;
}
.customAppointmentFieldConfirmDeleteModal .confirmDeleteHeader .closeModalButton {
  height: 48px;
  width: 48px;
}
.customAppointmentFieldConfirmDeleteModal .confirmDeleteHeader .closeModalButton .closeModalIcon {
  width: 16px;
}
.customAppointmentFieldConfirmDeleteModal .confirmDeleteDescription {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding-top: 24px;
  padding-bottom: 24px;
}
.customAppointmentFieldConfirmDeleteModal .confirmDeleteButtons .actionButton {
  flex-grow: 1;
  flex-basis: 0;
}
.customAppointmentFieldConfirmDeleteModal .confirmDeleteButtons .actionButton:not(:last-child) {
  margin-right: 16px;
}
.customAppointmentFieldConfirmDeleteModal .confirmDeleteButtons .deleteButton {
  background-color: #c71b16 !important;
}
.customAppointmentFieldConfirmDeleteModal .confirmDeleteButtons .deleteButton:hover {
  background-color: #381110 !important;
}

.settingsMenu .menuItem .menuItemIcon {
  fill: #2c4e69;
  width: 20px;
  height: 20px;
  padding-right: 5px;
}
.settingsMenu .menuItem .menuItemText {
  color: #2c4e69;
}
.settingsMenu .menuItem .menuItemDelete {
  fill: #c71b16;
  color: #c71b16;
}

.appointmentFieldsConfiguration {
  padding: 24px 0;
  align-items: center;
}
.appointmentFieldsConfiguration .defaultFont {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  line-height: 14px;
}
.appointmentFieldsConfiguration .minimum {
  color: #595959;
}
.appointmentFieldsConfiguration .appointmentFieldOptions {
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 18px;
  width: 100%;
}
.appointmentFieldsConfiguration .appointmentFieldOptions .alignLeft {
  align-items: center;
}
.appointmentFieldsConfiguration .appointmentFieldOptions .divisionSelect {
  width: 325px;
  flex-grow: 1;
}
.appointmentFieldsConfiguration .appointmentFieldOptions .divisionSelect .divisionSelectLabel {
  max-width: 75%;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  line-height: 14px;
}
.appointmentFieldsConfiguration .appointmentFieldOptions .divisionSelect .divisionSelectLabel[data-shrink=false] {
  transform: translate(14px, -50%) scale(1);
  top: 50%;
}
.appointmentFieldsConfiguration .appointmentFieldOptions .divisionSelect .divisionSelectText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.appointmentFieldsConfiguration .appointmentFieldOptions .hideInactive {
  margin-left: 12px;
}
.appointmentFieldsConfiguration .appointmentFieldOptions .addNewField {
  margin: 18px 0;
}
.appointmentFieldsConfiguration .appointmentFieldOptions .addNewField .plusIcon {
  width: 10px;
  margin-right: 8px;
}
.appointmentFieldsConfiguration .appointmentFieldTable {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.appointmentFieldsConfiguration .appointmentFieldTable .type {
  width: 48px;
  flex-shrink: 0;
  align-items: center;
}
.appointmentFieldsConfiguration .appointmentFieldTable .type .fieldTypeIcon {
  width: 18px;
}
.appointmentFieldsConfiguration .appointmentFieldTable .settings {
  width: 100px;
  flex-shrink: 0;
}
.appointmentFieldsConfiguration .appointmentFieldTable .name {
  flex-grow: 1;
  width: 25%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.appointmentFieldsConfiguration .appointmentFieldTable .divisions {
  width: 25%;
  flex-grow: 1;
  flex-shrink: 0;
}
.appointmentFieldsConfiguration .appointmentFieldTable .divisions .divisionLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  max-width: 100%;
}
.appointmentFieldsConfiguration .appointmentFieldTable .required,
.appointmentFieldsConfiguration .appointmentFieldTable .enabled {
  width: 60px;
  flex-grow: 1;
  flex-shrink: 0;
  margin: 0 12px;
}
.appointmentFieldsConfiguration .appointmentFieldTable .required .minimumTouchRipple,
.appointmentFieldsConfiguration .appointmentFieldTable .enabled .minimumTouchRipple {
  color: #595959;
}
.appointmentFieldsConfiguration .appointmentFieldTable .menu > * {
  margin: auto;
}
.appointmentFieldsConfiguration .appointmentFieldTable .headerRow {
  padding: 0 12px;
  text-align: left;
}
.appointmentFieldsConfiguration .appointmentFieldTable .headerRow .settings {
  text-align: center;
}
.appointmentFieldsConfiguration .appointmentFieldTable .headerRow > * {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #595959;
}
.appointmentFieldsConfiguration .appointmentFieldTable .fieldRow {
  padding: 4px 12px;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #dedede;
  margin: 4px 0;
}
.appointmentFieldsConfiguration .paginator {
  margin-top: 18px;
}
.appointmentFieldsConfiguration .noFields {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 14px 20px;
  width: 100%;
  align-items: center;
  border-radius: 6px;
  margin-top: 12px;
  color: #595959;
}
.appointmentFieldsConfiguration .noFields .newFieldLink {
  margin-left: 8px;
}
.appointmentFieldsConfiguration .noFields .plusIcon {
  width: 12px;
  margin: 8px;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./_variables.scss ***!
  \***********************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/ExternalLink.scss ***!
  \********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.externalLink.externalLink {
  display: flex;
  align-items: center;
  font-weight: 500;
}
.externalLink.externalLink:hover {
  text-decoration: none;
}
.externalLink.externalLink .leftArrow {
  margin-right: 8px;
  height: 14px;
  width: 14px;
}
.externalLink.externalLink .rightArrow {
  margin-left: 8px;
  height: 14px;
  width: 14px;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/App.scss ***!
  \***************************************************************************************************************************************************************************************/
.bookNewAppointmentButton {
  display: block;
  width: 350px;
  text-align: center;
}
.bookNewAppointmentButton .bookNewAppointmentTitle {
  padding-left: 10px;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/popupbuttons/FormsMenu.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

._formIcon {
  width: 30px;
  height: 30px;
  filter: brightness(0.8);
}

.formPopper.formPopper ._instructions {
  padding: 12px 16px;
  outline: none;
  font-weight: bold;
  text-align: center;
}
.formPopper.formPopper ._spinnerWrapper {
  text-align: center;
}
.formPopper.formPopper .noFormsMenu {
  width: 180px;
  text-align: center;
  color: #727272;
  padding: 10px;
  font-size: 11pt;
  font-style: italic;
}
.formPopper.formPopper ._checkmarkIcon {
  width: 20px;
  height: 20px;
  padding: 0px 3px 3px 0px;
}
.formPopper.formPopper .formLabel, .formPopper.formPopper .actionRequiredFormLabel {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.formPopper.formPopper .formLabel {
  color: #595959;
}
.formPopper.formPopper .actionRequiredFormLabel {
  color: #c71b16;
}
.formPopper.formPopper .assignedForm {
  height: auto;
  padding-top: 6px;
  padding-bottom: 6px;
}

.formsButton {
  position: relative;
}
.formsButton .formLoadingIcon {
  position: absolute;
  top: -4px;
  right: -3px;
  z-index: 1;
}
@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.formsButton .formLoadingIcon path {
  -webkit-animation: rotation 1s infinite linear;
          animation: rotation 1s infinite linear;
  transform-origin: center center;
  transform-box: fill-box;
}

.formsMenuButton .formsMenuButtonText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.formRedBadge {
  position: absolute;
}
.formRedBadge > span {
  width: 16px;
  height: 16px;
  top: -8px;
  right: -8px;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/booking/ProductIcon.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.productIcon {
  display: inline-block;
}
@media (max-width: 768px) {
  .productIcon {
    padding-right: 5px;
  }
}
.productIcon > ._productImg {
  width: 40px;
  height: 40px;
}
@media (max-width: 768px) {
  .productIcon > ._productImg {
    width: 20px;
    height: 24px;
  }
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/booking/RequestItem.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.requestItem {
  width: 100%;
  position: relative;
  padding: 10px 210px 10px 20px;
}
@media (max-width: 768px) {
  .requestItem {
    padding: 5px 100px 0px 0px;
  }
}
.requestItem > h3 {
  padding-bottom: 5px;
  margin: 0;
}
.requestItem > h3 ._paymentStatus {
  display: inline-block;
}
.requestItem > h3 ._paymentStatus .circle {
  width: 1em;
  height: 1em;
  background-size: contain;
  margin: -2px 0 0 0px;
}
.requestItem > h3 ._paymentStatus.payment-ready .circle {
  background-image: url(https://static-staging.oncallhealth.ca/a1eccb6/static/images/checkmark_dollar.png);
}
.requestItem > h3 ._paymentStatus.payment-missing .circle {
  background-image: url(https://static-staging.oncallhealth.ca/a1eccb6/static/images/checkmark_empty.png);
}
.requestItem > h3 ._paymentStatus .calloutBox .paymentCircleSvg {
  height: 16px;
  width: 16px;
}
.requestItem > h3 ._paymentStatus .calloutBox .paymentCircleSvg.success {
  fill: #1c834b;
  stroke: #1c834b;
}
.requestItem > h3 ._paymentStatus .paymentWarningSvg {
  height: 16px;
  width: 16px;
}
.requestItem > h3 ._paymentStatus .alert {
  fill: #c71b16;
  stroke: #c71b16;
}
@media (max-width: 768px) {
  .requestItem > h3 {
    font-size: 12px;
  }
}
.requestItem > div > ._requestProduct {
  vertical-align: middle;
  font-size: 16px;
  color: #80a9ac;
}
@media (max-width: 768px) {
  .requestItem > div > ._requestProduct {
    font-size: 12px;
  }
}
.requestItem .additionalInformation {
  margin-top: -10px;
}
.requestItem .additionalInformation:empty {
  display: none;
}
.requestItem .requestDataItem {
  margin: 10px 8px 5px 8px;
  font-size: 16px;
  color: #80a9ac;
  display: flex;
  align-items: center;
}
.requestItem .requestDataItem * {
  margin-right: 4px;
}
.requestItem .requestDataItem .fas {
  font-size: 22px;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .requestItem .requestDataItem {
    font-size: 12px;
  }
}
.requestItem > ._requestDate {
  display: block;
  font-size: 20px;
  color: #dd4837;
}
@media (max-width: 768px) {
  .requestItem > ._requestDate {
    font-size: 10px;
  }
}
.requestItem > .requestButtons {
  position: absolute;
  top: 15px;
  right: 10px;
  display: flex;
}
@media (max-width: 768px) {
  .requestItem > .requestButtons {
    top: 10px;
    right: 0;
  }
}
.requestItem > .requestButtons ._intakeForms {
  display: flex;
  align-items: center;
}
.requestItem > .requestButtons ._intakeForms ._formsMenuLabel {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin-right: 8px;
  color: #80a9ac;
}
@media (max-width: 768px) {
  .requestItem > .requestButtons ._intakeForms ._formsMenuLabel {
    display: none;
  }
}
.requestItem > .requestButtons ._intakeForms .intakeFormsMenu {
  margin-right: 12px;
}
.requestItem > ._responseMessage {
  position: absolute;
  right: 28px;
  bottom: 35px;
  color: #95a346;
  font-size: 20px;
}
.requestItem > ._spinnerWrapper {
  position: absolute;
  right: 75px;
  bottom: 20px;
}
.requestItem > .acceptAndDeclineButtonsWrapper {
  position: absolute;
  right: 0;
  bottom: 5px;
}
@media (max-width: 768px) {
  .requestItem > .acceptAndDeclineButtonsWrapper {
    right: 0;
    bottom: 0;
  }
}
.requestItem > .acceptAndDeclineButtonsWrapper .acceptAndDeclineButtons {
  display: flex;
}
.requestItem > .acceptAndDeclineButtonsWrapper .acceptAndDeclineButtons .dropdownAccept .buttonMain {
  max-width: 280px;
  z-index: 2;
  width: auto;
}
.requestItem > .acceptAndDeclineButtonsWrapper .acceptAndDeclineButtons .dropdownAccept .buttonShowDropdown {
  min-width: 35px;
  width: 35px;
}
.requestItem > .acceptAndDeclineButtonsWrapper .acceptAndDeclineButtons .dropdownAccept button {
  margin-right: 0px;
}
.requestItem > .acceptAndDeclineButtonsWrapper .acceptAndDeclineButtons button {
  height: 40px;
  width: 85px;
  margin-right: 10px;
}
.requestItem > .acceptAndDeclineButtonsWrapper .acceptAndDeclineButtons button.-reject {
  margin-right: 0px;
}
@media (max-width: 768px) {
  .requestItem > .acceptAndDeclineButtonsWrapper .acceptAndDeclineButtons button {
    height: 20px;
    width: 50px;
    margin-right: 5px;
    font-size: 10px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/basicelements/ButtonWithDropdownSelect.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.dropdownButtonWrapper {
  display: flex;
  margin-right: 10px;
}
.dropdownButtonWrapper .buttonMain {
  flex: 1;
  display: block;
  white-space: nowrap;
  text-transform: none;
  width: 160px;
}
.dropdownButtonWrapper .buttonMain > span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdownButtonWrapper .buttonShowDropdown {
  border-left: 1px solid white;
  min-width: 35px;
  width: 35px;
}

.dropdownMenuFromButton .categoryText {
  -webkit-user-select: none;
  font-weight: bold;
}
.dropdownMenuFromButton .divisionSeparator {
  width: 90%;
  margin-top: 0;
  margin-bottom: 0;
}

.appointmentRequestsProviderListPopperClass > div {
  overflow: auto;
}
.appointmentRequestsProviderListPopperClass > div ul {
  height: 400px;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/MenuPopper.scss ***!
  \*********************************************************************************************************************************************************************************************************/
._instructions {
  padding: 12px 16px;
  outline: none;
  font-weight: bold;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/AppointmentRequestAccordion.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.-requestAccordionPanel {
  background-color: #f2f2f2;
  max-width: 800px;
}
.-requestAccordionPanel > div {
  color: #000209;
  font-size: 20px;
}
@media (max-width: 768px) {
  .-requestAccordionPanel > div {
    font-size: 12px;
  }
}

.appointmentRequestAccordion {
  width: 100%;
}
.appointmentRequestAccordion > ._appointmentRequestList {
  text-align: left;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/FullscreenModal.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.fullscreenModal {
  box-shadow: 1px 1px 0 0;
}
.fullscreenModal .fullscreenModalHeaderRow {
  justify-content: space-between;
  padding: 12px 20px 12px 12px;
  border-bottom: 1px solid #dedede;
  align-items: center;
  background: white;
}
.fullscreenModal .fullscreenModalHeaderRow .fullscreenModalHeaderRowContent {
  align-items: center;
}
.fullscreenModal .fullscreenModalHeaderRow .divider {
  height: 20px;
  margin-right: 24px;
  margin-left: 12px;
  align-self: center;
}
.fullscreenModal .fullscreenModalHeaderRow .modalTitle {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  line-height: 2;
  margin: 0;
}
.fullscreenModal .fullscreenModalHeaderRow .modalSubtitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.fullscreenModal .fullscreenModalHeaderRow .closeIconButton {
  align-self: center;
}
.fullscreenModal .fullscreenModalHeaderRow .closeIconButton .closeIcon {
  width: 16px;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/StyledStepper.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.StyledStepper.MuiStepper-root {
  background: none;
  padding: 0;
}
.StyledStepper.MuiStepper-root .MuiStep-root.MuiStep-horizontal:first-of-type {
  padding-left: 0;
}
.StyledStepper.MuiStepper-root .MuiStep-root.MuiStep-horizontal:last-of-type {
  padding-right: 0;
}

.StyledStepLabel.MuiStepLabel-root .MuiStepLabel-iconContainer {
  font-weight: 600;
  color: #595959;
}
.StyledStepLabel.MuiStepLabel-root .MuiStepLabel-iconContainer .MuiStepIcon-root:not(.MuiStepIcon-active):not(.MuiStepIcon-completed) {
  fill: #dedede;
}
.StyledStepLabel.MuiStepLabel-root .MuiStepLabel-iconContainer .MuiStepIcon-root:not(.MuiStepIcon-active):not(.MuiStepIcon-completed) .MuiStepIcon-text {
  fill: #595959;
}
.StyledStepLabel.MuiStepLabel-root .MuiStepLabel-labelContainer .MuiStepLabel-label {
  font-weight: 600;
}

.StyledStepButton.MuiStepButton-root {
  padding: 0;
  margin: 0;
}
.StyledStepButton.MuiStepButton-root .MuiStepLabel-root .MuiStepLabel-iconContainer {
  font-weight: 600;
  color: #595959;
}
.StyledStepButton.MuiStepButton-root .MuiStepLabel-root .MuiStepLabel-iconContainer .MuiStepIcon-root:not(.MuiStepIcon-active):not(.MuiStepIcon-completed) {
  fill: #dedede;
}
.StyledStepButton.MuiStepButton-root .MuiStepLabel-root .MuiStepLabel-iconContainer .MuiStepIcon-root:not(.MuiStepIcon-active):not(.MuiStepIcon-completed) .MuiStepIcon-text {
  fill: #595959;
}
.StyledStepButton.MuiStepButton-root .MuiStepLabel-root .MuiStepLabel-labelContainer .MuiStepLabel-label {
  font-weight: 600;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/forms/FormSelector.scss ***!
  \******************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.formSelector {
  position: relative;
  display: flex;
  height: 81vh;
}
.formSelector .gray {
  color: gray;
}
.formSelector .centerText {
  text-align: center;
  padding: 12px;
}
.formSelector > ._formListContainer {
  border-right: 1px solid #dedede;
  overflow: auto;
  padding: 16px;
  flex-shrink: 0;
  width: 410px;
}
@media (max-width: 414px) {
  .formSelector > ._formListContainer {
    padding-top: 2px;
  }
}
.formSelector > ._formListContainer ._formListSpinner {
  bottom: 12px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.formSelector > ._formListContainer ._formListSearch {
  padding-bottom: 22px;
  justify-content: space-between;
  gap: 8px;
}
.formSelector > ._formListContainer ._formListSearch ._formListSearchBox {
  width: 100%;
}
.formSelector > ._formListContainer ._formListSearch ._formListFilter .button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.formSelector > ._formListContainer ._formListSearch ._formListFilter .svg {
  width: 20px;
  height: 20px;
  padding-right: 4px;
}
.formSelector > ._formListContainer ._formListSearchText {
  width: 100%;
}
.formSelector > ._formListContainer ._formList {
  display: flex;
}
.formSelector > ._formListContainer ._formList .formItem {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  border: 1px solid transparent;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  text-overflow: ellipsis;
  padding: 4px 0;
  margin: 0 0 -1px 0;
  width: 100%;
}
.formSelector > ._formListContainer ._formList .formItem[data-active=true] {
  color: #2c4e69;
}
.formSelector > ._formListContainer ._formList .formItem:hover {
  border: 1px solid #2c4e69;
  background-color: #e3f1fc;
  border-color: #2c4e69;
  color: #102638;
  fill: #102638;
  stroke: #102638;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: -4px;
  margin-right: -4px;
}
.formSelector > ._formListContainer ._formList .formItem:focus {
  text-decoration: none;
  outline: none;
}
.formSelector > ._formListContainer ._formList .formItem .formRadioLabel {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.formSelector > ._formListContainer ._formList .formItem .formRadioLabel .RadioButtonFormTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  white-space: initial;
}
.formSelector > ._formListContainer ._formList .formItem .formRadioLabel .internalText {
  display: flex;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  fill: inherit;
  stroke: inherit;
  padding-bottom: 2px;
}
.formSelector > ._formListContainer ._formList .formItem .formRadioLabel .internalText .internalIndicator {
  height: 14px;
  width: 14px;
  margin-right: 4px;
}
.formSelector ._formContainer {
  flex-grow: 1;
}
.formSelector ._formContainer > ._scrollableForm {
  overflow: auto;
  height: 100%;
}
.formSelector ._formContainer > ._scrollableForm > ._patientForm > ._formTitle {
  padding: 20px 15px;
  margin: 0;
}
@media (max-width: 414px) {
  .formSelector ._formContainer > ._scrollableForm > ._patientForm > ._formTitle {
    font-size: 20px;
  }
}
.formSelector ._formContainer > ._scrollableForm > ._formInstructions {
  text-align: center;
  font-size: 20px;
}
@media (max-width: 414px) {
  .formSelector ._formContainer > ._scrollableForm > ._formInstructions {
    font-size: 16px;
  }
}
.formSelector ._formContainer > ._scrollableForm > ._formInstructions::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 400px;
}
.formSelector ._formContainer ._formFooter {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

._formListFilterPopover {
  padding: 16px;
  min-width: 260px;
  border-radius: 6px;
}
._formListFilterPopover .selectorCol {
  padding-top: 8px;
}
._formListFilterPopover .topRow {
  justify-content: space-between;
}
._formListFilterPopover .titleLabel.titleLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #595959;
}
._formListFilterPopover .radioLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
._formListFilterPopover .filterRadioGroup {
  padding-bottom: 24px;
}
._formListFilterPopover .updateButton {
  width: 100%;
}
._formListFilterPopover .closeModalButton .closeModalIcon {
  width: 16px;
}

.formSchedulerPage {
  background: #fafbfc;
  display: flex;
  flex-grow: 1;
}
.formSchedulerPage .formSchedulerContainer {
  margin: 16px auto;
  padding: 16px;
  max-width: 700px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: 1px solid #dedede;
  border-radius: 8px;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/Tooltip.scss ***!
  \***************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.tooltip.tooltip.tooltip {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.tooltip.tooltip.tooltip .icon {
  width: 16px;
  height: 16px;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/ToggleButton.scss ***!
  \********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.libraryToggleGroup.libraryToggleGroup {
  display: flex;
  justify-content: space-between;
  height: 32px;
  width: 252px;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.libraryToggleGroup.libraryToggleGroup .libraryToggleButton {
  padding: 0;
  padding-top: 0;
  padding-bottom: 0;
  width: 50%;
  height: 100%;
  text-transform: none;
}
.libraryToggleGroup.libraryToggleGroup .libraryToggleButton:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.libraryToggleGroup.libraryToggleGroup .libraryToggleButton:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.libraryToggleGroup.libraryToggleGroup .libraryToggleButton .optionIcon {
  width: 14px;
  margin: 4px 8px;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/forms/FormScheduler.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.FormScheduler .formSchedulerTitleContainer {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}
.FormScheduler .formSchedulerTitleContainer .formSchedulerTitleIcon {
  padding: 8px;
}
.FormScheduler .formSchedulerTitleContainer .formSchedulerTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}
.FormScheduler .formSchedulerTitleContainer .formSchedulerSubtitle {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #595959;
}
.FormScheduler .formRequiresSignatureLabel {
  display: flex;
  align-items: center;
  border-radius: 6px;
  padding: 8px 12px;
  margin: 24px 0;
  background-color: #f2f4f6;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.FormScheduler .formRequiresSignatureLabel .formRequiresSignatureLabelText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.FormScheduler .formRequiresSignatureLabel .formRequiresSignatureLabelIcon {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  margin-bottom: 0;
}
.FormScheduler .deliverOnContainer {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.FormScheduler .deliverOnContainer .deliverOnTitleContainer .deliverOnLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.FormScheduler .deliverOnContainer .deliverOnTitleContainer .deliverOnDescription {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.FormScheduler .deliverOnContainer .datetimeContainer {
  display: flex;
  gap: 16px;
}
.FormScheduler .deliverOnContainer .datetimeContainer .dateField {
  max-width: 210px;
}
.FormScheduler .deliverOnContainer .datetimeContainer .timeField {
  max-width: 140px;
}
.FormScheduler .signatureRequirementContainer {
  margin-top: 32px;
  border-top: 1px solid #dedede;
}
.FormScheduler .signatureRequirementContainer .signaturesRequiredLabel {
  margin-top: 32px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.FormScheduler .signatureRequirementContainer .signaturesRequiredList {
  padding: 8px 0px 0px 20px;
  margin: 0;
  color: #595959;
  letter-spacing: -0.25px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.FormScheduler .signatureRequirementContainer .signaturesRequiredList .offBlackText {
  color: #000209;
}
.FormScheduler .signatureRequirementContainer .signaturesRequiredList .formRequiresSignatureLabelIcon {
  margin-left: 3px;
  margin-bottom: -6px;
  color: #2c4e69;
  display: inline-block;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/SelectInput.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.librarySelectInput {
  min-width: 180px;
}
.librarySelectInput label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.librarySelectInput .librarySelectInputRoot {
  margin: 4px 0 0 0;
}
.librarySelectInput .selectElement {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 3px 32px 3px 12px;
  border: 1px solid #dedede;
  border-radius: 4px;
}
.librarySelectInput .selectElement:focus {
  border-width: 2px;
  margin: -1px;
  border-radius: 4px;
}
.librarySelectInput .librarySelectInputIcon {
  margin-right: 4px;
  height: 24px;
}
.librarySelectInput.librarySelectInput-error .selectElement {
  border: 1px solid #c71b16;
  margin: 0px;
}
.librarySelectInput.librarySelectInput-disabled .librarySelectInputRoot {
  color: #595959;
  background-color: #f8f8f8;
}
.librarySelectInput.librarySelectInput-disabled .librarySelectInputIcon {
  fill: #595959;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/forms/AdditionalSignerEditor.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer {
  margin-top: 32px;
  gap: 16px;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .radioOption {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .radioOptionMain {
  margin: -2px 0 -2px -12px;
  height: 32px;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .guardianAdditionalSignerTitleContainer .guardianAdditionalSignerLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .guardianAdditionalSignerTitleContainer .guardianAdditionalSignerDescription {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset {
  border: none;
  padding: 0px;
  margin-top: 16px;
  margin-bottom: 8px;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .additionalSignatureRequirement {
  display: flex;
  flex-direction: column;
  border: 1px solid #dedede;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 24px;
  gap: 16px;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .additionalSignatureRequirement .sectionHeader {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  align-items: center;
  color: #595959;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .additionalSignatureRequirement .sectionHeader .additionalSignerIcon {
  margin-right: 4px;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .additionalSignatureRequirement .sectionHeader .allFieldsRequiredLabel {
  margin-left: 24px;
  color: #c71b16;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .additionalSignatureRequirement .relationshipRow {
  gap: 12px;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .additionalSignatureRequirement .relationshipRow .relationInputField {
  width: 368px;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .additionalSignatureRequirement .relationshipRow .guardianSelectedSection {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin-left: 16px;
  border-left: 1px solid #dedede;
  padding-left: 16px;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .additionalSignatureRequirement .relationshipRow .guardianSelectedSection .guardianRelationDescription {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .additionalSignatureRequirement .relationshipRow .guardianSelectedSection .checkboxLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .additionalSignatureRequirement .relationshipRow .guardianSelectedSection .checkboxRoot {
  padding-bottom: 10px;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .additionalSignatureRequirement .signerRow {
  width: 100%;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .additionalSignatureRequirement .signerRow > *:not(:last-child) {
  margin-right: 8px;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .additionalSignatureRequirement .signerRow .smallInputField {
  width: 180px;
  flex-shrink: 0;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .additionalSignatureRequirement .signerRow .smallInputField:not(:last-child) {
  margin-right: 8px;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .additionalSignatureRequirement .signerRow .emailField {
  flex-basis: 180px;
  flex-grow: 1;
  flex-shrink: 1;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .additionalSignatureRequirement .removeSignerButton {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 8px;
  padding: 4px 16px;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .additionalSignerFieldset .addSignerButton {
  display: flex;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.additionalSignerEditor .additionalSignerContainer.additionalSignerContainer .maxSignersReachedText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  padding-top: 8px;
  color: #595959;
}

.relationMenu.relationMenu .relationshipPlaceholder {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
}
.relationMenu.relationMenu .relationshipType {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
  color: #595959;
}
.relationMenu.relationMenu .relationOption {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #000209;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/forms/FormAssigneeSelector.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.participantAssigneeList {
  margin-top: 24px;
  border-top: 1px solid #dedede;
}
.participantAssigneeList .assigneeFormGroupLabel {
  margin-top: 16px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.participantAssigneeList .participantAssigneeListDescription {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.participantAssigneeList .participantLabelContainer .participantName {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.participantAssigneeList .participantLabelContainer .participantName.isChecked {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.participantAssigneeList .participantLabelContainer .participantEmail {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
}
.participantAssigneeList .checkboxActionsGroup {
  margin: 16px 0 20px 0;
}
.participantAssigneeList .checkboxActionsGroup .checkboxSelectAll {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin-right: 8px;
}
.participantAssigneeList .checkboxActionsGroup .checkboxDeselectAll {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.participantAssigneeList .errorMessage {
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c71b16;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/forms/FormAssignmentManager.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.formAssignmentManager {
  position: relative;
}
.formAssignmentManager .stepContainer {
  align-items: center;
}
.formAssignmentManager .stepContainer.preview {
  background-color: #ffffff;
}
.formAssignmentManager .stepContainer.schedule.flexColumn {
  align-items: center;
}
.formAssignmentManager .stepContainer.hidden {
  display: none;
}
.formAssignmentManager .stepContainer .formSchedulerContainer {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin: 16px;
  padding: 16px;
  border-radius: 8px;
  width: 880px;
  max-width: calc(100% - 32px);
}
.formAssignmentManager .stepContainer .formSchedulerContainer.errorContainer {
  border: 2px solid #c71b16;
}
.formAssignmentManager .actionContainer {
  width: calc(100% - 65px);
  height: 64px;
  padding: 12px 24px 12px 0px;
  justify-content: space-between;
  align-items: stretch;
  bottom: 100%;
  position: absolute;
  left: 65px;
}
.formAssignmentManager .actionContainer .alignLeft {
  align-items: center;
}
.formAssignmentManager .actionContainer .alignLeft .formAssignmentStepper {
  margin: 0 24px;
}
.formAssignmentManager .actionContainer .alignLeft .formAssignmentStepper .stepperConnector {
  width: 105px;
}
.formAssignmentManager .actionContainer .alignRight {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}
.formAssignmentManager .actionContainer .alignRight .backButton .arrowLeftIcon {
  margin: 0 8px 0 0;
  width: 12px;
}
.formAssignmentManager .actionContainer .alignRight .submitButton .arrowIcon {
  width: 10px;
  margin-left: 8px;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/SingleFormAssignmentErrorModal.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.singleFormAssignmentErrorModal.singleFormAssignmentErrorModal {
  max-width: 440px;
}
.singleFormAssignmentErrorModal.singleFormAssignmentErrorModal .bodyText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 24px 0;
}
.singleFormAssignmentErrorModal.singleFormAssignmentErrorModal .modalActionButtons {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.singleFormAssignmentErrorModal.singleFormAssignmentErrorModal .modalActionButtons .actionButton {
  width: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/AdditionalSignersCreationErrorModal.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.additionalSignersCreationErrorModal.additionalSignersCreationErrorModal {
  max-width: 440px;
}
.additionalSignersCreationErrorModal.additionalSignersCreationErrorModal .bodyText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 24px 0;
}
.additionalSignersCreationErrorModal.additionalSignersCreationErrorModal .modalActionButtons {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.additionalSignersCreationErrorModal.additionalSignersCreationErrorModal .modalActionButtons .actionButton {
  width: 100%;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/AttachmentModal.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.attachmentModal.attachmentModal {
  border-radius: 5px;
  max-width: 100vw;
  max-height: 100vh;
  position: relative;
}
.attachmentModal.attachmentModal .attachmentModal__upload {
  height: 60%;
}
.attachmentModal.attachmentModal ._uploadControls {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
.attachmentModal.attachmentModal ._uploadControls .uploadOptions {
  width: 75%;
  align-items: space-between;
  text-align: left;
  justify-content: space-between;
}
.attachmentModal.attachmentModal ._uploadControls .uploadOptions .optionsHeader {
  justify-content: space-between;
  align-items: center;
}
.attachmentModal.attachmentModal ._uploadControls .uploadOptions .absolutePlaceholder {
  position: absolute;
}
.attachmentModal.attachmentModal ._uploadControls .uploadOptions .goBack {
  padding: 10px;
  position: relative;
  left: -40px;
  cursor: pointer;
}
.attachmentModal.attachmentModal ._uploadControls .uploadOptions .participantSelect {
  padding: 10px 0;
  align-self: flex-start;
}
.attachmentModal.attachmentModal ._uploadControls .uploadOptions .checkboxContainer {
  width: 100%;
  max-height: 150px;
  overflow: auto;
  flex-wrap: wrap;
  align-content: flex-start;
}
.attachmentModal.attachmentModal ._uploadControls .uploadOptions .checkboxContainer .checkboxItem {
  margin: 0 -1%;
  min-height: 24px;
  height: 40px;
  width: 20%;
  overflow: hidden;
  transform: scale(0.8);
}
.attachmentModal.attachmentModal ._uploadControls .uploadOptions .checkboxContainer.oneParticipant {
  width: 75%;
}
.attachmentModal.attachmentModal ._uploadControls .uploadOptions .checkboxContainer.oneParticipant .checkboxItem {
  width: 100%;
  margin: 0;
  min-height: 24px;
  transform: scale(1);
}
.attachmentModal.attachmentModal ._uploadControls .uploadOptions .checkboxRowReverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  flex-wrap: wrap-reverse;
}
.attachmentModal.attachmentModal ._uploadControls .uploadOptions .checkboxLabel {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attachmentModal.attachmentModal ._uploadControls .uploadOptions .optionsSubmit {
  align-self: flex-end;
  display: block;
  outline: none;
  height: 40px;
  width: 120px;
  background-color: #2c4e69;
  border-radius: 5px;
  color: white;
  border-color: white;
  font-size: 14px;
}
.attachmentModal.attachmentModal ._uploadControls .uploadOptions .optionsSubmit.padded {
  margin: 24px 0 10px 10px;
}
.attachmentModal.attachmentModal ._uploadControls ._attachText {
  display: block;
  font-weight: normal;
  font-size: 20px;
}
@media (max-width: 414px) {
  .attachmentModal.attachmentModal ._uploadControls ._attachText {
    font-size: 16px;
  }
}

.attachmentModalFullscreenModal.attachmentModalFullscreenModal {
  width: 90%;
  border-radius: 8px;
}
.attachmentModalFullscreenModal.attachmentModalFullscreenModal.formAssignment {
  height: 90%;
  background-color: #fafbfc;
}
.attachmentModalFullscreenModal.attachmentModalFullscreenModal.fileAttachment {
  height: 60%;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/EhrFormWarningModal.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.ConfirmModal.ConfirmModal.ehrFormWarningModal {
  max-width: 480px;
}
.ConfirmModal.ConfirmModal.ehrFormWarningModal .ConfirmModalBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}
.ConfirmModal.ConfirmModal.ehrFormWarningModal .PopoverModalTitle h2 {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/appview/AppBanner.scss ***!
  \*****************************************************************************************************************************************************************************************************/
header .banner {
  background-color: #F85200;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  padding: 4px;
}
header .banner a {
  font-weight: 500;
  text-decoration: underline;
  color: #FFFFFF;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/appview/LogoHeader.scss ***!
  \******************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.header.login {
  padding-right: 0;
}
.header img {
  max-width: 168px;
  max-height: 60px;
}
@media (max-width: 768px) {
  .header img {
    max-width: 108px;
    max-height: 40px;
  }
}
.header button {
  height: 64px;
}
@media (max-width: 768px) {
  .header button {
    max-height: 56px;
  }
}
.header > ._toolbar {
  padding: 0 20px;
}
.header .homeLogo {
  line-height: 0;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/appview/SettingsMenu.scss ***!
  \********************************************************************************************************************************************************************************************************/
.settingsMenu {
  margin-right: 8px;
}

.settingsList svg {
  width: 16px;
  height: 16px;
  margin-right: 16px;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/booking/LanguageDropdown.scss ***!
  \************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.languageDropdown.languageDropdown {
  margin-right: 8px;
  padding: 2px 8px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #999;
  border-radius: 4px;
  box-sizing: border-box;
  height: 32px;
  text-transform: none;
  color: #2c4e69;
}
.languageDropdown.languageDropdown .selectContent {
  padding: 0px 28px 0px 8px;
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.languageDropdown.languageDropdown:hover {
  background-color: #2c4e69;
  color: white;
  text-decoration: none;
}
.languageDropdown.languageDropdown:hover .centerVertical {
  color: #fff;
}
@media (max-width: 768px) {
  .languageDropdown.languageDropdown {
    margin-right: 0;
    margin-top: 12px;
  }
}
.languageDropdown.languageDropdown .fa-globe {
  padding-right: 8px;
}

.languageOption.languageOption {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/appview/AppHeader.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

._headerSlot .tabsWrapper {
  justify-content: flex-start;
  flex: 1;
  display: flex;
  flex-direction: row;
}
._headerSlot .tabsWrapper .tabsContainerRoot {
  min-height: 0px;
  margin-left: 32px;
}
._headerSlot .tabsWrapper .tabButton {
  height: 32px;
  padding: 0px;
  margin-right: 16px;
  min-width: 0px;
  min-height: 0px;
  text-transform: none;
  border-bottom: 2px solid white;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
._headerSlot .tabsWrapper .contentMenuContainer {
  position: relative;
  flex-direction: column;
  justify-content: center;
}
._headerSlot .tabsWrapper .contentMenuContainer .contentButton {
  color: rgba(0, 0, 0, 0.54);
  background-color: transparent;
  box-shadow: none;
}
._headerSlot .tabsWrapper .contentMenuContainer .contentMenu {
  min-width: 160px;
  position: absolute;
  top: calc(100% + 6px);
  border-radius: 6px;
  right: 0;
}
._headerSlot .tabsWrapper .contentMenuContainer .contentMenu ._link > a {
  color: inherit;
  text-decoration: none;
  width: 100%;
}
._headerSlot .tabsWrapper .contentMenuContainer .contentMenu .contentMenuOptionList {
  margin: 0;
  padding-left: 0;
  color: #555;
}
._headerSlot .messagesBadge {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #c71b16;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-left: 4px;
}
._headerSlot .messagesBadge.countOverflow {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}
._headerSlot .appHeaderButton {
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  height: 32px;
  min-height: 32px;
}
._headerSlot .appHeaderButton:hover {
  border-color: #2c4e69;
  background-color: rgba(44, 78, 105, 0.1);
  color: #444;
}
._headerSlot .appHeaderLanguageToggle {
  margin-top: 0;
  margin-right: 8px;
}
._headerSlot .userMenuContainer {
  position: relative;
}
._headerSlot .userMenuContainer .photoContainer {
  height: 24px;
  position: relative;
  width: 24px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 15px 0 7px;
}
@media (max-width: 1199px) {
  ._headerSlot .userMenuContainer .photoContainer {
    margin: 0 0 0 7px;
  }
}
._headerSlot .userMenuContainer .photoContainer .userPhoto {
  display: inline;
  height: 100%;
  width: auto;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}
._headerSlot .userMenuContainer .tabsContainerRoot {
  flex: 1;
  position: absolute;
  width: 100%;
}
._headerSlot .userMenuContainer .tabsContainerRoot .contentMenu .buttonTitle {
  font-size: 0.8125rem;
  color: rgba(0, 0, 0, 0.54);
  text-transform: uppercase;
}
._headerSlot .userMenuContainer ._account {
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
  color: #444;
}
._headerSlot .userMenuContainer ._account .userName {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
@media (max-width: 1199px) {
  ._headerSlot .userMenuContainer ._account .userName {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
  }
}
._headerSlot .userMenuContainer ._account .userIcon {
  margin: 0 15px 0 7px;
  font-size: 24px;
}
@media (max-width: 1199px) {
  ._headerSlot .userMenuContainer ._account .userIcon {
    margin: 0 0 0 7px;
  }
}
._headerSlot .userMenuContainer ._menu {
  position: absolute;
  top: calc(100% + 6px);
  border-radius: 6px;
  right: 0;
}
._headerSlot .userMenuContainer ._menu ._link > a {
  color: inherit;
  text-decoration: none;
  width: 100%;
}
._headerSlot .userMenuContainer ._menu .menuOptionList {
  margin: 0;
  padding-left: 0;
  color: #555;
}
._headerSlot .userMenuContainer ._menu .menuOptionList .menuOptionItem {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
._headerSlot .userMenuContainer ._menu .menuOptionList .optionIcon {
  text-align: center;
  margin: 0 16px 0 0;
}
._headerSlot .userMenuContainer ._menu .menuOptionList .optionIcon > * {
  width: 20px;
}
._headerSlot .userMenuContainer ._menu ._info {
  outline: none;
  padding: 14px 18px;
}
._headerSlot .userMenuContainer ._menu ._info .userProfile {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
._headerSlot .userMenuContainer ._menu ._info .photoContainer {
  flex-shrink: 0;
  height: 44px;
  width: 44px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 16px 0 0;
}
._headerSlot .userMenuContainer ._menu ._info .photoContainer .userPhoto {
  display: inline;
  height: 100%;
  width: auto;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}
._headerSlot .userMenuContainer ._menu ._info .userInfo {
  margin-top: 2px;
}
._headerSlot .userMenuContainer ._menu ._info .userIcon {
  margin: 0 16px 0 0;
  font-size: 44px;
}
._headerSlot .userMenuContainer ._menu ._info .userEmail, ._headerSlot .userMenuContainer ._menu ._info .userIdentifier {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin: 0;
}
._headerSlot .userMenuContainer ._menu ._info .userFullName,
._headerSlot .userMenuContainer ._menu ._info .infoName {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}
._headerSlot .userMenuContainer ._menu ._info .userTypeValue {
  text-transform: capitalize;
}
._headerSlot .userMenuContainer ._menu ._info .infoUserType,
._headerSlot .userMenuContainer ._menu ._info .infoCopy {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin: 0;
}
@media (max-width: 768px) {
  ._headerSlot .userMenuContainer ._menu ._info {
    max-width: 275px;
  }
}
._headerSlot .userMenuContainer ._menu ._info::after {
  content: "";
  display: block;
  margin-top: 6px;
  height: 1px;
  background: #ccc;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/StatusBanner.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.statusBanner {
  width: 256px;
  border-radius: 4px;
  padding: 10px;
  align-items: center;
}
.statusBanner.warningBackground {
  background-color: #FFC4C2;
}
.statusBanner .warningColor {
  fill: #4D1210;
  color: #4D1210;
}
.statusBanner .statusBannerIcon {
  width: 14px;
  margin-right: 8px;
  flex-shrink: 0;
}
.statusBanner .statusBannerText {
  flex: 1;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/CreditCardForm.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.creditCardForm {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}
@media (max-width: 768px) {
  .creditCardForm {
    padding-left: 0;
    padding-right: 0;
  }
}
.creditCardForm[data-compact=true] {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
}
.creditCardForm ._submitButton {
  font-size: 20px;
}
.creditCardForm ._submitButton > span > ._icon {
  margin-right: 10px;
}
.creditCardForm .formLabel {
  font-size: 25px;
  white-space: pre-wrap;
}
@media (max-width: 768px) {
  .creditCardForm .formLabel {
    font-size: 15px;
  }
}
.creditCardForm[data-compact=true] .formLabel {
  font-size: 20px;
}
@media (max-width: 768px) {
  .creditCardForm[data-compact=true] .formLabel {
    font-size: 15px;
  }
}
.creditCardForm .laterButton {
  padding: 0px;
}
.creditCardForm .button {
  width: 100%;
}
.creditCardForm > ._errorMessage {
  color: #a94442;
  font-size: 20px;
}
@media (max-width: 768px) {
  .creditCardForm > ._errorMessage {
    font-size: 15px;
  }
}
.creditCardForm > div {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .creditCardForm > div {
    margin-bottom: 10px;
  }
}
.creditCardForm > .tokenGenerator > .stepControlBar {
  border: none;
  padding: 10px;
  border-radius: 0px;
  margin-bottom: 0;
}
.creditCardForm > .tokenGenerator > div {
  border-color: #666;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .creditCardForm > .tokenGenerator > div {
    margin-bottom: 5px;
    padding: 5px;
  }
}
.creditCardForm .visuallyHidden {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  height: 1px;
  width: 1px;
  border: 0;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: insert(50%);
          clip-path: insert(50%);
  margin: -1px;
}

.somethingWentWrong {
  -webkit-text-decoration: bold;
          text-decoration: bold;
  color: red;
  text-align: center;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/account/CreditCardModal.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.creditCardModal {
  width: 550px;
  padding: 0 24px 24px 24px;
}
.creditCardModal .creditCardModalHeader {
  align-items: center;
  justify-content: space-between;
}
.creditCardModal .creditCardModalHeader .closeIcon {
  position: relative;
  left: 14px;
}
.creditCardModal .creditCardContainer {
  width: 100%;
  position: relative;
  align-items: stretch;
}
.creditCardModal .creditCardContainer .cardError {
  padding: 0 12px 18px 0px;
  color: #d50000;
}
.creditCardModal .creditCardContainer .creditCardField {
  padding: 12px;
  border: 1px solid #555;
  border-radius: 6px;
}
.creditCardModal .creditCardContainer .saveCardButton {
  width: 100%;
  text-transform: none;
  height: 48px;
  margin: 24px 0 0 0;
}
.creditCardModal .creditCardContainer .creditCardModalSubmitButton {
  margin: 0 32px 32px 32px;
}
.creditCardModal .creditCardContainer .creditCardComplete {
  text-align: center;
  margin: 0 0 24px 0;
}
.creditCardModal .creditCardContainer .doneButton {
  text-transform: none;
  height: 42px;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/account/FieldTypes.scss ***!
  \******************************************************************************************************************************************************************************************************/
.imageFieldContainer {
  position: relative;
  width: 100%;
  align-items: center;
}
.imageFieldContainer .imageInputLabel:focus-within {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}
.imageFieldContainer .imagePreviewContainer {
  position: relative;
}
.imageFieldContainer .imagePreviewContainer .circleImage {
  margin-right: 24px;
  height: 64px;
  width: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 50%;
}
.imageFieldContainer .imagePreviewContainer .circleImage .imageFieldPreview {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.imageFieldContainer .imagePreviewContainer .resetImage {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.imageFieldContainer .profilePhotoPlaceholder {
  font-size: 48pt;
  color: #727272;
  margin-right: 24px;
}
.imageFieldContainer .inputActionColumn {
  justify-content: space-around;
  height: 100%;
}
.imageFieldContainer .inputActionColumn .removeImage {
  color: #d50000;
  -webkit-text-decoration-color: #d50000;
          text-decoration-color: #d50000;
  font-size: 11pt;
}

.passwordFieldStaticContainer {
  position: relative;
}
.passwordFieldStaticContainer .passwordStaticField {
  width: 100%;
}
.passwordFieldStaticContainer .staticField, .passwordFieldStaticContainer .staticFieldInput {
  color: black;
}
.passwordFieldStaticContainer .staticFieldLabel {
  color: rgba(0, 0, 0, 0.54);
}
.passwordFieldStaticContainer .secureIcon {
  position: absolute;
  top: 50%;
  right: 0;
}
.passwordFieldStaticContainer .staticField.staticField:before {
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  background-size: auto;
  background-image: none;
  background-color: rgba(0, 0, 0, 0.42);
}

.passwordContainer {
  position: relative;
  z-index: 1;
}
.passwordContainer .passwordField.fullWidth {
  width: 100%;
}
.passwordContainer .passwordField.decoratedWidth {
  width: calc(100% - 24px);
}
.passwordContainer .passwordInput:before, .passwordContainer .passwordInput:after {
  right: -27px;
}
.passwordContainer.error .passwordInput:before, .passwordContainer.error .passwordInput:after {
  right: -54px;
}
.passwordContainer.error .passwordField.decoratedWidth {
  width: calc(100% - 54px);
}
.passwordContainer .iconRow {
  position: absolute;
  top: 50%;
  right: 0;
}
.passwordContainer .iconRow .passwordErrorIcon {
  color: #d50000;
}
.passwordContainer .iconRow > * {
  color: #727272;
  margin-right: 12px;
}
.passwordContainer .iconRow > *:last-child {
  margin-right: 0px;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/account/PasswordModal.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.passwordModal {
  padding: 0 24px 24px 24px;
  min-width: 450px;
}
.passwordModal .passwordModalHeader {
  align-items: center;
  justify-content: space-between;
}
.passwordModal .passwordModalHeader .closeIcon {
  position: relative;
  left: 14px;
}
.passwordModal .generalError {
  color: #d50000;
}
.passwordModal .formSections .passwordForm {
  min-width: 275px;
  flex-grow: 1;
}
.passwordModal .formSections .passwordForm .changePasswordSave {
  margin-top: 24px;
  height: 48px;
}
.passwordModal .formSections .passwordForm .loadingIndicator {
  padding: 0;
}
.passwordModal .formSections .passwordForm > * {
  margin-top: 12px;
}
.passwordModal .formSections .passwordForm > *:first-child {
  margin-top: 0px;
}
.passwordModal .extendedValidationContainer {
  width: 325px;
  color: #727272;
  border-left: 1px solid #727272;
  margin-left: 42px;
  padding-left: 24px;
}
.passwordModal .extendedValidationContainer .extendedValidationHeader {
  font-size: 12pt;
}
.passwordModal .extendedValidationContainer .extendedValidationList {
  margin: 8px 0;
  list-style: none;
  padding: 0;
}
.passwordModal .extendedValidationContainer .extendedValidationList .validationIcon {
  margin-right: 12px;
}
.passwordModal .extendedValidationContainer .extendedValidationList .validationIcon.success {
  color: green;
}
.passwordModal .extendedValidationContainer .extendedValidationList .extendedValidationItem {
  margin: 12px 0;
}
.passwordModal .passwordModalCompleteContent .passwordCompleteText {
  width: 100%;
  text-align: center;
  padding: 10px;
}
.passwordModal .passwordModalCompleteContent .passwordModalDone {
  width: 100%;
  margin: 10px 0 0 0;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/account/EditProfile.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.editProfile {
  width: 100%;
  height: 100%;
  padding-top: 8px;
}
.editProfile .buttonDimmed {
  background-color: #555;
}
.editProfile .buttonAlign {
  align-items: center;
}
.editProfile .buttonAlign .buttonLoader {
  right: 0;
  position: absolute;
  top: -50%;
  transform: scale(0.75) translateY(50%);
}
.editProfile .link {
  font-weight: 400;
  font-size: 11pt;
  text-decoration: underline;
  -webkit-text-decoration-color: #2C4E69;
          text-decoration-color: #2C4E69;
}
.editProfile .settingsHeader {
  font-size: 16pt;
  font-weight: 700;
}
.editProfile .formFieldContainer {
  position: relative;
}
.editProfile .formFieldContainer > * {
  width: 100%;
}
.editProfile .formFieldContainer .fieldLabel {
  position: absolute;
}
.editProfile .formFieldContainer .withLabel {
  margin-top: 16px;
}
.editProfile .subfieldLink {
  font-size: 10px;
}
.editProfile .settingsForm {
  width: 40%;
  align-items: stretch;
  justify-content: space-around;
}
.editProfile .settingsForm > * {
  margin-top: 18px;
  margin-bottom: 18px;
}
.editProfile .settingsForm .formControls > * {
  margin-right: 18px;
}
.editProfile .settingsForm .formControls .controlSubmit {
  text-transform: none;
  position: relative;
  color: #fff;
}
.editProfile .settingsForm .formControls .controlSubmit.loading {
  padding-right: 42px;
}
.editProfile .settingsForm .formControls .controlSubmit[disabled=true] {
  background-color: #727272;
}
.editProfile .settingsForm .formControls .controlCancel {
  text-transform: none;
  border: 1px solid black;
  color: #727272;
}
.editProfile .settingsForm .formControls .controlCancel.disabled {
  border: 1px solid #949499;
}
.editProfile .telehealthLinkRow {
  display: flex;
  align-items: flex-end;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.editProfile .telehealthLinkRow .deleteTelehealthButton {
  margin-bottom: 23px;
}
.editProfile .telehealthLinkRow .deleteTelehealthButton .deleteTelehealthIcon {
  height: 20px;
}

.deleteTelehealthLinkModal .deleteConfirmationBanner {
  width: 100%;
  max-width: none;
  margin-top: 16px;
}

.usernameFieldStaticContainer, .emailFieldStaticContainer, .phoneNumberFieldStaticContainer {
  position: relative;
}
.usernameFieldStaticContainer .usernameStaticField, .usernameFieldStaticContainer .emailStaticField, .usernameFieldStaticContainer .phoneNumberStaticField, .emailFieldStaticContainer .usernameStaticField, .emailFieldStaticContainer .emailStaticField, .emailFieldStaticContainer .phoneNumberStaticField, .phoneNumberFieldStaticContainer .usernameStaticField, .phoneNumberFieldStaticContainer .emailStaticField, .phoneNumberFieldStaticContainer .phoneNumberStaticField {
  width: 100%;
}
.usernameFieldStaticContainer .staticField, .usernameFieldStaticContainer .staticFieldInput, .emailFieldStaticContainer .staticField, .emailFieldStaticContainer .staticFieldInput, .phoneNumberFieldStaticContainer .staticField, .phoneNumberFieldStaticContainer .staticFieldInput {
  color: black;
}
.usernameFieldStaticContainer .staticFieldLabel, .emailFieldStaticContainer .staticFieldLabel, .phoneNumberFieldStaticContainer .staticFieldLabel {
  color: rgba(0, 0, 0, 0.54);
}
.usernameFieldStaticContainer .secureIcon, .emailFieldStaticContainer .secureIcon, .phoneNumberFieldStaticContainer .secureIcon {
  position: absolute;
  top: 50%;
  right: 0;
}
.usernameFieldStaticContainer .staticField.staticField:before, .emailFieldStaticContainer .staticField.staticField:before, .phoneNumberFieldStaticContainer .staticField.staticField:before {
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  background-size: auto;
  background-image: none;
  background-color: rgba(0, 0, 0, 0.42);
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/account/AccountSettings.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.infoBanner {
  width: 100%;
  position: absolute;
  top: 0;
  text-align: center;
  color: white;
  font-size: 12pt;
  font-weight: 500;
  height: 48px;
  line-height: 3;
}
.infoBanner.error {
  background-color: #d50000;
}
.infoBanner.message {
  background-color: #2C4E69;
}
.infoBanner .errorIcon {
  margin: 0 12px;
}

.accountSettings {
  padding-bottom: 48px;
}
.accountSettings .tabbedPageView.errorBanner {
  padding-top: 48px;
}
.accountSettings .account-settings.account-settings-patient.errorBanner {
  padding-top: 48px;
}
.accountSettings .accountSettingsContainer {
  width: 70%;
  min-width: 798px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 48px;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/account/CCDAModal.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.ccdaModal {
  font-family: "SF Pro Text", sans-serif;
}
.ccdaModal .PopoverModal.PopoverModal {
  max-height: 684px;
  height: 684px;
  max-width: 680px;
  width: 680px;
}
.ccdaModal .ccdaContent {
  margin-top: 16px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
}
.ccdaModal .ccdaContent dd, .ccdaModal .ccdaContent dl {
  margin: 0;
}
.ccdaModal .ccdaContent .paperContainerHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
  margin-top: 0;
}
.ccdaModal .ccdaContent .exportDataHeader, .ccdaModal .ccdaContent .exportHistoryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  margin-top: 16px;
  margin-bottom: 8px;
}
.ccdaModal .ccdaContent .metadataExport {
  height: 540px;
  overflow-y: auto;
}
.ccdaModal .ccdaContent .metadataLabel {
  margin-top: 16px;
}
.ccdaModal .ccdaContent .ccdaExportOption {
  height: 32px;
}
.ccdaModal .ccdaContent .ccdaExportOptionLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.ccdaModal .ccdaContent .ccdaExportOptionLabel.checked {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.ccdaModal .ccdaContent .ccdaExportSecurityCheckbox {
  margin-bottom: 8px;
}
.ccdaModal .ccdaContent .ccdaExportSecurityLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.ccdaModal .ccdaContent .exportButton {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  width: 100%;
}
.ccdaModal .ccdaContent .exportButton .loadingSpinner {
  display: flex;
  align-items: center;
}
.ccdaModal .ccdaContent .exportButton .loadingSpinner .spinnerImage {
  margin-left: 4px;
}
.ccdaModal .ccdaContent .exportButton .loadingImageIndicator {
  padding: 0;
  margin-left: 8px;
  align-items: center;
  justify-content: center;
}
.ccdaModal .ccdaContent .ccdaExportPasswordContainer .passwordWarning {
  color: #cd4900;
  margin-bottom: 16px;
}
.ccdaModal .ccdaContent .ccdaExportPasswordContainer .createPasswordLabel {
  margin-bottom: 0px;
}
.ccdaModal .ccdaContent .ccdaExportPasswordContainer .passwordDescription {
  color: #595959;
  margin-bottom: 8px;
  width: 400px;
}
.ccdaModal .ccdaContent .ccdaExportPasswordContainer .ccdaExportPasswordInput {
  width: 400px;
  margin-bottom: 24px;
}
.ccdaModal .ccdaContent .ccdaExportPasswordContainer .ccdaExportPasswordInput .ccdaExportPasswordRoot {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  height: 32px;
}
.ccdaModal .ccdaContent .ccdaSendEmailContainer .required {
  color: #c71b16;
}
.ccdaModal .ccdaContent .ccdaSendEmailContainer .ccdaSendEmailInput {
  width: 400px;
  margin-bottom: 16px;
}
.ccdaModal .ccdaContent .ccdaSendEmailContainer .ccdaSendEmailInput .ccdaSendEmailRoot {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  height: 32px;
}
.ccdaModal .ccdaContent .ccdaSendEmailContainer .ccdaSendEmailInput .ccdaSendEmailError {
  margin-left: 0px;
}
.ccdaModal .ccdaContent .ccdaExportEmailWarning {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  background-color: #f4dbcd;
  border-radius: 6px;
  margin: 16px 0px;
  padding: 10px;
}
.ccdaModal .ccdaContent .ccdaExportError {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #c71b16;
  margin: 0 auto 16px auto;
}
.ccdaModal .ccdaContent .ccdaExportSuccess {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #1c834b;
  margin: 0 auto 16px auto;
  align-items: center;
}
.ccdaModal .ccdaContent .checkMarkIcon {
  height: 16px;
  width: 16px;
  margin-left: 10px;
}
.ccdaModal .ccdaContent .metadataHistory {
  overflow-y: auto;
  height: 530px;
}
.ccdaModal .ccdaContent .metadataHistory .historyList {
  padding-left: 20px;
}
.ccdaModal .ccdaContent .metadataHistory .historyItem {
  overflow-wrap: break-word;
  margin-bottom: 8px;
}
.ccdaModal .ccdaContent .metadataHistory .noResults {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  align-items: center;
  color: #595959;
  margin: 200px 100px;
}
.ccdaModal .ccdaContent .metadataHistory .ccdaHistoryError {
  margin-top: 24px;
  height: 506px;
}
.ccdaModal .ccdaContent .metadataHistory .ccdaHistoryLoading {
  padding: 0;
  margin: 200px;
}
.ccdaModal .ccdaContent .ccdaDirectMessagingContainer {
  display: flex;
  padding: 16px 0;
  gap: 16px;
}
.ccdaModal .ccdaContent .ccdaDirectMessagingContainer .directMessagingContent {
  display: flex;
  flex-direction: column;
}
.ccdaModal .ccdaContent .ccdaDirectMessagingContainer .ccdaSecureMethodMessage {
  color: #595959;
  background-color: #f8f8f8;
  border: 1px #dedede solid;
  border-radius: 6px;
  padding: 10px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}
.ccdaModal .ccdaContent .ccdaDirectMessagingContainer .ccdaDirectMessagingTextField {
  margin-bottom: 4px;
}
.ccdaModal .ccdaContent .ccdaDirectMessagingContainer .ccdaDirectMessagingTextField .ccdaDirectMessageError {
  margin-left: 0px;
  padding-left: 0px;
}
.ccdaModal .ccdaContent .ccdaDirectMessagingContainer .ccdaDirectMessagingTextField .ccdaDirectMessagingTextFieldRoot {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  max-width: 400px;
  height: 32px;
}
.ccdaModal .ccdaContent .ccdaDirectMessagingContainer .directMessagingLabel {
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.ccdaModal .ccdaContent .ccdaDirectMessagingContainer .ccdaRequiredText {
  color: #c71b16;
}
.ccdaModal .ccdaContent .ccdaDirectMessagingContainer .ccdaDirectMessagingSubmitMessage {
  color: #c71b16;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.ccdaModal .ccdaContent .ccdaDirectMessagingContainer .ccdaDirectMessagingSubmitMessage.success {
  color: #1c834b;
}
.ccdaModal .ccdaContent .ccdaDirectMessagingContainer .ccdaCheckedCircleIcon {
  fill: #1c834b;
  vertical-align: middle;
  margin-left: 4px;
  width: 16px;
}
.ccdaModal .ccdaContent .textInputBox {
  padding: 6px 14px 7px;
}
.ccdaModal .ccdaHTMLPreview {
  margin-top: 24px;
}
.ccdaModal .ccdaHTMLPreview .ccdaPreviewError {
  padding: 0;
  height: 506px;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/IframeHTMLContent.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.iframeContainer {
  width: 100%;
  height: 504px;
  border: none;
  overflow: auto;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/account/CCDExportData.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.exportDataSection {
  margin-top: 24px;
}
.exportDataSection .exportDataHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
  margin: 0px;
}
.exportDataSection .exportDataDescription {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  width: 720px;
  margin-top: 4px;
  color: #000209;
}
.exportDataSection .exportDataDatagridHeader {
  margin-top: 32px;
}
.exportDataSection .exportDataDatagridHeader .requestHistoryColumn {
  row-gap: 16px;
}
.exportDataSection .exportDataDatagridHeader .requestHistoryColumn .requestHistoryTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
  margin: 0px;
}
.exportDataSection .exportDataDatagridHeader .requestHistoryColumn .clientRecordDropdown {
  width: 470px;
  margin-bottom: -24px;
}
.exportDataSection .exportDataDatagridHeader .requestExportDataButton {
  align-self: flex-end;
  margin-left: auto;
}
.exportDataSection .exportDataDataGrid {
  margin-top: 16px;
}
.exportDataSection .exportDataDataGrid .failedStatus {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #595959;
}
.exportDataSection .exportDataDataGrid .failedStatus .infoIcon {
  position: relative;
  top: 4px;
  width: 16px;
  height: 16px;
  margin-left: 4px;
}
.exportDataSection .exportDataDataGrid .pendingStatus {
  display: inline-flex;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #595959;
}
.exportDataSection .exportDataDataGrid .pendingStatus .clockIcon {
  position: relative;
  top: 4px;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  fill: #595959;
}
.exportDataSection .exportDataDataGrid .noCCDADocumentsOverlay {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #595959;
  width: 100%;
  border-radius: 4px;
  padding-left: 32px;
  margin-top: -56px;
}
.exportDataSection .ccdaDocumentsErrorView {
  margin-top: 16px;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/forms/RequestCCDExportModal.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.dataRequestModalContainer.dataRequestModalContainer {
  width: 420px;
  max-height: none;
  padding: 24px;
  overflow: visible;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalContent {
  padding-top: 24px;
  gap: 16px;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalContent .dataRequestDescriptionList {
  padding: 0;
  margin: 0;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalContent .dataRequestDescriptionList .dataRequestDescription {
  padding: 0;
  margin: 0;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalContent .dataRequestMessage {
  gap: 8px;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalContent .dataRequestDocumentTypeSection {
  align-self: stretch;
  align-items: flex-start;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalContent .dataRequestDocumentTypeSection .documentTypeDropdown {
  width: 100%;
  margin-bottom: -24px;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalContent .dataRequestDateRangeSection {
  align-self: stretch;
  align-items: flex-start;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalContent .dataRequestDateRangeSection .modalFieldTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalContent .dataRequestDateRangeSection .dateRangeFormLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #000209;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalContent .dataRequestDateRangeSection .dateRangeRadioDefault {
  padding: 4px 8px;
  height: 32px;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalContent .dataRequestDateRangeSection .selectedRadioLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalContent .dataRequestDateRangeSection .dateRangeFieldWithLine {
  margin-top: 8px;
  align-items: end;
  margin-left: 16px;
  gap: 8px;
  border-left: 1px solid #dedede;
  padding-left: 16px;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalContent .dataRequestDateRangeSection .requiredField {
  color: #c71b16;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalFooter {
  margin-top: 24px;
  width: 100%;
  gap: 16px;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalFooter .submitDataExportRequestButton {
  width: 100%;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalFooter .submitDataExportRequestButton .loadingImageIndicator {
  padding: 0;
  margin-left: 8px;
  align-items: center;
  justify-content: center;
}
.dataRequestModalContainer.dataRequestModalContainer .dataRequestModalFooter .dataExportRequestError {
  color: #c71b16;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.dataRequestConfirmModal {
  width: 420px;
}
.dataRequestConfirmModal .dataRequestSuccess {
  gap: 24px;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/forms/RequestRestrictionModal.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.requestRestrictionModalContainer.requestRestrictionModalContainer {
  width: 420px;
  max-height: none;
  padding: 24px;
}
.requestRestrictionModalContainer.requestRestrictionModalContainer .requestRestrictionModalContent {
  padding-top: 24px;
  margin: 0;
}
.requestRestrictionModalContainer.requestRestrictionModalContainer .requestRestrictionModalContent .requestRestrictionModalList {
  margin: 0;
}
.requestRestrictionModalContainer.requestRestrictionModalContainer .requestRestrictionModalContent .dataRestrictionDetails {
  align-items: flex-start;
  align-self: stretch;
  padding: 0 0 16px 0;
  margin: 0;
}
.requestRestrictionModalContainer.requestRestrictionModalContainer .requestRestrictionModalContent .dataRestrictionDetails .modalFieldTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.requestRestrictionModalContainer.requestRestrictionModalContainer .requestRestrictionModalContent .dataRestrictionDetails .modalFieldContent {
  display: -webkit-box;
  width: 332px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}
.requestRestrictionModalContainer.requestRestrictionModalContainer .requestRestrictionModalContent .dataRestrictionDetails .modalFieldMultiline {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  flex: 1 0 0;
  word-break: break-word;
  margin: 0;
}
.requestRestrictionModalContainer.requestRestrictionModalContainer .requestRestrictionModalContent .dataRestrictionDetails .modalFieldSubtext {
  color: #595959;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.requestRestrictionModalContainer.requestRestrictionModalContainer .requestRestrictionModalContent .dataRestrictionDetailsMultiline {
  padding-bottom: 0px;
}
.requestRestrictionModalContainer.requestRestrictionModalContainer .requestRestrictionModalFooter {
  padding-top: 24px;
  width: 100%;
}
.requestRestrictionModalContainer.requestRestrictionModalContainer .requestRestrictionModalFooter .submitRestrictionButton {
  width: 100%;
}
.requestRestrictionModalContainer.requestRestrictionModalContainer .requestRestrictionModalFooter .submitRestrictionButton .loadingImageIndicator {
  margin-top: 6px;
  margin-left: 8px;
}
.requestRestrictionModalContainer.requestRestrictionModalContainer .requestRestrictionModalFooter .requestRestrictionError {
  margin-bottom: 16px;
  color: #c71b16;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.requestRestrictionModalContainer.requestRestrictionModalContainer .requestRestrictionHistoryLoading {
  padding: 90px;
}
.requestRestrictionModalContainer.requestRestrictionModalContainer .requestRestrictionHistory {
  max-height: 328px;
  overflow-y: scroll;
}
.requestRestrictionModalContainer.requestRestrictionModalContainer .requestRestrictionHistory .historyList {
  padding-left: 20px;
}
.requestRestrictionModalContainer.requestRestrictionModalContainer .requestRestrictionHistory .historyItem {
  overflow-wrap: break-word;
  margin-bottom: 8px;
}

.requestRestrictionConfirmModal {
  width: 420px;
}
.requestRestrictionConfirmModal .requestRestrictionSuccess {
  gap: 24px;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/MultiLineTextInput.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.libraryMultiLineTextInput.libraryMultiLineTextInput label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  margin-bottom: 4px;
}
.libraryMultiLineTextInput.libraryMultiLineTextInput label.withPreInputHelperText {
  margin-bottom: 0;
}
.libraryMultiLineTextInput.libraryMultiLineTextInput .libraryMultiLineTextInputRoot {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 0px;
  padding: 8px 12px 12px;
  border: 1px solid #dedede;
  border-radius: 4px;
}
.libraryMultiLineTextInput.libraryMultiLineTextInput .libraryMultiLineTextInputRoot textarea::-moz-placeholder {
  color: #595959;
  opacity: 1;
}
.libraryMultiLineTextInput.libraryMultiLineTextInput .libraryMultiLineTextInputRoot textarea::placeholder {
  color: #595959;
  opacity: 1;
}
.libraryMultiLineTextInput.libraryMultiLineTextInput .libraryMultiLineTextInputRoot.libraryMultiLineTextInputRoot:focus-within {
  border-width: 2px;
  margin: -1px;
}
.libraryMultiLineTextInput.libraryMultiLineTextInput.libraryMultiLineTextInput-error .libraryMultiLineTextInputRoot {
  border: 1px solid #c71b16;
  margin: 0px;
}
.libraryMultiLineTextInput.libraryMultiLineTextInput.libraryMultiLineTextInput-disabled .libraryMultiLineTextInputRoot {
  -webkit-text-fill-color: #595959;
  background-color: #f8f8f8;
}
.libraryMultiLineTextInput.libraryMultiLineTextInput .required {
  color: #c71b16;
}
.libraryMultiLineTextInput.libraryMultiLineTextInput .libraryMultiLineTextInputCharactersRemaining {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin-top: 8px;
}
.libraryMultiLineTextInput.libraryMultiLineTextInput .maxCountReached {
  color: #c71b16;
}
.libraryMultiLineTextInput.libraryMultiLineTextInput .preInputHelperText {
  margin-top: 0;
  margin-bottom: 16px;
}
.libraryMultiLineTextInput.libraryMultiLineTextInput .postInputHelperText {
  margin-top: 8px;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/account/DataRestrictions.scss ***!
  \************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.dataRestrictionsSection {
  margin-top: 24px;
}
.dataRestrictionsSection .dataRestrictionsHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
  margin: 0px;
}
.dataRestrictionsSection .dataRestrictionsDescription {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  width: 720px;
  margin-top: 4px;
  color: #000209;
}
.dataRestrictionsSection .dataRestrictionsDatagridHeader {
  margin-top: 32px;
}
.dataRestrictionsSection .dataRestrictionsDatagridHeader .requestHistoryColumn {
  row-gap: 16px;
}
.dataRestrictionsSection .dataRestrictionsDatagridHeader .requestHistoryColumn .requestHistoryTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
  margin: 0px;
}
.dataRestrictionsSection .dataRestrictionsDatagridHeader .requestHistoryColumn .clientRecordDropdown {
  width: 470px;
  margin-bottom: -24px;
}
.dataRestrictionsSection .dataRestrictionsDatagridHeader .dataRestrictionsRequestButton {
  align-self: flex-end;
  margin-left: auto;
}
.dataRestrictionsSection .dataRestrictionsErrorView {
  margin-top: 16px;
}
.dataRestrictionsSection .requestRestrictionsDataGrid {
  margin-top: 16px;
}
.dataRestrictionsSection .requestRestrictionsDataGrid .noDataRestrictionsOverlay {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #595959;
  width: 100%;
  border-radius: 4px;
  padding-left: 32px;
  margin-top: -56px;
}
.dataRestrictionsSection .requestRestrictionsDataGrid .requestRestrictionRow {
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.dataRestrictionsSection .requestRestrictionsDataGrid .requestRestrictionRow .viewRequestBtn {
  white-space: nowrap;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/ActivityLogDetailsModal.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.activityLogDetailsModal.activityLogDetailsModal {
  width: 600px;
  max-height: 660px;
  padding: 0px;
}
.activityLogDetailsModal.activityLogDetailsModal .PopoverModalTitleWrapper.PopoverModalTitleWrapper {
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
}
.activityLogDetailsModal.activityLogDetailsModal .modalContent {
  max-height: 550px;
  overflow-y: auto;
  padding-left: 24px;
  padding-right: 24px;
}
.activityLogDetailsModal.activityLogDetailsModal .modalContent section .activitySectionHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin: 24px 0 0 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #dedede;
}
.activityLogDetailsModal.activityLogDetailsModal .modalContent .detailsSection {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.activityLogDetailsModal.activityLogDetailsModal .modalContent .detailsSection .detailsList {
  display: contents;
}
.activityLogDetailsModal.activityLogDetailsModal .modalContent .detailsSection .detailsList dt.detailLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  margin: 12px 0 4px 0;
}
.activityLogDetailsModal.activityLogDetailsModal .modalContent .detailsSection .detailsList dd.detailValue {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  margin: 0 0 12px 0;
}
.activityLogDetailsModal.activityLogDetailsModal .modalContent .detailsSection .detailsList dt.detailLabel:first-of-type {
  margin-top: 12px;
}
.activityLogDetailsModal.activityLogDetailsModal .modalContent .affectedFieldsRow {
  display: flex;
  gap: 16px;
}
.activityLogDetailsModal.activityLogDetailsModal .modalContent .affectedFieldsRow:first-of-type {
  margin-top: 12px;
}
.activityLogDetailsModal.activityLogDetailsModal .modalContent .affectedFieldsRow .affectedFieldCell {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.activityLogDetailsModal.activityLogDetailsModal .modalContent .affectedFieldsRow .affectedFieldCell dt.affectedFieldLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  margin: 0;
}
.activityLogDetailsModal.activityLogDetailsModal .modalContent .affectedFieldsRow .affectedFieldCell dd.affectedFieldValue {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  margin: 0;
  overflow-wrap: break-word;
}
.activityLogDetailsModal.activityLogDetailsModal .modalContent .queriedParameterRow {
  display: flex;
  gap: 16px;
  margin-top: 12px;
}
.activityLogDetailsModal.activityLogDetailsModal .modalContent .queriedParameterRow .queriedParameterCell {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.activityLogDetailsModal.activityLogDetailsModal .modalContent .queriedParameterRow .queriedParameterCell dt.queriedParameterLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  margin: 0;
}
.activityLogDetailsModal.activityLogDetailsModal .modalContent .queriedParameterRow .queriedParameterCell dd.queriedParameterValue {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  margin: 0;
  overflow-wrap: break-word;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/usermanagement/ActivityLog.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.ActivityLog.ActivityLog .activityLogErrorView {
  margin-top: 16px;
}
.ActivityLog.ActivityLog .activityLogHeader {
  align-items: start;
  margin-bottom: 16px;
}
.ActivityLog.ActivityLog .activityLogHeader .activityLogSubtext {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #000209;
  margin: 8px 0;
}
.ActivityLog.ActivityLog .activityLogHeader .activityLogFilterButton {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ActivityLog.ActivityLog .activityLogHeader .activityLogFilterButton .filterIcon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.ActivityLog.ActivityLog .activityLogBody.noContent {
  min-height: 300px;
}
.ActivityLog.ActivityLog .activityLogBody .multiLineCell {
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  line-height: 1.4;
}
.ActivityLog.ActivityLog .activityLogBody .activityLogDetailsButtonContainer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}
.ActivityLog.ActivityLog .activityLogBody .activityLogDetailsButtonContainer .activityLogDetailsButton {
  padding: 8px 16px;
}
.ActivityLog.ActivityLog .activityLogBody .noAuditLogsOverlay {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  border-radius: 6px;
  padding: 24px;
  margin-top: 42px;
}
.ActivityLog.ActivityLog .activityLogBody .noAuditLogsOverlay p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #595959;
  margin: 0;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/account/MyDataSettings.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.myDataSection {
  margin-top: 24px;
}

.myDataContent {
  margin-top: 24px;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/account/NotificationSettings.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.notificationPreferences .settingsHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  padding: 24px 0px 0px, 0px;
  margin-top: 8px;
}
.notificationPreferences .settingsSubText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  margin-top: 8px;
  max-width: 720px;
}
.notificationPreferences .appointmentReminders {
  margin: 16px 0;
}
.notificationPreferences .appointmentReminders .reminderHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  margin-top: 8px;
  align-items: center;
}
.notificationPreferences .appointmentReminders .reminderHeader .calendarIcon {
  margin-right: 8px;
}
.notificationPreferences .appointmentReminders .reminderBrief {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin-top: 8px;
}
.notificationPreferences .notificationBody {
  border: 1px solid #dedede;
  border-radius: 8px;
  padding: 24px;
}
.notificationPreferences .notificationBody .typesHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 8px;
}
.notificationPreferences .notificationBody .notificationChoices {
  align-items: flex-start;
}
.notificationPreferences .notificationBody .checked {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
}
.notificationPreferences .notificationBody .unchecked {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.notificationPreferences .notificationBody .emailCheckbox {
  display: flex;
  align-items: center;
}
.notificationPreferences .notificationBody .emailCheckbox .emailLabel {
  margin-right: 7px;
}
.notificationPreferences .notificationBody .emailCheckbox .lockSolid {
  width: 15px;
  height: 15px;
  border: 2px;
  fill: #aaaaaa;
}
.notificationPreferences .notificationBody.errorBorder {
  border: 1px solid #c71b16;
}
.notificationPreferences .phoneNumberBody .addNumberHeader {
  margin: 16px 0px;
}
.notificationPreferences .phoneNumberBody .addNumberHeader .addNumberTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.notificationPreferences .phoneNumberBody .addNumberHeader .addNumberTitle .required {
  color: #c71b16;
}
.notificationPreferences .phoneNumberBody .addNumberHeader .addNumberBrief {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
}
.notificationPreferences .phoneNumberBody .phoneNumberList {
  border-left: 1px solid #dedede;
  margin-bottom: 16px;
  padding: 0px 24px;
}
.notificationPreferences .phoneNumberBody .phoneNumberList .phoneNumberRow .removeNumberButton {
  margin-top: 4px;
  margin-left: 8px;
}
.notificationPreferences .phoneNumberBody .phoneNumberList .phoneNumberRow .removeNumberButton .alertIconButtonSvg {
  width: 15px;
}
.notificationPreferences .phoneNumberBody .phoneNumberList .phoneNumberRow .phoneNumberInput {
  width: 276px;
}
.notificationPreferences .submit {
  display: inline-block;
  margin-top: 32px;
}
.notificationPreferences .submit .submitButton {
  height: 16px;
  border-radius: 4px;
}
.notificationPreferences .submit .submitButton .loadingSpinner {
  display: flex;
  align-items: center;
}
.notificationPreferences .preferencesErrorContainer {
  background-color: #f8f8f8;
  border-radius: 8px;
  text-align: center;
  margin-top: 32px;
  padding: 48px 0px;
}
.notificationPreferences .preferencesErrorContainer .preferencesErrorAlertIcon {
  height: 32px;
  margin-bottom: 16px;
  color: #c71b16;
}
.notificationPreferences .preferencesErrorContainer .preferencesRetryIcon {
  height: 14px;
  margin-right: 4px;
}
.notificationPreferences .preferencesErrorContainer .preferencesErrorTitle {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.notificationPreferences .preferencesErrorContainer .preferencesErrorSubitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding-bottom: 16px;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/account/CalendarSettings.scss ***!
  \************************************************************************************************************************************************************************************************************/
.calendarSettings .calendarSettingsHeader {
  align-items: center;
  margin: 24px 0px;
}
.calendarSettings .calendarSettingsHeader .headerText {
  max-width: 500px;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.25px;
}
.calendarSettings .calendarSettingsHeader .headerText.needToReconnect {
  color: #e42721;
}
.calendarSettings .calendarSettingsHeader .iconContainer {
  position: relative;
  height: 48px;
  width: 42px;
  margin-right: 20px;
}
.calendarSettings .calendarSettingsHeader .iconContainer .fa-calendar-alt {
  position: absolute;
  color: #595959;
}
.calendarSettings .calendarSettingsHeader .iconContainer .notif {
  position: absolute;
  right: -8px;
  bottom: -4px;
  font-size: 18px;
  color: #e42721;
  background-image: radial-gradient(at center, white, transparent);
}
.calendarSettings .actionButton {
  padding: 6px 16px;
  text-transform: none;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/appointments/AppointmentFilter.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.appointmentFilter {
  margin-top: 20px;
}
.appointmentFilter > ._filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 20px;
  max-width: 800px;
}
.appointmentFilter > ._filter > ._divisionSelector {
  flex: 1;
  margin-right: 20px;
}
.appointmentFilter > ._filter > ._search {
  flex: 1;
}
.appointmentFilter > ._view {
  margin-top: 20px;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/popupbuttons/AttachmentsMenu.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.attachmentsDropDownButton .attachmentsDropDownButtonText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!../node_modules/draft-js/dist/Draft.css ***!
  \*********************************************************************************************************************************************************************************************************/
/**
 * Draft v0.11.7
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
.DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content {
  height: inherit;
  text-align: initial;
}

.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only;
}

.DraftEditor-root {
  position: relative;
}

.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  border-left: 0.1px solid transparent;
  position: relative;
  z-index: 1;
}

.public-DraftEditor-block {
  position: relative;
}

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left;
}

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right;
}

.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9;
}

.DraftEditorPlaceholder-hidden {
  display: none;
}

.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}

.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}

.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}

.public-DraftStyleDefault-listLTR {
  direction: ltr;
}

.public-DraftStyleDefault-listRTL {
  direction: rtl;
}

.public-DraftStyleDefault-ol, .public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}

.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}

.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}

.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1, lower-alpha) ". ";
  counter-increment: ol1;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2, lower-roman) ". ";
  counter-increment: ol2;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4, lower-alpha) ". ";
  counter-increment: ol4;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/richeditor/RichEditor.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.RichEditor-root {
  background: #fff;
  font-family: "Open Sans";
  font-size: 14px;
  padding: 15px;
}

.RichEditor-editor {
  height: 100%;
  cursor: text;
  font-size: 16px;
  margin-top: 10px;
}
.RichEditor-editor .wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.RichEditor-editor .toolbar {
  border: none;
  padding: 0 0 6px 0;
  margin: 0;
  max-height: 78px;
}
.RichEditor-editor .toolbar .rdw-inline-wrapper:first-child .rdw-option-wrapper:first-child {
  margin-left: 0;
}
.RichEditor-editor .toolbar .rdw-option-wrapper,
.RichEditor-editor .toolbar .rdw-dropdown-wrapper {
  border: 1px solid #dedede;
  border-radius: 4px;
}
.RichEditor-editor .toolbar .rdw-option-wrapper {
  height: 24px;
  min-width: 24px;
  padding: 3px;
}
.RichEditor-editor .editor {
  line-height: initial;
}
.RichEditor-editor .editor h1,
.RichEditor-editor .editor h2,
.RichEditor-editor .editor h3,
.RichEditor-editor .editor h4,
.RichEditor-editor .editor h5,
.RichEditor-editor .editor h6 {
  font: revert;
  margin: revert;
}
.RichEditor-editor .editor h1 {
  font-size: 2em;
}
.RichEditor-editor .editor .DraftEditor-root .DraftEditor-editorContainer {
  overflow: auto;
  border: 1px solid #dedede;
  border-radius: 8px;
}
.RichEditor-editor .editor .DraftEditor-root .DraftEditor-editorContainer .public-DraftEditor-content {
  min-height: 100px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  padding: 16px;
  margin: 0;
}
.RichEditor-editor .editor .public-DraftEditorPlaceholder-root {
  margin: 0;
}
.RichEditor-editor .editor-readOnly {
  border: none;
  max-height: 100%;
}

.editor-print {
  height: auto !important;
  line-height: initial;
  overflow: visible !important;
}
.editor-print h1,
.editor-print h2,
.editor-print h3,
.editor-print h4,
.editor-print h5,
.editor-print h6 {
  font: revert;
  margin: revert;
}
.editor-print h1 {
  font-size: 2em;
}

.RichEditor-editor .public-DraftEditorPlaceholder-root,
.RichEditor-editor .public-DraftEditor-content {
  margin: 0 -15px -15px;
  padding: 15px;
}

.RichEditor-editor .public-DraftEditor-content {
  min-height: 100px;
}

.RichEditor-hidePlaceholder .public-DraftEditorPlaceholder-root {
  display: none;
}

.RichEditor-editor .public-DraftStyleDefault-pre {
  background-color: rgba(0, 0, 0, 0.05);
  font-family: "Open Sans", monospace;
  font-size: 16px;
  padding: 20px;
}

.RichEditor-controls {
  font-family: "Open Sans";
  font-size: 14px;
  margin-bottom: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  flex-direction: row;
}

.RichEditor-styleButton {
  color: #999;
  cursor: pointer;
  margin-right: 16px;
  padding: 2px 0;
  display: inline-block;
}

.RichEditor-activeButton {
  color: #5890ff;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/CaseNoteEditor.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.spaceForAttachmentIcons .caseNoteEditor {
  height: 40vh;
}

.caseNoteEditor {
  margin-bottom: 20px;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.appointment .caseNoteEditor {
  margin-bottom: 60px;
  position: relative;
}

.caseNoteEditor > ._toolbar {
  padding: 0 15px 12px;
  color: #595959;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}
.caseNoteEditor > ._toolbar .saveStatus .draft {
  color: #ee3213;
}
.caseNoteEditor > ._toolbar .saveStatus .lastModifiedText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.caseNoteEditor > ._toolbar .saveStatus .lastModifiedDate {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
}
.caseNoteEditor > ._toolbar .readOnlyToolbar {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  align-items: center;
}
.caseNoteEditor > ._toolbar .readOnlyToolbar .lockIcon {
  margin-right: 5px;
}
.caseNoteEditor > ._toolbar .saveToolbar .caseNoteEditorFormControl {
  margin-right: 10px;
}
.caseNoteEditor > .RichEditor-root {
  max-height: 80%;
  padding: 0px 15px 15px 15px;
}
.caseNoteEditor .caseNoteEditorFormControl .caseNoteEditorSelect {
  width: 150px;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/appointments/AppointmentNotes.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.appointmentNotes {
  margin: 0 -10px -10px -10px;
  padding-top: 16px;
}
.appointmentNotes .notesHistorySidebar {
  background-color: #f9f9f9;
  width: 210px;
  flex-shrink: 0;
  line-height: 1.5;
}
.appointmentNotes .notesHistorySidebar .notesHistoryRow {
  width: 100%;
  padding: 8px 16px 8px 16px;
  font-size: 14px;
}
.appointmentNotes .notesHistorySidebar .notesList {
  height: calc(55vh - 38px);
  overflow: auto;
}
.appointmentNotes .notesHistorySidebar .notesList .sidebarNoteItem {
  box-shadow: 0 1px 0 0 #cbcbcb;
  width: 100%;
  padding: 8px 12px 8px 12px;
  justify-content: space-evenly;
  border-left: 4px solid rgba(0, 0, 0, 0);
  cursor: pointer;
}
.appointmentNotes .notesHistorySidebar .notesList .sidebarNoteItem:hover, .appointmentNotes .notesHistorySidebar .notesList .sidebarNoteItem.selected {
  border-left: 4px solid #4a4a4a;
}
.appointmentNotes .notesHistorySidebar .notesList .sidebarNoteItem .itemAuthor {
  font-size: 12px;
}
.appointmentNotes .notesHistorySidebar .notesList .sidebarNoteItem .itemAuthor .draft {
  color: #ee3213;
}
.appointmentNotes .notesHistorySidebar .notesList .sidebarNoteItem .itemAuthor strong {
  font-weight: bold;
}
.appointmentNotes .notesHistorySidebar .notesList .sidebarNoteItem .itemDate {
  font-size: 12px;
}
.appointmentNotes .notesHistorySidebar .notesList .sidebarNoteItem .itemDate > * {
  margin-right: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.appointmentNotes .caseNoteEditorContainer {
  max-height: 60vh;
  width: 0;
  flex-grow: 1;
}
.appointmentNotes .caseNoteEditor ._toolbar {
  padding: 0 10px 10px 10px;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/appointments/Appointment.scss ***!
  \************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.appointment.appointment {
  margin-top: 20px;
  padding: 16px;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .appointment.appointment {
    padding: 5px;
  }
}
.appointment.appointment::after {
  content: "";
  display: block;
  clear: right;
  height: 0;
}
.appointment.appointment .caseNoteEditor {
  margin-top: 0;
  margin-bottom: 0;
}
.appointment.appointment > ._flexRow {
  align-items: flex-start;
}
.appointment.appointment > ._flexRow > ._flexColumn {
  flex: 1;
  align-items: flex-start;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail .appointmentTopRow {
  margin-bottom: 4px;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail .appointmentTopRow .description {
  color: #000;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  padding-right: 8px;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail .appointmentTopRow .description .status {
  background-color: #595959;
  border-radius: 3px;
  color: white;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  font-weight: 500;
  padding: 4px 12px;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail .appointmentTopRow .description .status {
    font-size: 7.5px;
    line-height: 7.5px;
  }
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail .time {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding-bottom: 16px;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail .time .calloutBox {
  margin-left: 10px;
  display: flex;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail .time .calloutBox .paymentCircleSvg {
  height: 16px;
  width: 16px;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail .time .calloutBox .paymentCircleSvg.success {
  fill: #1c834b;
  stroke: #1c834b;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail .time .paymentWarningSvg {
  height: 16px;
  width: 16px;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail .time .alert {
  fill: #c71b16;
  stroke: #c71b16;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail > ._flexColumn {
  align-items: flex-start;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail > ._flexColumn > ._flexRow .titleBlock {
  flex: 1;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail > ._flexColumn > ._flexRow .titleBlock .description {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail > ._flexColumn > ._flexRow .titleBlock .contactName {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  align-items: baseline;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail > ._flexColumn > ._flexRow .titleBlock .contactName .small {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-left: 12px;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail > ._flexColumn > ._flexRow .titleBlock .contactName .confirmationStatus {
  margin-left: 8px;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail > ._flexColumn > ._flexRow .contactNameWrapper {
  position: relative;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail > ._flexColumn > ._flexRow .contactNameWrapper .menuAnchor {
  position: absolute;
  top: calc(100% + 30px);
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail > ._flexColumn > ._flexRow .contactNameWrapper .toggleParticipantList {
  height: 20px;
  width: 20px;
  padding: 0;
  border-radius: 10px;
  margin-left: 5px;
  align-self: center;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail > ._flexColumn > ._flexRow .contactNameWrapper .toggleParticipantList .upArrow {
  position: relative;
  bottom: -9px;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail > ._flexColumn > ._flexRow .contactNameWrapper .toggleParticipantList .downArrow {
  position: relative;
  top: -4px;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail > ._flexColumn > ._flexRow .participantUnregistered {
  font-size: 14pt;
  color: #727272;
  margin: 0 8px;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail > ._flexColumn > ._flexRow .participantName {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  margin-left: 12px;
}
.appointment.appointment > ._flexRow > ._flexColumn > .appointmentDetail > ._flexColumn > ._flexRow .participantName .button {
  float: right;
  font-size: 25px;
  height: auto;
  margin-right: -40px;
  margin-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
}
.appointment.appointment ._emptySpace {
  width: 32px;
}
.appointment.appointment .confirmationStatus {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.appointment.appointment .confirmationStatus.confirmed {
  color: #1c834b;
}
.appointment.appointment .confirmationStatus.pending {
  color: #595959;
}
.appointment.appointment .confirmationStatus.confirmationStatusHeader {
  margin-bottom: 8px;
}
.appointment.appointment .recurrenceIndicator .appointmentListRecurrenceIcon {
  height: 15px;
  width: 15px;
}
.appointment.appointment .recurrenceIndicator .recurrenceIndicatorText {
  margin-left: 8px;
}
.appointment.appointment .integrationIndicator .appointmentListIntegrationIcon {
  height: 17px;
  width: 17px;
}
.appointment.appointment .integrationIndicator .integrationIndicatorText {
  margin-left: 6px;
}
.appointment.appointment > .appointmentEdits {
  justify-content: flex-start;
  align-items: center;
  padding-top: 16px;
}
.appointment.appointment > .appointmentEdits > .editButton,
.appointment.appointment > .appointmentEdits > .viewAppointmentButton {
  margin-right: 10px;
}
.appointment.appointment > .appointmentEdits .providerSummaryButton {
  margin-right: 10px;
}
.appointment.appointment > .appointmentEdits > ._actionButtonContainer {
  margin-left: auto;
}
.appointment.appointment > .appointmentEdits > ._actionButtonContainer .joinText {
  text-decoration: none;
}
.appointment.appointment > .appointmentEdits > ._actionButtonContainer .joinText .linkText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  align-items: center;
  padding-right: 8px;
}
.appointment.appointment > .appointmentEdits > ._actionButtonContainer .joinText .linkIcon {
  width: 14px;
  margin-top: auto;
  margin-bottom: auto;
}
.appointment.appointment > .appointmentEdits > ._actionButtonContainer .customLinkButton {
  padding: 0;
}
.appointment.appointment > .appointmentEdits > ._actionButtonContainer .customLinkButton:hover {
  background-color: transparent;
}
.appointment.appointment > .appointmentEdits > ._actionButtonContainer .customLinkButton span {
  text-decoration: underline;
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
}
.appointment.appointment > .appointmentEdits > ._actionButtonContainer .customLinkButton .customLinkIcon {
  width: 16px;
  margin-right: 8px;
}
.appointment.appointment > .appointmentEdits > ._actionButtonContainer .customLinkButton.disabledThemeButton {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.appointment.appointment > .appointmentEdits > ._actionButtonContainer > a {
  flex: 1;
  width: 100%;
  text-decoration: none;
}
.appointment.appointment > .appointmentEdits > ._actionButtonContainer > a > button {
  width: 100%;
}
.appointment.appointment > .appointmentEdits > ._actionButtonContainer > .calloutBox {
  width: 100%;
}
.appointment.appointment > .appointmentEdits > ._actionButtonContainer > .calloutBox > button {
  width: 100%;
}
.appointment.appointment > .appointmentEdits .startCallButton {
  margin-left: auto;
}
.appointment.appointment .appointmentImage {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
.appointment.appointment .appointmentControl {
  margin-right: 12px;
}
.appointment.appointment > ._flexRow {
  height: 100%;
}
.appointment.appointment > ._flexRow > .appointmentControls {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .appointment.appointment > ._flexRow > .appointmentControls {
    padding: 5px;
  }
}
.appointment.appointment > ._flexRow > .appointmentControls > ._flexRow {
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 30px;
}
.appointment.appointment > ._flexRow > .appointmentControls > ._flexRow > .attachmentButton {
  margin-right: 8px;
}
.appointment.appointment .providerSummaryContent {
  color: #344a79;
  font-size: 25px;
  line-height: 25px;
  margin-left: 47px;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .appointment.appointment .providerSummaryContent {
    font-size: 12.5px;
    line-height: 12.5px;
  }
}

.participantMenuPaper.participantMenuPaper {
  border: 1px solid #dedede;
  border-radius: 8px;
  padding: 2px 10px;
}
.participantMenuPaper.participantMenuPaper .participantMenuItem {
  align-items: baseline;
}
.participantMenuPaper.participantMenuPaper .participantMenuItem > * {
  margin: 0;
  margin-right: 8px;
}
.participantMenuPaper.participantMenuPaper .participantMenuItem:hover {
  background-color: transparent;
}
.participantMenuPaper.participantMenuPaper .participantMenuItem .participantMenuName {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.participantMenuPaper.participantMenuPaper .participantMenuItem .participantFee {
  color: #000209;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.participantMenuPaper.participantMenuPaper .participantMenuItem .participantEmail,
.participantMenuPaper.participantMenuPaper .participantMenuItem .participantPhone {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
}
.participantMenuPaper.participantMenuPaper .participantMenuItem .confirmationStatus {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.participantMenuPaper.participantMenuPaper .participantMenuItem .confirmationStatus.confirmed {
  color: #1c834b;
}
.participantMenuPaper.participantMenuPaper .participantMenuItem .confirmationStatus.pending {
  color: #595959;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/appointments/AppointmentQueryListing.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.appointmentQueryListing {
  position: relative;
  z-index: 0;
  padding-bottom: 30px;
  margin-top: 20px;
  max-width: 800px;
}
.appointmentQueryListing > ._empty {
  color: #979797;
  font-size: 28px;
  line-height: 32px;
  padding: 60px 30px;
  text-align: center;
}
.appointmentQueryListing > .loadingIndicator {
  padding-top: 100px;
  position: static;
  width: 100%;
  height: 50px;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/messaging/MessagingParticipantsInfoDropdown.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

._participantsDropdown {
  position: relative;
  margin-right: 8px;
}
._participantsDropdown .notShared {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
._participantsDropdown ._toggleParticipantsInfoButton {
  background-color: transparent;
  border-width: 0px;
  color: #2c4e69;
  font-size: 16px;
  margin-left: 5px;
  outline-width: 0px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  top: -4px;
}
._participantsDropdown ._participantsInfoList {
  position: absolute;
  right: 0px;
  top: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #ffffff;
  box-shadow: 0px 2px 10px rgba(160, 160, 158, 0.5);
  font-size: 13px;
  padding: 10px;
}
._participantsDropdown ._participantsInfoList ._participantInfoListEntry {
  margin-bottom: 5px;
}
._participantsDropdown ._participantsInfoList ._participantInfoListEntry .name {
  font-weight: 700;
}
._participantsDropdown ._participantsInfoList ._participantInfoListEntry:last-child {
  margin-bottom: 0px;
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/messaging/CreateMessagingAppointmentButton.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
.createAppointmentButton {
  border-width: 0px;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  outline-width: 0px;
}
.createAppointmentButton.disabled, .createAppointmentButton.disabled:hover {
  color: rgba(0, 0, 0, 0.26);
  cursor: initial;
  background-color: rgba(0, 0, 0, 0.12) !important;
  box-shadow: none;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/AppointmentCompletionModal.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.appointmentCompletionModal.appointmentCompletionModal {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  width: calc(100% - 64px);
  max-width: 840px;
}
.appointmentCompletionModal.appointmentCompletionModal h3 {
  margin: 0;
}
.appointmentCompletionModal.appointmentCompletionModal .completionModalHeader,
.appointmentCompletionModal.appointmentCompletionModal .completionModalHeader > * {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
.appointmentCompletionModal.appointmentCompletionModal .formHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .customField,
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .additionalNotes {
  margin-top: 6px;
  margin-bottom: 18px;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .customField .fieldInput,
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .additionalNotes .fieldInput {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .customField .fieldLabel,
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .additionalNotes .fieldLabel {
  transform: translate(14px, 16px) scale(1);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .customField .shrinkLabel,
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .additionalNotes .shrinkLabel {
  transform: translate(14px, -9px) scale(0.75);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .participantFieldset {
  border: none;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .participantListHeaderRow {
  justify-content: space-between;
  align-items: center;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .participantListHeaderRow > * {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .participantList {
  padding: 0;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .participantList .participantListItem {
  align-items: center;
  margin-bottom: 12px;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .participantList .participantListItem .svgBullet {
  margin-right: 16px;
  width: 8px;
  flex-shrink: 0;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .participantList .participantListItem .participantDetailRow {
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .participantList .participantListItem .participantDetailRow .participantDetails {
  flex-grow: 1;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .participantList .participantListItem .participantDetailRow .participantDetails .participantName {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .participantList .participantListItem .participantDetailRow .participantDetails .paymentWarning {
  align-items: center;
  color: #c71b16;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .participantList .participantListItem .participantDetailRow .participantDetails .paymentWarning .warningIcon {
  fill: #c71b16;
  stroke: #c71b16;
  width: 16px;
  margin-right: 8px;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .participantList .participantListItem .participantDetailRow .participantFee {
  width: 100px;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .participantList .participantListItem .participantDetailRow .participantFee .participantFeeDisabled {
  background-color: #f8f8f8;
  color: #595959;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .participantList .participantListItem .participantDetailRow .participantFee .participantFeeRoot {
  height: 32px;
}
.appointmentCompletionModal.appointmentCompletionModal .appointmentCompletionForm .participantList .participantListItem .participantDetailRow .participantFee .participantFeeRoot .participantFeeInput {
  padding: 0 8px;
}
.appointmentCompletionModal.appointmentCompletionModal .completionModalActions {
  padding: 24px;
  border-top: 1px solid #dedede;
}
.appointmentCompletionModal.appointmentCompletionModal .completionModalActions > * {
  flex-grow: 1;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/messaging/MessageThreadAnnouncement.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.messageThreadAnnouncement ._announcementButton {
  position: relative;
  margin-left: 24px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #2c4e69;
}
.messageThreadAnnouncement.display {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  background-color: rgba(211, 211, 211, 0.15);
}
.messageThreadAnnouncement.display ._topBar {
  display: flex;
  padding: 10px 24px 10px 24px;
  font-size: 12px;
}
.messageThreadAnnouncement.display ._topBar ._title {
  font-weight: bold;
  max-height: 100px;
}
.messageThreadAnnouncement.display ._topBar ._text {
  color: black;
  flex: 1;
  min-height: 0px;
  max-height: 500px;
  background-color: transparent;
  border: 0px solid;
  padding: 0px 0px 0px 5px;
  outline: thin;
  white-space: pre-wrap;
  word-wrap: anywhere;
  overflow-y: auto;
}
.messageThreadAnnouncement.display .editAnnouncement {
  font-size: 12px;
  display: flex;
  width: inherit;
  justify-content: flex-end;
  padding-right: 24px;
}
.messageThreadAnnouncement.editing {
  position: relative;
}
.messageThreadAnnouncement.editing .clearUnderline.clearUnderline:after {
  display: none;
}
.messageThreadAnnouncement.editing .clearUnderline.clearUnderline:before {
  display: none;
}
.messageThreadAnnouncement.editing .editAnnouncementField {
  width: 100%;
}
.messageThreadAnnouncement.editing .editAnnouncementInput {
  font-size: 12px;
  padding: 10px 24px 10px 24px;
  color: black;
}
.messageThreadAnnouncement.editing .editControls {
  width: 100%;
  padding: 10px 24px 10px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  font-size: 12px;
}
.messageThreadAnnouncement.editing .editControls .charCount {
  white-space: nowrap;
}
.messageThreadAnnouncement.editing .editControls .editButtons {
  display: flex;
  justify-content: flex-end;
  width: inherit;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/messaging/MessageThreadArea.scss ***!
  \***************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.messageThreadArea {
  max-width: 100%;
  flex-grow: 1;
}
.messageThreadArea a {
  word-break: break-all;
}
.messageThreadArea button {
  background: #ffffff;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  padding: 6px 12px;
  height: 100%;
  text-align: center;
}
.messageThreadArea button .loadingIndicator {
  padding: 0;
}
.messageThreadArea button:focus, .messageThreadArea button:hover {
  border-color: #2c4e69;
  outline-width: 0px;
}
.messageThreadArea button:disabled {
  background-color: #f8f8f8;
  border-color: #d6d6d6;
}
.messageThreadArea .floatRight {
  margin-right: 10px;
  margin-left: 10px;
  float: right;
  position: absolute;
  z-index: 9;
  padding-top: 8px;
  right: 0;
}
.messageThreadArea .floatLeft {
  margin-left: 10px;
  position: absolute;
  z-index: 9;
  padding-top: 12px;
  cursor: pointer;
  color: #cbcbcb;
}
.messageThreadArea .wideWithGutter {
  width: calc(100% - 20px);
}
.messageThreadArea .inlineBlock {
  display: inline-block;
}
.messageThreadArea .scrollFade {
  background: linear-gradient(white 25%, rgba(255, 255, 255, 0));
  position: absolute;
  height: 150px;
}
.messageThreadArea > ._info {
  border-bottom: 1px solid #cbcbcb;
  align-items: center;
  height: 60px;
  padding: 23px 24px 17px 24px;
  flex-shrink: 0;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  justify-content: space-between;
}
.messageThreadArea > ._info:after {
  height: 0px;
}
.messageThreadArea > ._info > ._back {
  display: none;
}
@media (max-width: 768px) {
  .messageThreadArea > ._info > ._back {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
  }
}
.messageThreadArea > ._info > ._back > button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  text-indent: -999px;
  overflow: hidden;
  background: none;
}
.messageThreadArea > ._info > ._back > button::before {
  content: "⟨";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 20px;
  color: #333;
  text-indent: 0;
}
.messageThreadArea > ._info ._participantsInfo {
  flex-grow: 1;
  max-width: 55%;
}
.messageThreadArea > ._info ._participants {
  left: 10px;
  right: 140px;
  color: #000209;
  font-weight: bold;
  font-size: 16px;
  height: 19px;
  line-height: 19px;
  margin-bottom: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .messageThreadArea > ._info ._participants {
    left: 70px;
    right: 10px;
  }
}
.messageThreadArea > ._info ._participants ._participantName {
  text-overflow: ellipsis;
}
.messageThreadArea > ._info ._participants ._participantName::before {
  content: ", ";
}
.messageThreadArea > ._info ._participants ._participantName:first-child::before {
  content: "";
}
.messageThreadArea > ._info ._messageThreadMenu {
  position: relative;
  gap: 16px;
}
.messageThreadArea > ._info ._messageThreadMenu .optionMenu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 2;
}
.messageThreadArea > ._info ._messageThreadMenu .optionMenu li {
  color: #727272;
  font-size: 14px;
  line-height: 17px;
}
.messageThreadArea > ._info ._messageThreadMenu button {
  background: #ffffff;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  padding-top: 4px;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  text-align: center;
}
.messageThreadArea > ._info ._messageThreadMenu button:focus, .messageThreadArea > ._info ._messageThreadMenu button:hover {
  border-color: #2c4e69;
  outline-width: 0px;
}
.messageThreadArea > ._info ._messageThreadMenu button:disabled {
  background-color: #f8f8f8;
  border-color: #d6d6d6;
}
.messageThreadArea > ._info ._messageThreadMenu ._toggleMenuButton {
  padding-bottom: 10px;
}
.messageThreadArea > ._info ._messageThreadMenu .attachmentsDropDownButton, .messageThreadArea > ._info ._messageThreadMenu .formsMenuButton {
  border-width: 0px;
  padding: 0px;
}
.messageThreadArea > ._info ._messageThreadMenu .attachmentsDropDownButton .downloadIcon,
.messageThreadArea > ._info ._messageThreadMenu .attachmentsDropDownButton ._formIcon, .messageThreadArea > ._info ._messageThreadMenu .formsMenuButton .downloadIcon,
.messageThreadArea > ._info ._messageThreadMenu .formsMenuButton ._formIcon {
  width: 28px;
  height: 28px;
  filter: brightness(0.8);
}
.messageThreadArea > ._info ._messageThreadMenu .attachmentsDropDownButton .attachmentsBadge span,
.messageThreadArea > ._info ._messageThreadMenu .attachmentsDropDownButton .redBadge span, .messageThreadArea > ._info ._messageThreadMenu .formsMenuButton .attachmentsBadge span,
.messageThreadArea > ._info ._messageThreadMenu .formsMenuButton .redBadge span {
  width: 18px;
  height: 18px;
  right: -7px;
  top: -7px;
}
@media (max-width: 768px) {
  .messageThreadArea > ._info ._complete {
    display: none;
  }
}
.messageThreadArea > ._info ._complete .completeButton::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
.messageThreadArea > ._info ._complete .completeButton ._label {
  display: inline-block;
  vertical-align: middle;
  color: #727272;
  font-size: 14px;
  line-height: 17px;
}
.messageThreadArea > ._info ._complete .completeButton .buttonIcon {
  font-size: 13px;
  margin-right: 7px;
  vertical-align: middle;
  color: #727272;
}
.messageThreadArea > ._flexWrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: auto;
}
.messageThreadArea > ._flexWrapper > ._history {
  flex: 1;
  overflow-y: auto;
  display: flex;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea {
  width: 100%;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 0;
  height: 100%;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  padding: 24px 0 0 0;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList::before {
  content: "";
  display: block;
  width: 40%;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > .dateDivider {
  margin: 24px;
  height: 1px;
  position: relative;
  justify-content: center;
  display: flex;
  background-color: #cbcbcb;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > .dateDivider p {
  margin: 0;
  position: absolute;
  bottom: -6px;
  background-color: white;
  padding: 0px 6px;
  font-weight: bold;
  font-size: 12px;
  color: #727272;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
  margin: 16px 0;
  padding: 0 24px 6px 20px;
  border-left: 4px solid lightgrey;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry span .linkRemoved {
  color: #888;
  font-style: italic;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry ._sender {
  color: #727272;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry ._sender ._sendTime {
  display: inline-block;
  font-weight: normal;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry ._sender ._failedToSend {
  color: #d11016;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry > ._text {
  clear: right;
  font-size: 18px;
  color: #ccc;
  white-space: pre-wrap;
  word-break: break-word;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry > ._attachment {
  clear: right;
  font-size: 16px;
  color: inherit;
  font-style: italic;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry > ._attachment a {
  text-decoration: underline;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry ._messageContent {
  word-break: break-word;
  font-size: 14px;
  line-height: 16px;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry ._messageContent._pendingMessage {
  color: #b3b3b3;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry ._messageContent a {
  color: #2c4e69;
  text-decoration: underline;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry[data-persisted=false] > ._time {
  color: #800;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry[data-persisted=true] > ._sender {
  color: inherit;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry[data-persisted=true] > ._text {
  color: inherit;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry.system_entry {
  border-left-color: #cbcbcb;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry > .attachmentButton {
  color: black;
  font-size: 12px;
  margin-top: 4px;
  width: 200px;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry > .attachmentButton .buttonContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry > .attachmentButton .buttonContent i {
  color: #2c4e69;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry > .attachmentButton .buttonContent .buttonTitle {
  display: flex;
  align-items: center;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry > .attachmentButton .buttonContent .buttonTitle i {
  color: #cbcbcb;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry > .attachmentButton .buttonContent .buttonTitle p {
  margin: 0 0 0 8px;
  width: 140px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._entryByDate > ._entry > .attachmentButton:hover {
  background-color: white;
  border-color: #2c4e69;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList > ._description {
  font-size: 14px;
  color: #949499;
  padding: 5px;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList ._warning {
  background-color: #fb5300;
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
  margin-top: 15px;
  padding-bottom: 7px;
  padding-top: 7px;
  text-align: center;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList ._warning ._warningNote {
  font-weight: bold;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList ._loadMore {
  display: flex;
  justify-content: center;
  margin: 0 24px 24px;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList ._loadMore button {
  color: #2c4e69;
  height: 30px;
  min-width: 115px;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList ._loadMore .ispending {
  padding: 2px 12px;
}
.messageThreadArea > ._flexWrapper > ._history > ._entryListScrollArea > ._entryList ._loadMore i {
  margin-left: 12px;
}
.messageThreadArea > ._flexWrapper ._input {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  flex-direction: row;
  border-top: 1px solid #b0b0b0;
}
.messageThreadArea > ._flexWrapper ._input.readOnlyMode {
  justify-content: space-between;
  background-color: #f8f8f8;
}
.messageThreadArea > ._flexWrapper ._input.readOnlyMode .readOnlyToolbar {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.messageThreadArea > ._flexWrapper ._input.readOnlyMode .readOnlyToolbar .lockIcon {
  margin-right: 5px;
}
.messageThreadArea > ._flexWrapper ._input .paperClipButton {
  margin: 12px;
  padding: 6px 14px;
}
.messageThreadArea > ._flexWrapper ._input .paperClipButton.disabled {
  cursor: initial;
  opacity: 0.4;
}
.messageThreadArea > ._flexWrapper ._input .sendMessageIcon {
  margin-right: 16px;
  font-size: 18pt;
  color: #e5e5e5;
}
.messageThreadArea > ._flexWrapper ._input .sendMessageButton:hover .sendMessageIcon.sendMessage,
.messageThreadArea > ._flexWrapper ._input .sendMessageButton:focus .sendMessageIcon.sendMessage,
.messageThreadArea > ._flexWrapper ._input .sendMessageIcon.sendMessage:hover,
.messageThreadArea > ._flexWrapper ._input .sendMessageIcon.sendMessage:focus {
  color: #1d3549 !important;
}
.messageThreadArea > ._flexWrapper ._input .attachmentButton {
  width: 40px;
  margin: auto;
  height: 48px;
  line-height: 48px;
  vertical-align: middle;
}
.messageThreadArea > ._flexWrapper ._input .attachmentButton > label {
  margin: 0px;
}
.messageThreadArea > ._flexWrapper ._input .clearUnderline:before {
  display: none;
}
.messageThreadArea > ._flexWrapper ._input .clearUnderline:after {
  display: none;
}
.messageThreadArea > ._flexWrapper ._input > ._textEntry {
  flex: 1;
  min-height: 48px;
  max-height: 198px;
  border: 0;
  padding-bottom: 7px;
  padding-left: 4px;
  padding-right: 10px;
  padding-top: 7px;
  outline: thin;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-y: auto;
}
.messageThreadArea > ._flexWrapper ._input > ._textEntry[contenteditable=true]:empty::before {
  content: attr(placeholder);
  color: #888;
}
.messageThreadArea > ._flexWrapper ._input > ._textEntry textarea {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
}
.messageThreadArea > ._flexWrapper ._input button {
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: thin;
  padding: 0;
  text-align: center;
  display: flex;
  align-items: center;
}
.messageThreadArea > ._flexWrapper ._input button img {
  height: 25px;
}
.messageThreadArea > ._flexWrapper ._input button:disabled {
  cursor: auto;
}
.messageThreadArea > ._flexWrapper ._input button::before {
  content: "";
  vertical-align: middle;
  width: 0;
  height: 100%;
}
.messageThreadArea > ._flexWrapper ._input button > ._label {
  vertical-align: middle;
  color: #2c4e69;
  font-size: 24px;
  line-height: 24px;
}
.messageThreadArea > ._flexWrapper ._input button:disabled > ._label {
  color: #888;
}
.messageThreadArea > ._flexWrapper > ._cannotSendMessage {
  color: #888;
  font-size: 14px;
  height: 48px;
  line-height: 16px;
  text-align: center;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/messaging/MessagesPanel.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.messagesPanel {
  background-color: #fafbfc;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.messagesPanel > ._leftBar {
  background: #f8f8f8;
  box-shadow: 1px 0px 0px #d6d6d6;
  box-sizing: border-box;
  min-height: 640px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 288px;
  overflow: auto;
}
@media (max-width: 768px) {
  .messagesPanel > ._leftBar {
    width: 100%;
  }
}
.messagesPanel > ._main {
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
  min-height: 350px;
  position: absolute;
  top: 32px;
  left: 320px;
  right: 32px;
  bottom: 32px;
}
@media (max-width: 768px) {
  .messagesPanel > ._main {
    left: 0;
    right: 0;
    border: 0;
  }
}
.messagesPanel > ._main ._messageThreadWrapper {
  height: 100%;
}
.messagesPanel > ._main .messageThreadAttachmentsBar {
  background-color: #f8f8f8;
  border-left: 1px solid #d6d6d6;
  height: 100%;
  min-width: 250px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentsSideBar {
  height: 100%;
  overflow-y: hidden;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .createAppointmentButton {
  height: 57px;
  flex-shrink: 0;
  width: 100%;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .emptyAttachmentListMessage {
  color: #727272;
  flex-grow: 1;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .emptyAttachmentListMessage img {
  display: block;
  margin: auto;
  margin-top: 70px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .emptyAttachmentListMessage .messageText {
  max-width: 130px;
  margin: auto;
  margin-top: 15px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentListHeader {
  align-items: center;
  height: 60px;
  padding-top: 17px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 15px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentListHeader .attachmentListTitle {
  color: #727272;
  flex-grow: 1;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentListHeader .addAttachmentButton {
  background-color: transparent;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  cursor: pointer;
  outline-width: 0px;
  padding-top: 2px;
  height: 32px;
  width: 32px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentListHeader .addAttachmentButton:focus, .messagesPanel > ._main .messageThreadAttachmentsBar .attachmentListHeader .addAttachmentButton:hover {
  border-color: #2c4e69;
  outline-width: 0px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentListHeader .addAttachmentButton.disabled:focus, .messagesPanel > ._main .messageThreadAttachmentsBar .attachmentListHeader .addAttachmentButton.disabled:hover {
  border-color: #d6d6d6;
  outline-width: 0px;
  cursor: initial;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentListContent {
  flex-grow: 1;
  overflow-y: auto;
  padding-left: 16px;
  padding-right: 16px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentCard {
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  color: #000209;
  font-size: 12px;
  margin-top: 10px;
  width: 100%;
  max-width: 217px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentCard .infoWrapper {
  padding: 8px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentCard.formAttachmentCard img {
  margin-left: 4px;
  margin-right: 12px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentCard:first-child {
  margin-top: 0px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentCard img {
  margin-right: 8px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentCard .attachmentTitle {
  font-weight: bold;
  max-width: 168px;
  word-wrap: break-word;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentCard .attachmentDate {
  color: #727272;
  margin-top: 3px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentCard .attachmentAction {
  color: #2c4e69;
  cursor: pointer;
  font-weight: bold;
  margin-top: 3px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentCard .attachmentAction:hover {
  text-decoration: underline;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentCard .participants {
  background-color: #e5eef9;
  border-top: 1px solid #dedede;
  padding: 8px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentCard .participants ._participantsDropdown {
  height: 14px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentCard .participants ._participantsDropdown ._participantInfoListEntry .name {
  font-weight: 500;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentCard .participants ._participantsDropdown ._toggleParticipantsInfoButton {
  margin-left: 1px;
  top: -4px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentCard .participants ._participantsDropdown ._toggleParticipantsInfoButton .buttonLabel {
  font-size: 12px;
}
.messagesPanel > ._main .messageThreadAttachmentsBar .attachmentCard .participants ._participantsDropdown ._toggleParticipantsInfoButton i.fa-sort-down {
  margin-left: 4px;
  position: absolute;
  top: -1px;
}
.messagesPanel > ._main > ._info {
  display: flex;
  text-align: center;
  color: #979797;
  font-size: 28px;
  line-height: 32px;
  height: 100%;
  padding: 0px;
  width: 100%;
}
.messagesPanel > ._main > ._info:after {
  height: 0px;
}
.messagesPanel > ._main > ._info ._emptyMessage {
  align-items: center;
  flex-grow: 1;
  justify-content: center;
  margin-top: -40px;
}
.messagesPanel > ._main > ._info ._emptyMessage ._emptyMessageText {
  color: #000209;
  font-size: 16px;
  line-height: 18px;
  margin-top: 20px;
}
.messagesPanel > ._main > ._info ._emptyMessage .createAppointmentButton {
  margin-top: 25px;
  padding: 10px 15px;
}
.messagesPanel ._createAppointmentPanel {
  background-color: #f8f8f8;
  border-left: 1px solid #d6d6d6;
  height: 100%;
  width: 388px;
  min-width: 388px;
  padding: 20px 20px;
}
.messagesPanel ._createAppointmentPanel input {
  height: initial;
  padding: 8px 10px;
}
.messagesPanel ._createAppointmentPanel label {
  padding-left: 10px;
  padding-right: 10px;
}
.messagesPanel ._createAppointmentPanel .headerText {
  color: #000209;
}
.messagesPanel ._createAppointmentPanel .dateTimePicker {
  font-size: 16px;
  margin-top: 30px;
}
.messagesPanel ._createAppointmentPanel .doctorSelectSelect {
  text-align: left;
  padding: 8px 10px;
}
.messagesPanel ._createAppointmentPanel .messageFormButtons {
  margin-top: 30px;
}
.messagesPanel > ._rightBar {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 28%;
  padding: 15px;
  overflow: auto;
}
@media (max-width: 768px) {
  .messagesPanel > ._rightBar {
    display: none;
  }
}
.messagesPanel > ._connectionStatus {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 288px;
  height: 45px;
  padding: 0;
  text-align: center;
  font-size: 14px;
  line-height: 45px;
}
@media (max-width: 768px) {
  .messagesPanel > ._connectionStatus {
    width: 100%;
  }
}
.messagesPanel > ._connectionStatus > var {
  font-weight: bold;
  color: #800;
}
.messagesPanel > ._connectionStatus[data-status=true] > var {
  font-weight: normal;
  color: #080;
}
@media (max-width: 768px) {
  .messagesPanel[data-in-thread=true] > ._leftBar {
    display: none;
  }
  .messagesPanel[data-in-thread=true] > ._connectionStatus {
    display: none;
  }
  .messagesPanel[data-in-thread=false] > ._main {
    display: none;
  }
}
.messagesPanel > ._leftBar ._threadList {
  border-top: 1px solid #d6d6d6;
  flex-grow: 1;
  overflow: auto;
}
.messagesPanel > ._leftBar ._threadList > a._thread {
  background: #fff;
  border: 1px solid #d6d6d6;
  border-bottom-width: 0px;
  border-right-width: 0px;
  cursor: pointer;
  display: block;
  padding: 12px 16px 10px 20px;
  text-decoration: none;
  color: inherit;
  border-left: 4px solid transparent;
}
.messagesPanel > ._leftBar ._threadList > a._thread:first-child {
  border-top-width: 0px;
  margin-top: 0;
}
.messagesPanel > ._leftBar ._threadList > a._thread:last-child {
  border-bottom-width: 1px;
}
.messagesPanel > ._leftBar ._threadList > a._thread[data-clinic=true] {
  border-bottom: 1px solid #b0b0b0;
}
.messagesPanel > ._leftBar ._threadList > a._thread[data-active=true] {
  background: #e9f2ff;
  border-left: 4px solid #2c4e69;
}
.messagesPanel > ._leftBar ._threadList > a._thread ._threadTopRow {
  align-items: center;
}
.messagesPanel > ._leftBar ._threadList > a._thread > ._completed {
  float: right;
  margin-left: 10px;
  margin-top: 4px;
  font-size: 12px;
  color: #fff;
  padding: 0 4px;
  border-radius: 3px;
  background: #aaa;
  font-weight: normal;
}
.messagesPanel > ._leftBar ._threadList > a._thread ._time {
  color: #727272;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
}
.messagesPanel > ._leftBar ._threadList > a._thread .unreadBadge span {
  width: 7px;
  height: 7px;
  left: -11px;
  top: -4px;
}
.messagesPanel > ._leftBar ._threadList > a._thread ._participants {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  word-break: break-word;
  margin-right: 16px;
  color: #212121;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
}
.messagesPanel > ._leftBar ._threadList > a._thread ._participants ._remainingParticipantsCount {
  color: #2c4e69;
}
.messagesPanel > ._leftBar ._threadList > a._thread ._participants > span::before {
  content: ", ";
}
.messagesPanel > ._leftBar ._threadList > a._thread ._participants > span:first-child::before {
  content: "";
}
.messagesPanel > ._leftBar ._threadList > a._thread ._participants > span > .glyphicon {
  margin-right: 0.5ex;
  font-size: 0.8em;
}
.messagesPanel > ._leftBar ._threadList > a._thread > ._preview {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #595959;
  font-size: 14px;
  font-weight: normal;
  line-height: 30px;
}
.messagesPanel > ._leftBar ._threadList > a._thread > ._preview > ._sender {
  font-weight: bold;
}
.messagesPanel > ._leftBar ._threadList > a._thread > ._preview > ._sender::after {
  content: ": ";
  font-weight: bold;
}
.messagesPanel > ._leftBar ._threadList > a._thread > ._preview > ._attachment {
  font-style: italic;
}
.messagesPanel > ._leftBar ._threadList > a._thread > ._preview ._noConversationMessage {
  color: #727272;
}
.messagesPanel ._leftBar .viewToggle {
  align-self: center;
  margin: 12px 0;
}
.messagesPanel ._leftBar ul {
  margin: 0;
  padding: 16px;
  list-style: none;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.messagesPanel ._leftBar ul > li {
  flex: 1;
  margin: 0;
  list-style: none;
  display: inline-block;
  cursor: pointer;
  color: #2c4e69;
  padding: 8px;
  text-decoration: none;
  text-align: center;
  width: 100%;
  background-color: #fff;
  border: 1px solid #d6d6d6;
}
.messagesPanel ._leftBar ul > li[data-active=false]:hover {
  background: #eee;
}
.messagesPanel ._leftBar ul > li[data-active=true] {
  color: #fff;
  cursor: default;
  background: #2c4e69;
  /*
  &:hover {
      background: #fff;
  }
  */
}
.messagesPanel ._leftBar ul > li:first-child {
  border-radius: 4px 0 0 4px;
  border-right: none;
}
.messagesPanel ._leftBar ul > li:last-child {
  border-radius: 0 4px 4px 0;
}
.messagesPanel ._leftBar ._noAppointmentsMessage img {
  display: block;
  margin: auto;
  margin-top: 150px;
}
.messagesPanel ._leftBar ._noAppointmentsMessage ._noAppointmentsMessageText {
  color: #727272;
  display: block;
  font-size: 16px;
  line-height: 18px;
  margin-top: 16px;
  text-align: center;
}
.messagesPanel ._leftBar ._paginationFooter {
  padding: 8px 20px;
  border-top: 1px solid #dedede;
  display: flex;
  justify-content: space-between;
}
.messagesPanel ._leftBar ._paginationFooter p {
  margin: 0;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #595959;
}
.messagesPanel ._leftBar ._paginationFooter .chevrons {
  width: 44px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  align-items: center;
}
.messagesPanel ._leftBar ._paginationFooter .chevrons i {
  width: 15px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.messagesPanel ._leftBar ._paginationFooter .chevrons .disabled {
  color: #dedede;
  cursor: default;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/errorPages/PageNotFound.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.errorPageContainer {
  height: 100%;
  background: #ffffff;
  padding-left: 100px;
  justify-content: center;
}
.errorPageContainer .errorPageErrorCodeLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #595959;
}
.errorPageContainer .errorPageHeader {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
  margin: 10px 0 32px 0;
}
.errorPageContainer .actionButtonContainer {
  min-width: 270px;
}
.errorPageContainer .actionButtonContainer .primaryThemeButton {
  margin-right: 8px;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/CancelModalWithAppointmentData.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.cancelAppointmentModal .cancellationFeeBanner {
  margin-bottom: 16px;
}
.cancelAppointmentModal .cancelAppointmentWarning {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 10px 0 0 0;
}
.cancelAppointmentModal .dividerLine {
  border-bottom: 1px solid #dedede;
  margin: 16px 0;
}
.cancelAppointmentModal .appointmentData {
  gap: 2px;
}
.cancelAppointmentModal .appointmentData .appointmentDataKey {
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.cancelAppointmentModal .appointmentData .appointmentDataValue {
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.cancelAppointmentModal .cancelAppointmentErrorOverride {
  max-width: 420px;
}
.cancelAppointmentModal .cancelAppointmentErrorOverride .PopoverModalTitleWrapper .PopoverModalTitle {
  margin-right: 24px;
}
.cancelAppointmentModal .cancelAppointmentErrorOverride .errorBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 24px 0 0 0;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/CancelAppointmentModal.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.cancelAppointmentModal .cancellationBody {
  max-width: 420px;
  margin-top: 24px;
}
.cancelAppointmentModal .cancellationFeeBanner {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  width: 100%;
  margin-bottom: 16px;
}
.cancelAppointmentModal .description {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 16px;
  color: #000209;
}
.cancelAppointmentModal .cancellationHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 4px;
}
.cancelAppointmentModal .cancellationHeader .required {
  color: #c71b16;
}
.cancelAppointmentModal .cancellationReason .cancellationSelect {
  border: 1px solid #dedede;
  border-radius: 4px;
  width: 100%;
}
.cancelAppointmentModal .cancellationReason .cancellationSelect .selectOption {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding-left: 16px;
}
.cancelAppointmentModal .cancellationReason .cancellationSelect .option {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.cancelAppointmentModal .specificationBody {
  margin-top: 16px;
}
.cancelAppointmentModal .specificationBody .messageInput {
  width: 100%;
  margin-top: 8px;
}
.cancelAppointmentModal .cancelAppointmentWarning {
  margin: 0;
}
.cancelAppointmentModal .cancelAppointmentModalOverride {
  max-height: 640px;
  border-radius: 6px !important;
  padding: 24px;
}
.cancelAppointmentModal .cancelAppointmentModalOverride .CancelAppointmentModal_buttons {
  gap: 16px;
}
.cancelAppointmentModal .cancelAppointmentModalOverride .CancelAppointmentModal_button {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.cancelAppointmentModal .pendingCancellationBody {
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 24px;
  max-width: 420px;
}
.cancelAppointmentModal .pendingCancellationBody .loadingDescription {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #595959;
  margin: 0;
  text-align: center;
}
.cancelAppointmentModal .pendingCancellationBody .loadingSpinner {
  padding-top: 36px;
  width: 32px;
}
.cancelAppointmentModal .patientCancelButtons {
  margin-top: 24px;
}
.cancelAppointmentModal .appointmentData .appointmentDataKey {
  margin-right: 4px;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/forms/PatientFormMetadata.scss ***!
  \*************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Ultralight.subset.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-UltralightItalic.subset.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Thin.subset.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-ThinItalic.subset.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Light.subset.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-LightItalic.subset.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Regular.subset.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-RegularItalic.subset.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Medium.subset.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-MediumItalic.subset.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Semibold.subset.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-SemiboldItalic.subset.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Bold.subset.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-BoldItalic.subset.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Heavy.subset.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-HeavyItalic.subset.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Black.subset.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-BlackItalic.subset.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Ultralight.subset.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Thin.subset.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Light.subset.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Regular.subset.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Medium.subset.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Semibold.subset.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Bold.subset.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Heavy.subset.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Black.subset.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Ultralight.subset.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-UltralightItalic.subset.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Thin.subset.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-ThinItalic.subset.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Light.subset.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-LightItalic.subset.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Regular.subset.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-RegularItalic.subset.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Medium.subset.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-MediumItalic.subset.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Semibold.subset.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-SemiboldItalic.subset.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Bold.subset.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-BoldItalic.subset.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Heavy.subset.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-HeavyItalic.subset.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Black.subset.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-BlackItalic.subset.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.accessPage {
  height: 100vh;
  display: flex;
  width: auto;
  overflow-y: auto;
  background-color: #fafbfc;
}
.accessPage .bannerWrapper {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 768px) {
  .accessPage .bannerWrapper {
    display: none;
  }
}
@media (max-height: 600px) {
  .accessPage .bannerWrapper {
    display: none;
  }
}
.accessPage .bannerWrapper > img {
  width: 100%;
}
.accessPage .credentialForm {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 388px;
}
.accessPage .loginForm {
  display: flex;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
  margin: auto;
  width: auto;
  height: auto;
  padding: 40px;
  position: relative;
  background-color: white;
  border-radius: 16px;
}
.accessPage .loginForm.loginPage {
  flex-flow: row wrap;
  justify-content: center;
  overflow-x: hidden;
}
.accessPage .loginForm > *:not(:last-child) {
  margin-bottom: 24px;
}
.accessPage .loginForm .usernameSection {
  margin-top: 52px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.accessPage .loginForm .usernameSection .usernameDisplay {
  font-size: 16px;
  font-weight: 16px;
  line-height: 24px;
}
.accessPage .loginForm .cancelBottomMargin {
  margin-bottom: 0;
}
.accessPage .loginForm > .loginFormMain,
.accessPage .loginForm > .loginWrapper {
  padding: 0px;
}
.accessPage .loginForm.passwordResetConfirm {
  min-width: 750px;
}
.accessPage .loginForm .loginFormMain {
  width: 388px;
}
@media (max-width: 768px) {
  .accessPage .loginForm .loginFormMain {
    margin-top: 48px;
    width: 100%;
  }
}
.accessPage .loginForm.unRegisteredPatient {
  min-width: 600px;
}
.accessPage .loginForm.unRegisteredPatient .loginFormMain {
  width: 518px;
}
.accessPage .loginForm .mfaFormMain {
  width: 525px;
}
@media (max-width: 768px) {
  .accessPage .loginForm .mfaFormMain {
    margin-top: 48px;
    width: 100%;
  }
}
.accessPage .loginForm .ssoHeader {
  font-size: 14pt;
  color: #727272;
}
.accessPage .loginForm a.ssoLogin {
  margin-bottom: 20px;
  display: block;
  position: relative;
  max-width: 700px;
  max-height: 125px;
}
.accessPage .loginForm a.ssoLogin > img {
  max-width: 700px;
  max-height: 125px;
  -o-object-fit: contain;
     object-fit: contain;
}
.accessPage .loginForm div.ssoDivider {
  margin-bottom: 15px;
  color: #2c4e69;
}
@media (max-width: 768px) {
  .accessPage .loginForm {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    box-shadow: none;
    width: 100%;
  }
}
@media (max-height: 600px) {
  .accessPage .loginForm {
    width: 100%;
    box-shadow: none;
  }
}
.accessPage .loginForm .passwordCriteria {
  position: relative;
  width: 35%;
  font-size: 9pt;
}
.accessPage .loginForm .alone {
  list-style: none;
  margin-left: -15px;
}
.accessPage .loginForm .detailContainer {
  border-left: 1px solid #ccc;
  border-radius: 1px;
  position: relative;
  margin-left: 20%;
  min-width: 200px;
}
.accessPage .loginForm .detailContainer #criteriaLabel {
  position: relative;
  right: 20px;
  font-size: 1.25em;
  margin-top: 0;
}
.accessPage .loginForm .detailContainer li {
  font-size: 2em;
  line-height: 0.8;
}
.accessPage .loginForm .detailContainer li span {
  font-size: 0.5em;
  position: relative;
  top: -2px;
}
.accessPage .loginForm .detailContainer li.valid {
  list-style-image: url("/images/svg/check-circle-regular.svg");
  color: green;
}
.accessPage .loginForm .detailContainer li.error {
  list-style-image: url("/images/svg/times-circle-regular.svg");
  color: #c71b16;
}
.accessPage .loginForm .detailContainer li.serverError {
  color: #c71b16;
  max-width: 1024px;
}
.accessPage .loginForm .detailContainer li.stale {
  color: #727272;
  list-style-image: url("/images/svg/circle-regular.svg");
}
.accessPage .loginForm .detailContainer li.serverError.stale {
  list-style-image: url("/images/svg/question-circle-regular.svg");
}
.accessPage .loginForm .logoWrapper {
  padding: 0;
  margin: 0;
}
@media (max-width: 768px) {
  .accessPage .loginForm .logoWrapper {
    position: relative;
    top: 30px;
  }
}
.accessPage .loginForm .logoWrapper > img {
  max-width: 200px;
  max-height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .accessPage .loginForm .logoWrapper > img {
    max-width: 120px;
  }
}
.accessPage .loginForm .appointmentTime {
  background: #e6ffd6;
  color: black;
  font-weight: 600;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0 14px 20px 14px;
}
.accessPage .loginForm .greeting {
  color: #000209;
  font-size: 24px;
  text-align: left;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 24px;
  max-width: 500px;
}
.accessPage .loginForm .greeting.login {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
}
@media (max-width: 768px) {
  .accessPage .loginForm .greeting {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
.accessPage .loginForm .loginWrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin: auto;
}
@media (max-width: 768px) {
  .accessPage .loginForm .loginWrapper {
    width: 100%;
  }
}
.accessPage .loginForm .loginWrapper#passwordResetComplete > .secondaryGreeting {
  font-weight: 300;
  line-height: 25px;
}
.accessPage .loginForm .loginWrapper #LoginInputsAndCriteria {
  display: flex;
  width: 100%;
}
.accessPage .loginForm .loginWrapper #LoginInputsAndCriteria #passwordDetails {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-40%);
}
.accessPage .loginForm .loginWrapper .serverAndClientPasswordErrors {
  padding-left: 0px;
  margin-left: 15px;
  border: 0px;
  font-size: 0.5em;
}
.accessPage .loginForm .loginWrapper .serverAndClientPasswordErrors li {
  margin-bottom: 10px;
}
.accessPage .loginForm .loginWrapper .serverErrorCriteriaHeader {
  margin-bottom: 10px;
}
.accessPage .loginForm .loginWrapper #loginInputFields {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}
.accessPage .loginForm .loginWrapper #loginInputFields #showPasswordImgToggle {
  position: absolute;
  width: 25px;
  right: 17px;
  top: 29px;
  opacity: 0.5;
}
.accessPage .loginForm .loginWrapper #loginInputFields #password {
  margin-bottom: 8px;
}
.accessPage .loginForm .loginWrapper .secondaryGreeting {
  font-size: 16px;
  margin: 10px 0 20px;
  color: black;
  font-weight: 500;
  padding: 0;
  width: 100%;
}
.accessPage .loginForm .loginWrapper .secondaryGreeting > .clickable {
  text-decoration: underline;
}
.accessPage .loginForm .loginWrapper .errors {
  color: #c71b16;
  font-weight: 500;
}
.accessPage .loginForm .loginWrapper .errors > li {
  list-style: none;
}
.accessPage .loginForm .loginWrapper .inputMargin {
  margin-bottom: 16px;
}
.accessPage .loginForm .loginWrapper input.loginInputField {
  border: 1px solid #ced4da;
  border-radius: 5px;
  background-color: transparent;
  width: 100%;
  color: #000209;
  font-size: 14px;
  height: 32px;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}
.accessPage .loginForm .loginWrapper input.loginInputField:hover {
  border-color: black;
}
.accessPage .loginForm .loginWrapper input.loginInputField.errorInput:invalid {
  border-color: #c71b16;
}
.accessPage .loginForm .loginWrapper input.loginInputField.errorInput:valid {
  border-color: #ced4da;
}
.accessPage .loginForm .loginWrapper input.loginInputField.invalidInput {
  border-color: #c71b16;
}
.accessPage .loginForm .loginWrapper input.loginInputField.disabled {
  border-color: #dedede;
  background-color: #f8f8f8;
}
.accessPage .loginForm .loginWrapper input.withErrorLabel.invalid {
  border-color: #c71b16;
  margin-bottom: 8px;
}
.accessPage .loginForm .loginWrapper p.errorLabel {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c71b16;
  margin-bottom: 24px;
}
.accessPage .loginForm .loginWrapper .labelHelpBlock {
  margin-bottom: 10px;
}
.accessPage .loginForm .loginWrapper .inputHelpBlock {
  margin-bottom: 20px;
}
.accessPage .loginForm .loginWrapper .inputHelpBlock.dateOfBirthHelp {
  margin-top: -16px;
  margin-bottom: 16px;
}
.accessPage .loginForm .loginWrapper .userLockoutError {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #c71b16;
  font-size: 16px;
  letter-spacing: -0.25px;
}
.accessPage .loginForm .loginWrapper .agreementDescription {
  float: left;
}
.accessPage .loginForm .loginWrapper .agreementDescription > a {
  text-decoration: underline;
}
.accessPage .loginForm .loginWrapper .submitButton {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  min-width: 68px;
  width: 100%;
  height: 32px;
  margin: 16px 0;
  float: left;
  padding: auto 20px;
  transition: ease-in-out 0.15s;
  border-radius: 4px;
}
.accessPage .loginForm .loginWrapper .submitButton.frenchSubmit {
  font-size: 14px;
}
@media (max-width: 768px) {
  .accessPage .loginForm .loginWrapper .submitButton {
    max-width: 100%;
  }
}
.accessPage .loginForm .loginWrapper .submitButton:hover {
  background-color: #1d3549;
}
.accessPage .loginForm .loginWrapper .mfaMessage {
  margin: 10px 0;
  font-size: 16px;
}
.accessPage .loginForm .loginWrapper .actionButtonsMFA {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accessPage .loginForm .loginWrapper .actionButtonsMFA button,
.accessPage .loginForm .loginWrapper .actionButtonsMFA a {
  max-width: 100%;
  padding: 0 10px;
}
.accessPage .loginForm .loginWrapper .actionButtonsMFA button {
  margin: 0;
}
.accessPage .loginForm .loginWrapper .actionButtonsMFA a {
  align-self: center;
}
.accessPage .backLink {
  color: #2c4e69;
  font-size: 20px;
}
.accessPage .verticalDivider {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 38px 32px 38px 78px;
  border-left: 1px solid #595959;
  width: 1px;
}
@media (max-width: 1206px) {
  .accessPage .verticalDivider {
    display: none;
  }
}
.accessPage .verticalDivider .centerText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 56px;
  line-height: 24px;
  font-weight: 600;
  background-color: white;
}
.accessPage .horizontalDivider {
  display: none;
  justify-content: center;
  align-items: center;
  margin: 32px 38px;
  border-top: 1px solid #595959;
  width: 100%;
  height: 1px;
}
@media (max-width: 1206px) {
  .accessPage .horizontalDivider {
    display: flex;
  }
}
.accessPage .horizontalDivider .centerText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  width: 40px;
  background-color: white;
}
.accessPage .secureLoginLinks {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 468px;
  margin: 0px 40px;
}
.accessPage .secureLoginLinks.outer {
  margin: 0;
}
@media (max-width: 1206px) {
  .accessPage .secureLoginLinks {
    margin: 0;
  }
}
.accessPage .secureLoginLinks > *:not(:last-child, a, label, .errorInput) {
  margin-bottom: 24px;
}
.accessPage .secureLoginLinks a {
  margin-bottom: 8px;
}
.accessPage .secureLoginLinks #checkmarkAnimation {
  margin-bottom: 0px;
}
.accessPage .secureLoginLinks p {
  color: #000209;
  line-height: 24px;
}
.accessPage .secureLoginLinks label {
  margin-bottom: 5px;
}
.accessPage .secureLoginLinks .sllGreeting {
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 24px;
}
.accessPage .secureLoginLinks .sllButton {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f2f4f6;
  border-radius: 4px;
  border: 1px solid #2c4e69;
  color: #2c4e69;
  line-height: 24px;
  padding: 4px 16px 4px 16px;
  max-width: 250px;
}
.accessPage .secureLoginLinks .sllButton.disabled {
  background-color: #f8f8f8;
  border-color: #dedede;
  color: #595959;
}
.accessPage .secureLoginLinks .sllConfirmationBody {
  display: inline;
  margin-bottom: 0px;
}
.accessPage .secureLoginLinks .sllConfirmationBody > * {
  display: inline;
}
.accessPage .secureLoginLinks .sllConfirmationBody .sllInputEmail {
  font-weight: 600;
}
.accessPage .secureLoginLinks .sllBody.bolded {
  font-weight: 600;
}
.accessPage .secureLoginLinks .sllBody.small {
  color: #595959;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.accessPage .secureLoginLinks .emailSent {
  max-width: 80px;
  margin-bottom: 0px;
}
.accessPage .inputLabel {
  font-size: 14px;
  font-weight: 600;
  color: #000209;
  margin-bottom: 4px;
}
.accessPage .inputDescription {
  font-size: 12px;
  font-weight: 400;
  color: #595959;
}
.accessPage input {
  width: 388px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
}
@media (max-width: 1206px) {
  .accessPage input {
    width: 100%;
  }
}
.accessPage input::-moz-placeholder {
  color: #aaaaaa;
  font-size: 14px;
  font-weight: 400;
  opacity: 1;
}
.accessPage input::placeholder {
  color: #aaaaaa;
  font-size: 14px;
  font-weight: 400;
  opacity: 1;
}
.accessPage .externalLink {
  color: #2c4e69;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  text-decoration: underline;
}
.accessPage .externalLink.center {
  align-self: center;
}
.accessPage .externalLink:hover {
  text-decoration: underline;
}
.accessPage .errorBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c71b16;
}
.accessPage .errorInput {
  border: 1px solid #c71b16;
  margin-bottom: 8px;
}
.accessPage .hidden {
  display: none;
}

.secureLoginLinkPage {
  display: flex;
  height: 100vh;
  width: auto;
  justify-content: center;
  align-items: center;
}
.secureLoginLinkPage .bannerWrapper {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 768px) {
  .secureLoginLinkPage .bannerWrapper {
    display: none;
  }
}
@media (max-height: 600px) {
  .secureLoginLinkPage .bannerWrapper {
    display: none;
  }
}
.secureLoginLinkPage .bannerWrapper > img {
  width: 100%;
}
.secureLoginLinkPage .sllLinkWorkflowModal {
  display: flex;
  min-width: 522px;
  min-height: 300px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  padding: 40px;
  position: relative;
  background-color: white;
}
.secureLoginLinkPage .sllLinkWorkflowModal > *:not(:last-child) {
  margin-bottom: 24px;
}
.secureLoginLinkPage .sllLinkWorkflowModal .logoWrapper img {
  height: 30px;
  width: auto;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody > *:not(:last-child) {
  margin-bottom: 8px;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody h2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody .subBody {
  display: flex;
  flex-direction: column;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody .textWithEmail {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody .textWithEmail p {
  white-space: pre-wrap;
  margin-bottom: 0px;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody .email {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons .button {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  border: 1px solid;
  border-radius: 4px;
  width: 100%;
  height: 32px;
  text-align: center;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons .button.disabled {
  background-color: #f8f8f8;
  border-color: #dedede;
  color: #595959;
  width: calc(100% - 45px);
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons > * {
  margin-bottom: 16px;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons .primary {
  background-color: #2c4e69;
  color: #ffffff;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons .inverted {
  background-color: #f2f4f6;
  color: #2c4e69;
}
.secureLoginLinkPage .sllLinkWorkflowModal .externalLink {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #2c4e69;
  text-decoration: underline;
}
.secureLoginLinkPage .sllLinkWorkflowModal .bolded {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.secureLoginLinkPage .sllLinkWorkflowModal #checkmarkAnimation {
  margin-bottom: 0px;
}

.buttonIcon {
  max-width: 20px;
  margin: 0px 10px;
}

.buttonWithTimerContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: inherit;
}
.buttonWithTimerContainer > .button {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 4px;
  border: 1px solid;
  border-radius: 4px;
  width: 100%;
  height: 32px;
  text-align: center;
}
.buttonWithTimerContainer > .button.disabled {
  background-color: #f8f8f8;
  border-color: #dedede;
  color: #595959;
  width: calc(100% - 45px);
}

.hidden {
  display: none;
}

#timeoutContainer {
  width: 20px;
  margin: 0 20px;
}

#timeoutContainer2,
#timeoutContainer3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 16px;
}

.termsAndPolicyPage {
  padding-bottom: 200px;
}
.termsAndPolicyPage .policyAccessPage {
  padding-top: 30px;
}
.termsAndPolicyPage strong {
  font-size: 18px;
}
.termsAndPolicyPage .staticAgreeFooter {
  background-color: #fff;
  bottom: 0px;
  padding: 10px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 2;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
}
.termsAndPolicyPage .staticAgreeFooter .button {
  border-radius: 25px;
  padding-left: 30px;
  padding-right: 30px;
}
.termsAndPolicyPage .staticAgreeFooter > p {
  color: #000209;
  font-style: italic;
}

.mobileDownloadPage {
  padding: 3px 16px 30px 16px;
  box-sizing: border-box;
  min-height: 100vh;
  align-items: center;
  background-color: #fafbfc;
  font-family: "SF Pro Text", sans-serif;
  font-style: normal;
  font-weight: normal;
}
.mobileDownloadPage .blurb {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #595959;
}
.mobileDownloadPage .blurb.organizationName {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.mobileDownloadPage .pageContent {
  max-width: 430px;
}
.mobileDownloadPage .adjustedMarginHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
  margin-bottom: 4px;
}
.mobileDownloadPage .paperContainer {
  gap: 0;
}
.mobileDownloadPage .paperContainerCardBody {
  position: relative;
  overflow: hidden;
  padding: 0px;
  margin-top: 16px;
}
.mobileDownloadPage .paperContainerCardBody .cardRow .cardLeft {
  flex: 3 1 0;
  height: 100%;
}
.mobileDownloadPage .paperContainerCardBody .cardRow .cardLeft .cardLeftContent {
  min-height: 202px;
  max-width: 248px;
  padding: 18px 0px 20px 16px;
}
.mobileDownloadPage .paperContainerCardBody .cardRow .cardLeft .cardLeftContent .downloadAppButtonContainer {
  flex: 1;
  justify-content: end;
}
.mobileDownloadPage .paperContainerCardBody .cardRow .cardLeft .cardLeftContent .downloadAppButtonContainer .downloadAppButtonImg {
  max-height: 48px;
}
.mobileDownloadPage .paperContainerCardBody .cardRow .cardRightGradientBackground {
  display: flex;
  flex: 2 1 0;
  justify-content: flex-end;
}
.mobileDownloadPage .cardCopyLinkFooter {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  align-items: center;
  position: relative;
  height: 24px;
  padding: 12px 16px;
  border: 1px solid transparent;
  border-top-color: #dedede;
  border-radius: 0 0 12px 12px;
  gap: 8px;
  background-color: #f8f8f8;
  transition: border-color 0.2s, box-shadow 0.2s, border-radius 0.2s, border-width 0.2s, z-index 0.2s;
}
.mobileDownloadPage .cardCopyLinkFooterLink {
  flex: 1;
}
.mobileDownloadPage .cardCopyLinkFooterCopy {
  background: none;
  border: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: relative;
}
.mobileDownloadPage .cardCopyLinkFooterCopy:active {
  background: #dedede;
}
.mobileDownloadPage .cardCopyLinkFooterCopy .copyButton {
  justify-content: center;
}
.mobileDownloadPage .cardCopyLinkFooterCopy .copyButtonIcons {
  padding: 8px;
  font-size: 25px;
}
.mobileDownloadPage .cardCopyLinkFooterCopy .successIcon,
.mobileDownloadPage .cardCopyLinkFooterCopy .copyIcon {
  transition: opacity 1s;
  position: absolute;
  left: 0;
  top: 0;
}
.mobileDownloadPage .cardCopyLinkFooterCopy .copyIcon {
  opacity: 1;
  z-index: 1;
}
.mobileDownloadPage .cardCopyLinkFooterCopy .successIcon {
  opacity: 0;
  z-index: 2;
}
.mobileDownloadPage .cardCopyLinkFooterCopy.show-success .successIcon {
  opacity: 1;
}
.mobileDownloadPage .cardCopyLinkFooterCopy.show-success .copyIcon {
  opacity: 0;
}
.mobileDownloadPage .cardCopyLinkFooterCopy.fade-back .successIcon {
  opacity: 0;
}
.mobileDownloadPage .cardCopyLinkFooterCopy.fade-back .copyIcon {
  opacity: 1;
}
.mobileDownloadPage .paperContainerText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
}
.mobileDownloadPage .cardCopyLinkFooterTooltip {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: absolute;
  right: 0;
  bottom: 100%;
  transform: translateY(-8px);
  color: #ffffff;
  padding: 12px 12px;
  border-radius: 6px;
  opacity: 0;
  transition: opacity 0.2s;
}
.mobileDownloadPage .cardCopyLinkFooterTooltip.tooltipVisible {
  opacity: 1;
}

.clickable {
  cursor: pointer;
}

.adaHide {
  left: 100% !important;
}

.hidden.hidden {
  width: 0;
  height: 0;
  border: 0;
  border: none;
  position: absolute;
  margin: 0;
  padding: 0;
  visibility: hidden;
}

.displayNone {
  display: none;
}

.noScroll {
  overflow: hidden;
}

.link {
  color: #2c4e69;
}
.link:hover {
  text-decoration: underline;
}

.underlinedLink {
  color: #2c4e69;
  text-decoration: underline;
}

body a:hover {
  text-decoration: none;
}

.iconButtonSize {
  width: 30px;
  height: 30px;
  cursor: pointer;
  filter: brightness(0.8);
}

body {
  font-family: "SF Pro Text", sans-serif;
  font-weight: 300;
  margin: 0px;
}

button.noButton {
  font: inherit;
  border: none;
  background-color: transparent;
  padding: 0;
  text-align: left;
}

ul.noList {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.noCaps.noCaps {
  text-transform: none;
}

.srOnly {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

button.noButton {
  font-size: inherit;
  font: inherit;
  border: none;
  background-color: transparent;
  padding: 0;
  text-align: left;
}

.doctorSelector,
.doctorSelect {
  margin-top: 10px;
  width: 100%;
}

.loadingIndicator {
  padding-top: 250px;
  padding-bottom: 50px;
  position: relative;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: -webkit-box;
}
.loadingIndicator.small {
  padding: 0;
}

.justifyCenter {
  justify-content: center;
}

.noPaper.noPaper {
  box-shadow: none;
  border-bottom: 1px solid #cbcbcb;
}

.app {
  margin: 0;
  padding: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.app > ._mainSlot {
  background-color: inherit;
  padding-left: 90px;
  padding-right: 90px;
}
@media (max-width: 768px) {
  .app > ._mainSlot {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.app > ._mainSlot > ._appContainer .appProvider {
  height: 100%;
}
.app > ._mainSlot > ._appContainer .appPatient {
  height: 100%;
}
.app > ._mainSlot > ._appContainer > ._scrollable {
  position: fixed;
  top: 64px;
  bottom: 0px;
  left: 0;
  right: 0;
  overflow: auto;
}
.app > ._mainSlot > ._appContainer > ._scrollable .appointmentQueryListing {
  margin: auto;
}
@media screen and (max-width: 1000px) {
  .app > ._mainSlot > ._appContainer > ._scrollable .appointmentQueryListing {
    margin-left: 90px;
    margin-right: 90px;
  }
}
.app > ._mainSlot > ._appContainer > ._scrollable .appointmentFilter ._filter {
  margin: auto;
}
@media screen and (max-width: 1000px) {
  .app > ._mainSlot > ._appContainer > ._scrollable .appointmentFilter ._filter {
    margin-left: 90px;
    margin-right: 90px;
  }
}
.app > ._mainSlot > ._appContainer > ._scrollable > ._requests {
  max-width: 800px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1000px) {
  .app > ._mainSlot > ._appContainer > ._scrollable > ._requests {
    margin-left: 90px;
    margin-right: 90px;
  }
}
.app.withBanner > ._mainSlot > ._appContainer > ._scrollable {
  top: 93px;
}
.app .topbar {
  background-color: white;
  height: 54px;
  width: 100%;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  border-bottom: 1px solid #cbcbcb;
  padding: 0 12px;
}
.app .topbar .navToggleRight {
  align-items: center;
}
.app .topbar .navToggleRight .historyTogglePreamble {
  margin-right: 12px;
}
.app .noAppointmentsMessage {
  color: #979797;
  font-size: 28px;
  line-height: 32px;
  padding: 60px 30px;
  text-align: center;
}

.container {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 768px) {
  .container {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.attachmentsDropDown {
  color: #949499;
}
ul.attachmentsDropDown {
  overflow: auto;
  max-height: 250px;
}

.attachmentsDropDown .downloadIcon {
  width: 30px;
  height: 30px;
  filter: brightness(0.8);
}
.attachmentsDropDown ._instructions {
  color: black;
  font-size: 15px;
  min-width: 210px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
}
.attachmentsDropDown .spinnerWrapper {
  text-align: center;
}
.attachmentsDropDown .dropdownAttachmentItem {
  max-width: 300px;
  justify-content: space-between;
}
.attachmentsDropDown .dropdownAttachmentItem .attachmentName {
  overflow: hidden;
  text-overflow: ellipsis;
}
.attachmentsDropDown .deleteButton {
  height: 100%;
  padding: 0 8px;
  margin: 0 0 0 12px;
  text-align: center;
  cursor: pointer;
  color: #dedede;
  filter: brightness(0.8);
}
.attachmentsDropDown .deleteButton:hover {
  color: #c42b2b;
}
.attachmentsDropDown.button.floatingActionButton {
  background-color: #ffffff;
}
.attachmentsDropDown.button.floatingActionButton:hover {
  background-color: #a0cfd8;
  background: #a0cfd8;
}
.attachmentsDropDown.button.floatingActionButton .attachmentCount {
  font-size: 15px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
}
.attachmentsDropDown.button.floatingActionButton img.downloadIcon {
  width: 100%;
  height: 100%;
}
.attachmentsDropDown.button.floatingActionButton .dropdown,
.attachmentsDropDown.button.floatingActionButton .dropup {
  float: left;
}

.attachmentModalButtonBase, .attachmentModalButton {
  float: right;
  width: 30px;
  height: 34px;
  background: transparent no-repeat 50% 50%;
  background-size: contain;
  border: none;
}
@media (max-width: 768px) {
  .attachmentModalButtonBase, .attachmentModalButton {
    height: 34px;
    margin-top: 2px;
    margin-right: 15px;
  }
}
.attachmentModalButtonBase:focus, .attachmentModalButton:focus {
  outline: none;
}

.attachmentModalButton {
  margin-right: 15px;
}

.formElement {
  color: #555;
}
.formElement input[type=text],
.formElement input[type=password],
.formElement input[type=email],
.formElement select,
.formElement textarea {
  background-color: inherit;
  border-radius: 0px;
  border-width: 0px;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  color: #000209;
  font-size: 25px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}
@media (max-width: 768px) {
  .formElement input[type=text],
.formElement input[type=password],
.formElement input[type=email],
.formElement select,
.formElement textarea {
    font-size: 15px;
  }
}
.formElement input[type=text],
.formElement input[type=password],
.formElement input[type=email],
.formElement select {
  height: 50px;
}
@media (max-width: 768px) {
  .formElement input[type=text],
.formElement input[type=password],
.formElement input[type=email],
.formElement select {
    height: 40px;
  }
}
.formElement textarea {
  padding: 15px;
}

.has-error input[type=text],
.has-error select {
  border-width: 1px;
}

.button {
  border-width: 0px;
  cursor: pointer;
  cursor: hand;
  font-size: 25px;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}
@media (max-width: 768px) {
  .button {
    font-size: 25px;
    height: 50px;
  }
}
.button:focus {
  outline: 0;
}
.button.button1 {
  background-color: #2c4e69;
  color: #ffffff;
  transition: 0.3s;
}
.button.button1:hover {
  box-shadow: rgba(0, 0, 0, 0.16);
}
.button.button1:disabled {
  background-color: #949499;
}
.button.button2 {
  background-color: #80a9ac;
  color: #ffffff;
}
.button.button2:hover {
  background-color: #7fcecc;
}
.button.button2:disabled {
  background-color: #b8d6d5;
}
.button.stretchButton {
  height: 100%;
}
.button.-small {
  font-size: 18px;
  height: 36px;
}
.button.floatingActionButton {
  background-color: #2c4e69;
  width: 84px;
  height: 84px;
  border-radius: 100%;
  background: #2c4e69;
  border: none;
  outline: none;
  color: #fff;
  font-size: 50px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.23);
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  transition: 0.3s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 5;
}
.button.floatingActionButton:hover {
  background-color: #1d3549;
  background: #1d3549;
}
.button.clearButton {
  background-color: transparent;
  color: #949499;
}
.button.ratingStarButton {
  padding: 0px;
}
.button.topBarButton {
  background-color: transparent;
  color: #ffffff;
  padding-right: 10px;
  padding-left: 10px;
  text-decoration: underline;
}
.button.dottedButton {
  background-color: transparent;
  border-color: #2c4e69;
  border-style: dotted;
  border-width: 2px;
  text-align: center;
}
.button.dottedButton.primary {
  color: #dd4837;
}
.button.dottedButton.secondary {
  color: green;
}
.button.providerSummaryButton {
  color: #949499;
  font-size: 30px;
  padding: 0px;
}
@media (max-width: 768px) {
  .button.providerSummaryButton {
    font-size: 15px;
  }
}
.button.attachmentButton {
  text-align: center;
  width: 100%;
}
.button.attachmentButton img.loadingSpinner {
  height: 23px;
  margin-bottom: 5.5px;
  margin-top: 5.5px;
}
.button.attachmentButton input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.button.attachmentButton label {
  cursor: pointer;
  cursor: hand;
  display: inline-block;
  font-weight: inherit;
}
.button.attachmentButton label > .attachIcon {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 30px;
}
.button.attachmentButton.floatingAttachmentButton {
  display: inline-block;
  height: 84px;
  padding-left: 0px;
  padding-right: 0px;
  width: 84px;
}
.button.attachmentButton.floatingAttachmentButton img {
  float: left;
}
.button.attachmentButton.floatingAttachmentButton img.loadingSpinner {
  height: 100%;
  padding-bottom: 37px;
  padding-left: 30px;
  padding-top: 23px;
}
.button.attachmentButton.floatingAttachmentButton img.attachIcon {
  width: 84px;
  height: 84px;
}
.button.attachmentButton.floatingAttachmentButton .floatingActionButton {
  background-color: #ffffff;
}
.button.attachmentButton.floatingAttachmentButton .floatingActionButton:hover {
  background-color: #a0cfd8;
  background: #a0cfd8;
}
.button.attachmentButton ._attachButtonText {
  display: block;
  padding: 15px 10px;
}

.modal-content {
  border-radius: 0px;
  margin-top: 100px;
}

.callErrorModal {
  text-align: center;
}
.callErrorModal .button {
  text-align: center;
  width: 100%;
}
.callErrorModal .description {
  margin-top: 30px;
  font-size: 28px;
  color: #2c4e69;
}
.callErrorModal .dottedButton {
  border-left-width: 0px;
  border-right-width: 0px;
}
.callErrorModal .dottedButton.primary {
  font-size: 28px;
  height: auto;
  margin-top: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.callErrorModal .dottedButton.secondary {
  padding-top: 15px;
}

/** React-Widget style overrides **/
.rw-widget {
  border-radius: 0px;
}

.has-error.dateTimePicker .rw-widget {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

._flexColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._flexRow {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flexRow {
  display: flex;
  flex-direction: row;
}

.flexColumn {
  display: flex;
  flex-direction: column;
}

.privacyPolicyStatic .headerWrapper {
  display: flex;
  padding: 24px 0 24px 24px;
  align-items: center;
  border-bottom: 1px solid #dedede;
}
.privacyPolicyStatic .headerWrapper img {
  height: 36px;
}
.privacyPolicyStatic .headerWrapper .headerText {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
  padding-left: 12px;
  margin: 0;
}
.privacyPolicyStatic .policyContent {
  padding: 24px;
  background-color: #fafbfc;
  justify-content: center;
  display: flex;
}
.privacyPolicyStatic .policyContent .paper {
  padding: 48px 36px;
  background-color: white;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #dedede;
  border-radius: 12px;
  max-width: 1028px;
  min-width: 272px;
}
.privacyPolicyStatic .policyContent .paper .policyContentHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  padding-top: 24px;
}
.privacyPolicyStatic .policyContent .paper .policyContentFirstHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}
.privacyPolicyStatic .policyContent .paper p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

._formDetails {
  width: 75%;
  margin: 24px auto;
  padding: 16px 24px;
  border-radius: 8px;
}
._formDetails .formInformation {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
._formDetails .formInformation dd {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
._formDetails .formInformation .formInformationDivider {
  margin: 24px 0;
  border-top: 1px solid #dedede;
}
._formDetails .formInformation .formInformationLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  float: left;
  margin-right: 5px;
}
._formDetails .formInformation .formInformationSignatureRequirementList {
  margin: 0;
}
._formDetails .formInformation .formInformationSignatureRequirementList li {
  word-break: break-all;
}
._formDetails .formInformation .formInformationSignatureRequirementList .relationship {
  margin-left: 4px;
}
._formDetails .formInformation .formInformationSignatureRequirementList .checkmarkIcon {
  height: 12px;
  margin: auto 6px;
  fill: #1c834b;
}
._formDetails .bannerContainer {
  gap: 8px;
}
._formDetails .bannerContainer .statusBanner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
._formDetails .bannerContainer > :last-child {
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  ._formDetails {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 15px;
  }
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/PatientFormModal.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.modal-dialog.-patientFormModal {
  width: 1040px;
}
@media (max-width: 768px) {
  .modal-dialog.-patientFormModal {
    width: 700px;
  }
}
@media (max-width: 414px) {
  .modal-dialog.-patientFormModal {
    width: 365px;
    margin: auto;
  }
}

.patientFormModal > ._actionFooter {
  text-align: right;
}
@media (max-width: 414px) {
  .patientFormModal > ._actionFooter {
    text-align: center;
  }
}
.patientFormModal > ._actionFooter > button {
  border: 0;
  height: 50px;
  font-size: 25px;
  padding: 1px 20px;
  cursor: pointer;
  margin: 10px;
}
.patientFormModal ._formModalHeader ._headerText {
  align-items: center;
  justify-content: space-between;
  height: 62px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  padding: 15px;
  border-bottom: 1px solid #dedede;
  margin: 0;
}
@media (max-width: 414px) {
  .patientFormModal ._formModalHeader ._headerText {
    font-size: 30px;
  }
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/PaperContainerSection.scss ***!
  \********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.paperContainer {
  max-width: 1028px;
  padding: 24px;
  border: 1px solid #dedede;
  background: #FFFFFF;
  gap: 16px;
}
.paperContainer.paperContainerRounded {
  border-radius: 12px;
}
.paperContainer.paperContainerElevation2 {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
}
.paperContainer .paperContainerSectionHeaderArea {
  gap: 16px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.paperContainer .paperContainerSectionHeaderArea .paperContainerSectionHeadlineContainer {
  color: #000209;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 260px;
}
.paperContainer .paperContainerSectionHeaderArea .paperContainerSectionHeadlineContainer .paperContainerSectionHeadlineAndIcon {
  gap: 16px;
  align-items: center;
}
.paperContainer .paperContainerSectionHeaderArea .paperContainerSectionHeadlineContainer .paperContainerSectionHeadlineAndIcon .paperContainerSectionIcon {
  stroke: #595959;
  fill: #595959;
  width: 29.25px;
  flex-shrink: 0;
}
.paperContainer .paperContainerSectionHeaderArea .paperContainerSectionHeadlineContainer .paperContainerSectionHeadlineAndIcon .paperContainerSectionHeader {
  margin: 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.paperContainer .paperContainerSectionHeaderArea .paperContainerSectionHeadlineContainer .paperContainerSectionSubtitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-top: 8px;
  margin-bottom: 0;
  letter-spacing: -0.25px;
}
.paperContainer .sectionLoadingIndicator {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 240px;
}
.paperContainer .paperContainerSectionCards {
  margin-top: 8px;
  gap: 16px;
  flex-grow: 1;
}
.paperContainer .paperContainerSectionCards > * {
  width: 100%;
}
.paperContainer .paperContainerSectionPaginationText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
  color: #595959;
  letter-spacing: -0.25px;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/Link.scss ***!
  \***************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.link.baseLink {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  border-radius: 4px;
  outline: 2px dashed;
  align-items: center;
  text-decoration: none;
  gap: 8px;
  padding-right: 8px;
}
.link.baseLink:hover .linkText {
  text-decoration: underline;
}
.link.baseLink.disabled {
  pointer-events: none;
}
.link.baseLink .linkIcon {
  width: 14px;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/BubbledPaginator.scss ***!
  \************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.root .pageStatusText {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  padding-bottom: 6px;
}
.root .paginator {
  display: flex;
  justify-content: center;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/patientportal/DataCard.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.dataCard {
  gap: 0px;
  min-height: 100%;
}
.dataCard .dataCardContent {
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
}
.dataCard .dataCardContent .dataCardMainContent {
  gap: 16px;
}
.dataCard .dataCardContent .dataCardMainContent .dataCardList {
  margin: 0;
}
.dataCard .dataCardContent .dataCardMainContent .dataCardList .dataCardLabel {
  display: inline;
  text-transform: capitalize;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.dataCard .dataCardContent .dataCardMainContent .dataCardList .dataCardValue {
  display: inline;
  margin-left: 4px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}
.dataCard .dataCardContent .dataCardMainContent .dataCardList .dataCardValue.tight::after, .dataCard .dataCardContent .dataCardMainContent .dataCardList .dataCardValue::after {
  display: block;
  content: "";
  speak: none;
}
.dataCard .dataCardContent .dataCardMainContent .dataCardList .dataCardValue.sparse::after {
  display: block;
  content: "";
  margin-bottom: 8px;
  speak: none;
}
.dataCard .dataCardContent .dataCardAlertsList {
  color: #c71b16;
  margin: 0;
  padding-left: 0;
  list-style: none;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.dataCard .dataCardContent .dataCardActions .cardAction {
  margin-top: 12px;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/patientportal/BalanceSidebar.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.balanceSidebar.balanceSidebar {
  gap: 24px;
}
.balanceSidebar.balanceSidebar .paperContainerSectionHeaderArea {
  gap: 24px;
}
.balanceSidebar.balanceSidebar .paperContainerSectionCards {
  margin-top: 0px;
}
.balanceSidebar.balanceSidebar .balanceSidebarSubtitleText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.balanceSidebar.balanceSidebar .sectionLoadingIndicator {
  height: 128px;
}
.balanceSidebar.balanceSidebar .balanceDollarCircle {
  height: 25px;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/patientbilling/BalancePaymentModal.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.balancePaymentPopover .balancePaymentPopoverModal {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-height: 100%;
  width: 420px;
}
.balancePaymentPopover .balancePaymentPopoverModal .paymentIcon {
  width: 40px;
}
.balancePaymentPopover .balancePaymentPopoverModal .successFill {
  fill: #1c834b;
}
.balancePaymentPopover .balancePaymentPopoverModal .alertFill {
  fill: #c71b16;
}
.balancePaymentPopover .balancePaymentPopoverModal .pendingFill {
  fill: #595959;
}
.balancePaymentPopover .balancePaymentPopoverModal .paymentSuccessDescriptionContainer {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #000209;
}
.balancePaymentPopover .balancePaymentPopoverModal .paymentSuccessDescriptionContainer .paymentSuccessfulDescription {
  margin: 20px 0 0 0;
}
.balancePaymentPopover .balancePaymentPopoverModal .paymentPendingDescriptionContainer {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #000209;
}
.balancePaymentPopover .balancePaymentPopoverModal .paymentPendingDescriptionContainer .paymentPendingDescription {
  margin: 20px 0 0 0;
}
.balancePaymentPopover .balancePaymentPopoverModal .paymentPendingDescriptionContainer .paymentPendingNote {
  margin: 10px 0 0 0;
}
.balancePaymentPopover .balancePaymentPopoverModal .reviewBalancePaymentDescription {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  margin: 0;
  padding: 16px;
  border-radius: 8px;
  background: #fafbfc;
}
.balancePaymentPopover .balancePaymentPopoverModal .paymentInfo {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.balancePaymentPopover .balancePaymentPopoverModal .paymentInfoField {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}
.balancePaymentPopover .balancePaymentPopoverModal .balancePaymentModalSuccessNoteDescription {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #000209;
}
.balancePaymentPopover .balancePaymentPopoverModal .balancePaymentModalFailureNoteDescription {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #000209;
}
.balancePaymentPopover .balancePaymentPopoverModal .balancePaymentLoadingIndicator {
  padding: 100px 0;
}
.balancePaymentPopover .balancePaymentPopoverModal .balancePaymentModalButtonGroup {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 16px;
}
.balancePaymentPopover .balancePaymentPopoverModal .balancePaymentModalButtonGroup .balancePaymentModalButton {
  width: 100%;
}
.balancePaymentPopover .balancePaymentPopoverModal .balancePaymentModalButtonGroup .balancePaymentModalButton .downloadReceiptIcon {
  height: 16px;
  width: 12px;
  margin-right: 8px;
}
.balancePaymentPopover .balancePaymentPopoverModal .balancePaymentModalContent {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.balancePaymentPopover .balancePaymentPopoverModal .balancePaymentModalContent .userInfoAndPaymentSection {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.balancePaymentPopover .balancePaymentPopoverModal .balancePaymentModalContent .userInfoAndPaymentSection .amountToPaySection {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.balancePaymentPopover .balancePaymentPopoverModal .balancePaymentModalContent .userInfoAndPaymentSection .amountToPaySection .checkboxSectionRoot {
  margin-left: 0px;
}
.balancePaymentPopover .balancePaymentPopoverModal .balancePaymentModalContent .userInfoAndPaymentSection .amountToPaySection .checkboxSectionRoot .checkboxRoot {
  padding-left: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 8px;
}
.balancePaymentPopover .balancePaymentPopoverModal .balancePaymentModalContent .userInfoAndPaymentSection .amountToPaySection .checkboxLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #000209;
}
.balancePaymentPopover .balancePaymentPopoverModal .balancePaymentModalContent .horizontalBar {
  width: 100%;
  border: none;
  height: 1px;
  background-color: #dedede;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/PaymentMethodSelector.scss ***!
  \********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.paymentMethodSelector {
  display: flex;
  flex-direction: column;
}
.paymentMethodSelector .paymentMethodLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #000209;
}
.paymentMethodSelector .paymentMethodFieldset {
  margin-top: 8px;
  margin-left: 20px;
}
.paymentMethodSelector .paymentMethodFieldset .paymentMethodRadioGroup .paymentMethodRadioButton {
  padding: 0;
  margin-right: 8px;
}
.paymentMethodSelector .paymentMethodFieldset .paymentMethodRadioGroup .radioLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #000209;
  margin-top: 4px;
  margin-bottom: 4px;
}
.paymentMethodSelector .paymentMethodFieldset .paymentMethodRadioGroup .radioLabel.selected {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #000209;
}
.paymentMethodSelector .addAPaymentMethodText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
}
.paymentMethodSelector .newCardOptions {
  margin-top: 8px;
}
.paymentMethodSelector .newCardOptions .creditCardContainer {
  gap: 8px;
}
.paymentMethodSelector .newCardOptions .creditCardContainer .cardError {
  color: #c71b16;
}
.paymentMethodSelector .newCardOptions .creditCardContainer .creditCardField {
  padding: 10px;
  border: 1px solid #595959;
  border-radius: 6px;
}
.paymentMethodSelector .newCardOptions .checkboxRoot {
  margin-left: 0px;
}
.paymentMethodSelector .newCardOptions .saveAsDefaultPaymentLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #000209;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/PaymentInput.scss ***!
  \********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.libraryPaymentInput.libraryPaymentInput label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.libraryPaymentInput.libraryPaymentInput .description {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin: 0;
}
.libraryPaymentInput.libraryPaymentInput.libraryPaymentInput-disabled .libraryPaymentInputRoot {
  color: #595959;
  -webkit-text-fill-color: #595959;
  background-color: #f8f8f8;
}
.libraryPaymentInput.libraryPaymentInput .libraryPaymentInputRoot {
  margin-top: 4px;
  border: 1px solid #dedede;
  border-radius: 4px;
}
.libraryPaymentInput.libraryPaymentInput .libraryPaymentInputRoot .inputBase {
  margin: 0px;
  padding: 3px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  height: 24px;
  color: #000209;
}
.libraryPaymentInput.libraryPaymentInput .libraryPaymentInputRoot .inputBase::-moz-placeholder {
  color: #595959;
  opacity: 1;
}
.libraryPaymentInput.libraryPaymentInput .libraryPaymentInputRoot .inputBase::placeholder {
  color: #595959;
  opacity: 1;
}
.libraryPaymentInput.libraryPaymentInput .libraryPaymentInputRoot .adornment-blurred p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
}
.libraryPaymentInput.libraryPaymentInput .libraryPaymentInputRoot .adornment-focused p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #000209;
}
.libraryPaymentInput.libraryPaymentInput .libraryPaymentInputRoot .MuiInputBase-adornedEnd {
  padding-right: 12px;
}
.libraryPaymentInput.libraryPaymentInput .libraryPaymentInputRoot .MuiInputBase-adornedStart {
  padding-left: 12px;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/patientportal/AppointmentCard.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.appointmentCard .appointmentCardButtons {
  gap: 8px;
}
.appointmentCard .missingPaymentInfoText {
  color: #c71b16;
  margin-left: 8px;
}
.appointmentCard .confirmationStatus.confirmed {
  color: #1c834b;
}
.appointmentCard .confirmationStatus.pending {
  color: #595959;
}
.appointmentCard .joinAppointmentSection {
  padding: 16px;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
}
.appointmentCard .joinAppointmentSection .joinText {
  text-decoration: none;
}
.appointmentCard .joinAppointmentSection .joinText .linkText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  align-items: center;
  padding-right: 8px;
}
.appointmentCard .joinAppointmentSection .joinText .linkIcon {
  width: 14px;
  margin-top: auto;
  margin-bottom: auto;
}
.appointmentCard .joinAppointmentSection .joinButton {
  padding-left: 12px;
  padding-right: 16px;
  flex-shrink: 0;
}
.appointmentCard .joinAppointmentSection .joinButton.customLinkButton:hover {
  background-color: transparent;
}
.appointmentCard .joinAppointmentSection .joinButton.customLinkButton span {
  text-decoration: underline;
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
}
.appointmentCard .joinAppointmentSection .joinButton .videoIcon {
  width: 18px;
  margin-right: 4px;
}
.appointmentCard .joinAppointmentSection .joinButton .videoIcon > path {
  fill: #ffffff;
}
.appointmentCard .joinAppointmentSection .joinButton .customLinkIcon {
  width: 16px;
  margin-right: 8px;
}
.appointmentCard .joinAppointmentSection .joinAppointmentTitle {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.appointmentCard .joinAppointmentSection .joinAppointmentSubtitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.appointmentCardMenu.appointmentCardMenu {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #000209;
}
.appointmentCardMenu.appointmentCardMenu .plusIcon {
  width: 14px;
  margin-right: 8px;
}
.appointmentCardMenu.appointmentCardMenu .deleteIcon {
  width: 14px;
  margin-right: 8px;
  fill: #c71b16;
}
.appointmentCardMenu.appointmentCardMenu .cancelAppointmentText {
  color: #c71b16;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/basicelements/DataList.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.dataList {
  margin: 0;
  color: #000209;
}
.dataList .dataListLabel {
  display: inline;
  text-transform: capitalize;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.dataList .dataListValue {
  display: inline;
  margin-left: 4px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}
.dataList .dataListValue.tight::after, .dataList .dataListValue::after {
  display: block;
  content: "";
  speak: none;
}
.dataList .dataListValue.sparse::after {
  display: block;
  margin-bottom: 8px;
  content: "";
  speak: none;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/basicelements/AppointmentCountdown.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.appointmentCountdown .timeAgoAlert {
  color: #c71b16;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/patientportal/PatientLanding.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.landingPage {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 16px 24px 24px 24px;
  gap: 24px;
  justify-content: center;
}
.landingPage .landingPagePrimarySection {
  gap: 24px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 1028px;
}
.landingPage .landingPageSidebar {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 340px;
  position: -webkit-sticky;
  position: sticky;
  top: 16px;
  align-self: flex-start;
}
.landingPage .landingFormsSection .transition.preEnter {
  transform: translateX(100%);
}
.landingPage .landingFormsSection .transition.entering {
  transform: translateX(0%);
  transition: transform 700ms ease-in-out;
}
.landingPage .landingFormsSection .transition.preExit {
  opacity: 1;
}
.landingPage .landingFormsSection .transition.exiting {
  opacity: 0;
  transition: opacity 700ms ease-in-out;
}
@media (min-width: 1076px) {
  .landingPage {
    flex-wrap: nowrap;
  }
  .landingPage .landingPageSidebar {
    flex-grow: 0;
    flex-shrink: 0;
  }
}
.landingPage .appointmentCardContainer .appointmentCardCalendarIcon {
  width: 26px;
  fill: #595959;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/popupbuttons/SupportChatButton.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.supportButtonAnchor {
  height: 48px;
  width: 48px;
  position: fixed;
  right: 0;
  top: 50%;
  transform: rotate(-90deg);
}
.supportButtonAnchor .supportChatButton {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  text-transform: none;
  font-size: 14pt;
  min-height: 28px;
  border-radius: 8px 8px 0 0;
  padding-bottom: 20px;
}
.supportButtonAnchor .supportChatButton.hidden {
  display: none;
}
.supportButtonAnchor .supportChatButton .infoIcon {
  margin-right: 10px;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/clientrecords/RecordTab.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.recordTab {
  margin-top: 16px;
  position: relative;
}
.recordTab .wideInputField {
  width: 470px;
  margin-bottom: -5px;
}
.recordTab .subTabContent {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  width: 500px;
}
.recordTab .absolutePositionedParent {
  position: absolute;
  top: -48px;
  right: 0;
}
.recordTab .absolutePositionedParent .spaceOccupier {
  min-width: 350px;
}
.recordTab .absolutePositionedParent .lastUpdatedTimeBanner {
  min-width: 150px;
  margin: 0;
  padding: 8px 12px 8px 12px;
  background-color: #f8f8f8;
  border-radius: 6px;
  border: 1px solid #dedede;
  color: #595959;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/clientrecords/ClientRecordView.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.clientRecordView {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.clientRecordView .recordListView .recordDataGrid {
  z-index: 1;
}
.clientRecordView .recordListView .recordDataGrid .MuiDataGrid-main:has(.noResultsFound) {
  height: 92px;
}
.clientRecordView .recordListView .recordDataGrid .noResultsFound {
  flex-grow: 1;
  align-items: flex-start;
  background-color: #f2f4f6;
  border-radius: 8px;
  padding: 14px 32px;
  margin-top: 8px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.clientRecordView .recordListView .recordDataGrid .multiLineCell {
  line-height: 24px;
}
.clientRecordView .recordListView .recordDataGrid .multiLineCell p {
  margin: 0;
}
.clientRecordView .recordListView .recordDataGrid .clientRecordCell {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}
.clientRecordView .recordListView .recordDataGrid .clientRecordCell.line-clamp-1 {
  -webkit-line-clamp: 1;
}
.clientRecordView .recordListView .recordDataGrid .clientRecordCell.line-clamp-2 {
  -webkit-line-clamp: 2;
}
.clientRecordView .recordListView .recordDataGrid .clientRecordCell.line-clamp-3 {
  -webkit-line-clamp: 3;
}
.clientRecordView .recordListView .recordDataGrid .clientRecordCell.line-clamp-4 {
  -webkit-line-clamp: 4;
}
.clientRecordView .recordListView .recordDataGrid .clientRecordCell.break-anywhere {
  overflow-wrap: anywhere;
}
.clientRecordView .recordDetailView {
  gap: 16px;
}
.clientRecordView .recordDetailView .recordContainer.previousAddress {
  width: 500px;
  padding-top: 32px;
  border-top: 1px solid #dedede;
}
.clientRecordView .recordDetailView .clientRecordDetailHeading {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
  margin-top: 0;
  margin-bottom: 16px;
}
.clientRecordView .recordDetailView .recordFieldGroupContainer {
  border: none;
  gap: 16px;
  padding-left: 0;
  margin-top: 8px;
}
.clientRecordView .recordDetailView .recordFieldGroupContainer .clientRecordDetailSubHeading {
  color: #595959;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  padding-left: 0;
}
.clientRecordView .recordDetailView .recordFieldGroupContainer .clientRecordDetailDivider {
  width: 500px;
  margin: 0;
}
.clientRecordView .recordDetailView .disabledTextField {
  width: 500px;
}
.clientRecordView .clientDataLoadingIndicator {
  padding-top: 50px;
  height: 400px;
}
.clientRecordView .clientDataErrorView {
  height: 400px;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/clientrecords/LocationPhoneColumn.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.locationPhoneColumn {
  display: flex;
  align-items: center;
}
.locationPhoneColumn .infoIconButton {
  padding: 8px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.locationPhoneColumn .infoIconButton .infoIcon {
  width: 16px;
  height: 16px;
}

.locationDetailModal .locationDetailContent {
  margin-top: 24px;
  overflow-y: auto;
  padding-right: 8px;
}
.locationDetailModal .locationDetailContent .addressBlock {
  margin-bottom: 4px;
  overflow-wrap: anywhere;
}
.locationDetailModal .locationDetailContent .addressBlock h3 {
  margin: 0;
}
.locationDetailModal .locationDetailContent .addressBlock address {
  margin: 0;
  font-style: normal;
}
.locationDetailModal .locationDetailContent .addressBlock .addressFont {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #595959;
}
.locationDetailModal .locationDetailContent .noPhoneNumberListed {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #595959;
}
.locationDetailModal .locationDetailDivider {
  margin: 24px 0;
  border: none;
  border-top: 1px solid #dedede;
  width: 100%;
}
.locationDetailModal .locationDetailModalFooter {
  margin-top: 24px;
}
.locationDetailModal .locationDetailModalFooter .locationDetailModalDismissButton {
  width: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/clientrecords/VitalSignsModal.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.vitalSignsModalColumn {
  display: flex;
  align-items: center;
}

.vitalSignsDetailModal.vitalSignsDetailModal {
  width: 420px;
  max-height: 720px;
}
.vitalSignsDetailModal.vitalSignsDetailModal .vitalSignsDetailModalTitle {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
  margin: 0;
}
.vitalSignsDetailModal.vitalSignsDetailModal .vitalSignsDetailModalCloseIconButton.vitalSignsDetailModalCloseIconButton {
  align-self: start;
  margin-left: 24px;
}
.vitalSignsDetailModal.vitalSignsDetailModal .vitalSignsDetailContent {
  margin-top: 24px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.vitalSignsDetailModal.vitalSignsDetailModal .vitalSignsDetailContent .vitalSignItem {
  display: flex;
  flex-direction: column;
}
.vitalSignsDetailModal.vitalSignsDetailModal .vitalSignsDetailContent .vitalSignItem .vitalSignLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.vitalSignsDetailModal.vitalSignsDetailModal .vitalSignsDetailContent .vitalSignItem .vitalSignValue {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  margin: 0;
}
.vitalSignsDetailModal.vitalSignsDetailModal .vitalSignsDetailModalFooter {
  margin-top: 24px;
}
.vitalSignsDetailModal.vitalSignsDetailModal .vitalSignsDetailModalFooter .vitalSignsDetailModalCloseButton {
  width: 100%;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/DeveloperConsole.scss ***!
  \****************************************************************************************************************************************************************************************************/
.consoleWindow {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 600px;
  background-color: #eeffe8;
  z-index: 2000;
  padding: 36px;
}
.consoleWindow .closeIcon {
  position: absolute;
  bottom: 12px;
  right: 12px;
}
.consoleWindow .addFieldRow {
  align-items: center;
}
.consoleWindow .plusIcon {
  margin-left: 12px;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/appointments/WaitingRoomHeader.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.waitingRoomHeader {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.waitingRoomHeader ._toolbar {
  height: 88px;
}
.waitingRoomHeader .homeLogo .logo {
  height: 34px;
  margin: 15px 36px 15px 26px;
}
.waitingRoomHeader .noPaper.noPaper {
  border-bottom: #dedede 1px solid;
}
.waitingRoomHeader .navWrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-left: #dedede 1px solid;
  padding-top: 6px;
  padding-left: 24px;
  padding-bottom: 6px;
}
.waitingRoomHeader .navWrapper .providerWaitingRoomTitle {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
  color: #000209;
  align-self: center;
}
.waitingRoomHeader .navWrapper .downCaretIcon {
  height: 20px;
  width: 20px;
  fill: #FFFFFF;
  margin-left: 8px;
}
.waitingRoomHeader .navWrapper .leaveAppointmentButton {
  display: flex;
  float: right;
  align-items: center;
  margin-right: 4px;
}
.waitingRoomHeader .navWrapper .exitWaitingRoomText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  display: flex;
  color: #c71b16;
  float: right;
  align-items: center;
  margin-right: 4px;
}
.waitingRoomHeader .navWrapper .exitWaitingRoomText .leaveIcon {
  margin-left: 8px;
}
.waitingRoomHeader .navWrapper .exitWaitingRoomText:hover {
  text-decoration: underline;
  cursor: pointer;
}
.waitingRoomHeader .navWrapper .appointmentTitle {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #000209;
}
.waitingRoomHeader .navWrapper .patientAppointmentTitle {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #595959;
}
.waitingRoomHeader .navWrapper .appointmentInfoItem {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  display: flex;
  align-items: center;
  color: #595959;
  margin-right: 16px;
}
.waitingRoomHeader .navWrapper .appointmentInfoItem .headerIcon {
  margin-right: 8px;
  height: 16px;
  fill: #595959;
}
.waitingRoomHeader .navWrapper .appointmentInfo {
  display: flex;
  margin-top: 4px;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/appointments/WaitingRoom.scss ***!
  \************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.waitingRoomContainer {
  display: flex;
  height: 100%;
  background-color: #fafbfc;
}
.waitingRoomContainer .verticalMenu {
  margin-top: 80px;
  width: 100%;
  padding-right: 16px;
}
.waitingRoomContainer .paperContainerRoot.paperContainerRoot {
  min-width: 342px;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  border: #dedede 1px solid;
  border-radius: 12px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
}
.waitingRoomContainer .zoomSDK {
  min-width: 342px;
  margin: 104px 24px 24px 0px;
  width: 85%;
  background-color: #000209;
  border-radius: 12px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/patientbilling/PatientBilling.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.patientBilling.patientBilling {
  margin: 16px 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  border-radius: 12px;
}
.patientBilling.patientBilling .patientBillingSubHeaderLine {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}
.patientBilling.patientBilling .patientBillingHeaderBlock {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.patientBilling.patientBilling .patientBillingHeaderBlock .patientBillingHeaderLine {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
  margin: 0;
}
.patientBilling.patientBilling .patientBillingHeaderBlock .patientBillingSubHeaderLine {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}
.patientBilling.patientBilling .patientBillingHeaderBlock .patientBillingSubHeaderNote {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
}
.patientBilling.patientBilling .wideInputField {
  width: 470px;
  margin-bottom: -23px;
}
.patientBilling.patientBilling .wideInputField .statementActionBadge {
  float: right;
  margin-right: 16px;
  margin-top: 8px;
}
.patientBilling.patientBilling .wideInputField .statementActionBadge span {
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
}
.patientBilling.patientBilling .absolutePositionedParent {
  position: absolute;
  right: 24px;
}
.patientBilling.patientBilling .absolutePositionedParent .spaceOccupier {
  min-width: 270px;
}
.patientBilling.patientBilling .absolutePositionedParent .lastUpdatedTimeBanner {
  min-width: 150px;
  margin: 0;
  padding: 8px 12px 8px 12px;
  background-color: #f8f8f8;
  border-radius: 6px;
  border: 1px solid #dedede;
  color: #595959;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.patientBilling.patientBilling .absolutePositionedParent .lastUpdatedTimeBanner .lowercaseFirstLetter {
  display: inline-block;
}
.patientBilling.patientBilling .absolutePositionedParent .lastUpdatedTimeBanner .lowercaseFirstLetter::first-letter {
  text-transform: lowercase;
}
.patientBilling.patientBilling .statementBalance {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #000209;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}
.patientBilling.patientBilling .statementBalance .statementBalanceDetails {
  display: flex;
  min-width: 280px;
  align-items: flex-start;
  align-content: flex-start;
  flex: 1 0 0;
  flex-wrap: wrap;
  row-gap: 12px;
}
.patientBilling.patientBilling .statementBalance .statementBalanceHeader {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}
.patientBilling.patientBilling .statementBalance .statementBalanceColumn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 1 300px;
}
.patientBilling.patientBilling .statementBalance .statementBalanceColumn .statementValueBalance {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
  margin: 0;
}
.patientBilling.patientBilling .statementBalance .statementMetadataColumn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  margin: 0;
}
.patientBilling.patientBilling .statementBalance .statementMetadataColumn .statementMetadataLabel {
  display: inline;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.patientBilling.patientBilling .statementBalance .statementMetadataColumn .statementMetadataValue {
  display: inline;
  margin-left: 4px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}
.patientBilling.patientBilling .statementBalance .statementButtons {
  gap: 16px;
  align-items: center;
  justify-content: center;
}
.patientBilling.patientBilling .statementBalance .statementInvalidText {
  text-align: right;
  max-width: 300px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.25px;
  display: flex;
  min-width: 260px;
  max-width: 320px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 16px;
  flex: 1 0 0;
}
.patientBilling.patientBilling .paymentHistoryDataGrid.paymentHistoryDataGrid .MuiDataGrid-columnHeaderTitle {
  color: #595959;
}
.patientBilling.patientBilling .paymentHistoryDataGrid.paymentHistoryDataGrid .successChip {
  background-color: #cdf4df;
  color: #104D2C;
}
.patientBilling.patientBilling .paymentHistoryDataGrid.paymentHistoryDataGrid .pendingChip {
  border: 1px #dedede solid;
  background-color: #f8f8f8;
  color: #595959;
}
.patientBilling.patientBilling .paymentHistoryDataGrid.paymentHistoryDataGrid .failedChip {
  background-color: #FFC4C2;
  color: #4D1210;
}
.patientBilling.patientBilling .paymentHistoryDataGrid.paymentHistoryDataGrid .downloadReceiptButton {
  flex: 1;
  justify-content: center;
}
.patientBilling.patientBilling .patientBillingErrorView {
  height: 400px;
}

.clientRecordMenuItem.clientRecordMenuItem {
  display: flex;
  justify-content: space-between;
}
.clientRecordMenuItem.clientRecordMenuItem .statementActionBadge {
  align-self: center;
  height: 8px;
  width: 8px;
}
.clientRecordMenuItem.clientRecordMenuItem .statementActionBadge span {
  top: 0;
  right: 0;
  height: 8px;
  width: 8px;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/analytics/AnalyticsHub.scss ***!
  \**********************************************************************************************************************************************************************************************************/

/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/analytics/ReportModal.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.reportModal .reportModalPaper {
  background-color: #fafbfc;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/analytics/notifications/Notifications.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.MuiPopover-Paper.reportsDropdownMenu {
  margin: 0;
}

.reports {
  min-width: 768px;
}
.reports .reportsHeader {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 16px;
}
.reports .reportsHeader .reportsSearchField {
  width: 534px;
}
.reports .reportsHeader .createReportButton .createReportIcon {
  margin-right: 8px;
  width: 10px;
}
.reports .reportsHeader .labelWrapper {
  margin: 16px 0 8px 0;
}
.reports .reportsHeader .labelWrapper .label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  display: flex;
  align-items: center;
}
.reports .reportsHeader .labelWrapper .sublabel {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin: 0;
  width: 534px;
}
.reports .reportsBody.noContent {
  height: 100px;
}
.reports .reportsBody.noContent .MuiDataGrid-overlay {
  align-self: normal;
}
.reports .reportsBody .multiLineCell {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 24px;
}
.reports .reportsBody .downloadReport {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  flex: 1;
  text-align: right;
  cursor: pointer;
}
.reports .reportsBody .downloadReport .downloadReportIcon {
  position: relative;
  top: 2px;
  height: 14px;
  width: 14px;
  margin-left: 4px;
}
.reports .reportsBody .downloadReportUnavailable {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  flex: 1;
  text-align: right;
  color: #595959;
}
.reports .noReportOverlay {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  z-index: 5;
  position: absolute;
  top: 8px;
  width: 100%;
  border-radius: 4px;
  padding-left: 16px;
}
.reports .noReportOverlay .createAppointmentClickableText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  border: 0px;
  padding-left: 0px;
  background-color: transparent;
  text-decoration: underline;
}
.reports .noReportOverlay .createAppointmentClickableText .createReportTextIcon {
  position: relative;
  top: 2px;
  height: 14px;
  width: 14px;
  margin-left: 4px;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/analytics/notifications/NotificationReportManager.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.reportManager {
  position: absolute;
  padding: 16px 24px;
  inset: 65px 0 0 0;
  overflow-y: scroll;
  background: #fafbfc;
}
.reportManager .stepHasError {
  border: #c71b16 solid 2px !important;
}
.reportManager .stepContainer .mainColumn {
  display: flex;
  flex-direction: column;
  min-width: 582px;
  max-width: calc(100% - 342px - 24px);
}
@media screen and (max-width: 995px) {
  .reportManager .stepContainer .mainColumn {
    display: block;
    max-width: 100%;
  }
}
.reportManager .stepContainer .mainColumn .formWrapper {
  max-width: 600px;
}
.reportManager .stepContainer .mainColumn .formWrapper .libraryTextInput-error .libraryTextInputRoot {
  border: 2px solid #c71b16;
}
.reportManager .stepContainer .mainColumn .formWrapper .labelWrapper {
  margin-bottom: 8px;
}
.reportManager .stepContainer .mainColumn .formWrapper .label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  display: flex;
  align-items: center;
}
.reportManager .stepContainer .mainColumn .formWrapper .sublabel {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin: 0;
}
.reportManager .stepContainer .mainColumn .formWrapper .largeInputField {
  width: 100%;
  max-width: 560px;
}
.reportManager .stepContainer .mainColumn .formWrapper .libraryTextInput-error .libraryTextInputRoot {
  border: 2px solid #c71b16;
}
.reportManager .stepContainer .mainColumn .formWrapper .csvRequirements {
  padding-top: 16px;
}
.reportManager .stepContainer .mainColumn .formWrapper .fileUploadInput {
  padding: 16px 0 8px 0;
}
.reportManager .stepContainer .mainColumn .formWrapper .fileUploadButton {
  margin-top: 8px;
}
.reportManager .stepContainer .mainColumn .formWrapper .insetFieldContainer {
  padding-left: 8px;
}
.reportManager .stepContainer .mainColumn .formWrapper .insetContainer {
  border-left: 1px solid #dedede;
  padding-left: 20px;
  margin-left: 10px;
}
.reportManager .stepContainer .mainColumn .formWrapper .datetimeInput {
  min-width: 240px;
  max-width: 360px;
}
.reportManager .stepContainer .mainColumn .formWrapper .radioGroup .MuiRadio-root {
  padding-top: 4px;
  padding-bottom: 4px;
}
.reportManager .stepContainer .mainColumn .formWrapper .radioGroup .MuiRadio-root + .MuiFormControlLabel-label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.reportManager .stepContainer .mainColumn .formWrapper .radioGroup .MuiRadio-root.Mui-checked + .MuiFormControlLabel-label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
}
.reportManager .stepContainer .mainColumn .formWrapper .topAlignedCheckboxes {
  align-items: start;
}
.reportManager .stepContainer .mainColumn .formWrapper .topAlignedCheckboxes.extraMargin {
  margin-bottom: 4px;
}
.reportManager .stepContainer .mainColumn .formWrapper .checkbox.MuiCheckbox-root {
  padding-top: 2px;
  padding-bottom: 4px;
}
.reportManager .stepContainer .mainColumn .formWrapper .checkbox.MuiCheckbox-root + .MuiFormControlLabel-label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.reportManager .stepContainer .mainColumn .formWrapper .checkbox.MuiCheckbox-root.Mui-checked + .MuiFormControlLabel-label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
}
.reportManager .stepContainer .mainColumn .formWrapper .errorMessage {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c71b16;
}
.reportManager .stepContainer .mainColumn .infoStepGap {
  gap: 32px;
}
.reportManager .stepContainer .mainColumn .dateRangeStepGap {
  gap: 32px;
}
.reportManager .stepContainer .mainColumn .contentStepGap {
  gap: 12px;
}
.reportManager .stepContainer .mainColumn .emailContentContainer {
  margin-top: 8px;
}
.reportManager .stepContainer .mainColumn .smsContentContainer {
  margin-top: 20px;
}
.reportManager .stepContainer .mainColumn .MuiFormHelperText-root.helperText {
  color: #595959;
}
.reportManager .stepContainer .mainColumn .MuiFormHelperText-root.helperText.noMargin {
  margin: 0;
}
.reportManager .stepContainer .mainColumn .broadcastContentToolbar {
  border: none;
  padding: 0;
  margin: 0;
}
.reportManager .stepContainer .mainColumn .broadcastContentToolbar .rdw-inline-wrapper:first-child .rdw-option-wrapper:first-child {
  margin-left: 0;
}
.reportManager .stepContainer .mainColumn .broadcastContentToolbar .rdw-option-wrapper,
.reportManager .stepContainer .mainColumn .broadcastContentToolbar .rdw-dropdown-wrapper {
  border: 1px solid #dedede;
  border-radius: 1px;
}
.reportManager .stepContainer .mainColumn .broadcastContentToolbar .rdw-option-wrapper {
  height: 24px;
  min-width: 24px;
  padding: 3px;
}
.reportManager .stepContainer .mainColumn .broadcastContentWrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.reportManager .stepContainer .mainColumn .broadcastEditor {
  line-height: initial;
}
.reportManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection {
  max-width: 534px;
}
.reportManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .DraftEditor-root .DraftEditor-editorContainer {
  overflow: auto;
  border: 1px solid #dedede;
  border-radius: 4px;
}
.reportManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .DraftEditor-root .DraftEditor-editorContainer .public-DraftEditor-content {
  min-height: 128px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  padding: 12px;
  padding-top: 8px;
  margin: 0;
}
.reportManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .public-DraftEditorPlaceholder-root {
  margin: 0;
}
.reportManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .public-DraftStyleDefault-block {
  margin: 0;
}
.reportManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .public-DraftEditor-content {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 10px 12px;
}
.reportManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .public-DraftEditorPlaceholder-root {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
  padding: 10px 12px;
}
.reportManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection-hidePlaceholder .public-DraftEditorPlaceholder-root {
  display: none;
}
.reportManager .stepContainer .mainColumn .buttonLoadingSpinner {
  padding: 4px 0 0 0;
}
.reportManager .stepContainer .mainColumn .buttonLoadingSpinner.withLabel {
  padding-right: 8px;
}
.reportManager .stepContainer .mainColumn .formError {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 8px 0 0 0;
  color: #c71b16;
}
.reportManager .stepContainer .mainColumn .formError.noMargin {
  margin: 0;
}
.reportManager .stepContainer .mainColumn .charactersRemaining {
  margin-top: 5px;
}
.reportManager .stepContainer .mainColumn .required {
  color: #c71b16;
}
.reportManager .stepContainer .infoColumn {
  display: flex;
  position: fixed;
  right: 24px;
  top: 80px;
  flex-direction: column;
  width: 342px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  gap: 24px;
}
@media screen and (max-width: 995px) {
  .reportManager .stepContainer .infoColumn {
    position: relative;
    width: 100%;
    min-width: 342px;
    margin: 0 0 24px 24px;
    top: 24px;
  }
}
.reportManager .stepContainer .infoColumn .infoTitle {
  margin: 0;
  margin-bottom: 16px;
}
.reportManager .stepContainer .infoColumn .infoList {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.reportManager .stepContainer .infoColumn .infoList .infoItem {
  display: flex;
  align-items: start;
  gap: 12px;
}
.reportManager .stepContainer .infoColumn .infoList .infoItem .infoIcon {
  width: 20px;
  padding: 3px;
  flex-shrink: 0;
}
.reportManager .stepContainer .infoColumn .helperHeading {
  padding-bottom: 4px;
}
.reportManager .stepContainer .infoColumn .loadingSpinner {
  width: 100%;
  text-align: center;
  padding-top: 32px;
  max-height: 56px;
}
.reportManager .stepContainer .infoColumn .recipientFileCounts {
  padding-top: 4px;
}
.reportManager .stepContainer .infoColumn .missingContactWarning {
  width: 100%;
}
.reportManager .stepContainer .infoColumn .missingContactWarning .missingContactWarningTitle {
  padding-bottom: 4px;
}
.reportManager .stepContainer .infoColumn .marginInlineStartMinus20 {
  -webkit-margin-start: -20px;
          margin-inline-start: -20px;
}
.reportManager .stepContainer .infoColumn .optionalText {
  color: #595959;
}
.reportManager .stepContainer .withScrollBar {
  height: 85vh !important;
  overflow-y: scroll;
}
.reportManager .stepContainer .stepHeaderWrapper {
  padding-bottom: 16px;
  gap: 4px;
}
.reportManager .stepContainer .stepHeaderWrapper .stepHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  margin: 0;
}
.reportManager .stepContainer .stepHeaderWrapper .stepHeader .requiredStepHeader {
  color: #c71b16;
}
.reportManager .stepContainer .stepHeaderWrapper .stepHeader .optionalStepHeader {
  color: #595959;
}
.reportManager .stepContainer .errorContainer {
  border: 2px solid #c71b16;
  border-radius: 4px;
}
.reportManager .stepContainer.hidden {
  display: none;
}
.reportManager .flexColumn {
  display: flex;
  flex-direction: column;
}
.reportManager .flexColumn.smallGap {
  gap: 4px;
}
.reportManager .actionContainer {
  width: calc(100% - 65px);
  height: 64px;
  padding: 12px 24px 12px 0px;
  justify-content: space-between;
  align-items: stretch;
  bottom: 100%;
  position: fixed;
  left: 65px;
  top: 0;
}
.reportManager .actionContainer .alignLeft {
  align-items: center;
}
.reportManager .actionContainer .alignLeft .reportStepper {
  margin: 0 24px;
  flex: 1;
}
.reportManager .actionContainer .alignLeft .reportStepper .stepperConnector {
  min-width: 24px;
  max-width: 105px;
  width: 20vw;
}
.reportManager .actionContainer .alignRight {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}
.reportManager .actionContainer .alignRight .backButton .arrowLeftIcon {
  margin: 0 8px 0 0;
  width: 12px;
}
.reportManager .actionButtonIcon {
  margin-right: 8px;
  width: 14px;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/analytics/telehealthsessions/TelehealthSessions.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.MuiPopover-Paper.reportsDropdownMenu {
  margin: 0;
}

.reports {
  min-width: 768px;
}
.reports .reportsHeader {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 16px;
}
.reports .reportsHeader .reportsSearchField {
  width: 534px;
}
.reports .reportsHeader .createReportButton .createReportIcon {
  margin-right: 8px;
  width: 10px;
}
.reports .reportsHeader .labelWrapper {
  margin: 16px 0 8px 0;
}
.reports .reportsHeader .labelWrapper .label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  display: flex;
  align-items: center;
}
.reports .reportsHeader .labelWrapper .sublabel {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin: 0;
  width: 534px;
}
.reports .reportsBody.noContent {
  height: 100px;
}
.reports .reportsBody.noContent .MuiDataGrid-overlay {
  align-self: normal;
}
.reports .reportsBody .multiLineCell {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 24px;
}
.reports .reportsBody .downloadReport {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  flex: 1;
  text-align: right;
  cursor: pointer;
}
.reports .reportsBody .downloadReport .downloadReportIcon {
  position: relative;
  top: 2px;
  height: 14px;
  width: 14px;
  margin-left: 4px;
}
.reports .reportsBody .downloadReportUnavailable {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  flex: 1;
  text-align: right;
  color: #595959;
}
.reports .noReportOverlay {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  z-index: 5;
  position: absolute;
  top: 8px;
  width: 100%;
  border-radius: 4px;
  padding-left: 16px;
}
.reports .noReportOverlay .createAppointmentClickableText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  border: 0px;
  padding-left: 0px;
  background-color: transparent;
  text-decoration: underline;
}
.reports .noReportOverlay .createAppointmentClickableText .createReportTextIcon {
  position: relative;
  top: 2px;
  height: 14px;
  width: 14px;
  margin-left: 4px;
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/analytics/telehealthsessions/TelehealthSessionReportManager.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.reportManager {
  position: absolute;
  padding: 16px 24px;
  inset: 65px 0 0 0;
  overflow-y: scroll;
  background: #fafbfc;
}
.reportManager .stepHasError {
  border: #c71b16 solid 2px !important;
}
.reportManager .stepContainer .mainColumn {
  display: flex;
  flex-direction: column;
  min-width: 582px;
  max-width: calc(100% - 342px - 24px);
}
@media screen and (max-width: 995px) {
  .reportManager .stepContainer .mainColumn {
    display: block;
    max-width: 100%;
  }
}
.reportManager .stepContainer .mainColumn .formWrapper {
  max-width: 600px;
}
.reportManager .stepContainer .mainColumn .formWrapper .libraryTextInput-error .libraryTextInputRoot {
  border: 2px solid #c71b16;
}
.reportManager .stepContainer .mainColumn .formWrapper .labelWrapper {
  margin-bottom: 8px;
}
.reportManager .stepContainer .mainColumn .formWrapper .label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  display: flex;
  align-items: center;
}
.reportManager .stepContainer .mainColumn .formWrapper .sublabel {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin: 0;
}
.reportManager .stepContainer .mainColumn .formWrapper .largeInputField {
  width: 100%;
  max-width: 560px;
}
.reportManager .stepContainer .mainColumn .formWrapper .libraryTextInput-error .libraryTextInputRoot {
  border: 2px solid #c71b16;
}
.reportManager .stepContainer .mainColumn .formWrapper .csvRequirements {
  padding-top: 16px;
}
.reportManager .stepContainer .mainColumn .formWrapper .fileUploadInput {
  padding: 16px 0 8px 0;
}
.reportManager .stepContainer .mainColumn .formWrapper .fileUploadButton {
  margin-top: 8px;
}
.reportManager .stepContainer .mainColumn .formWrapper .insetFieldContainer {
  padding-left: 8px;
}
.reportManager .stepContainer .mainColumn .formWrapper .insetContainer {
  border-left: 1px solid #dedede;
  padding-left: 20px;
  margin-left: 10px;
}
.reportManager .stepContainer .mainColumn .formWrapper .datetimeInput {
  min-width: 240px;
  max-width: 360px;
}
.reportManager .stepContainer .mainColumn .formWrapper .radioGroup .MuiRadio-root {
  padding-top: 4px;
  padding-bottom: 4px;
}
.reportManager .stepContainer .mainColumn .formWrapper .radioGroup .MuiRadio-root + .MuiFormControlLabel-label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.reportManager .stepContainer .mainColumn .formWrapper .radioGroup .MuiRadio-root.Mui-checked + .MuiFormControlLabel-label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
}
.reportManager .stepContainer .mainColumn .formWrapper .topAlignedCheckboxes {
  align-items: start;
}
.reportManager .stepContainer .mainColumn .formWrapper .topAlignedCheckboxes.extraMargin {
  margin-bottom: 4px;
}
.reportManager .stepContainer .mainColumn .formWrapper .checkbox.MuiCheckbox-root {
  padding-top: 2px;
  padding-bottom: 4px;
}
.reportManager .stepContainer .mainColumn .formWrapper .checkbox.MuiCheckbox-root + .MuiFormControlLabel-label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.reportManager .stepContainer .mainColumn .formWrapper .checkbox.MuiCheckbox-root.Mui-checked + .MuiFormControlLabel-label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
}
.reportManager .stepContainer .mainColumn .formWrapper .errorMessage {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c71b16;
}
.reportManager .stepContainer .mainColumn .infoStepGap {
  gap: 32px;
}
.reportManager .stepContainer .mainColumn .dateRangeStepGap {
  gap: 32px;
}
.reportManager .stepContainer .mainColumn .contentStepGap {
  gap: 12px;
}
.reportManager .stepContainer .mainColumn .emailContentContainer {
  margin-top: 8px;
}
.reportManager .stepContainer .mainColumn .smsContentContainer {
  margin-top: 20px;
}
.reportManager .stepContainer .mainColumn .MuiFormHelperText-root.helperText {
  color: #595959;
}
.reportManager .stepContainer .mainColumn .MuiFormHelperText-root.helperText.noMargin {
  margin: 0;
}
.reportManager .stepContainer .mainColumn .broadcastContentToolbar {
  border: none;
  padding: 0;
  margin: 0;
}
.reportManager .stepContainer .mainColumn .broadcastContentToolbar .rdw-inline-wrapper:first-child .rdw-option-wrapper:first-child {
  margin-left: 0;
}
.reportManager .stepContainer .mainColumn .broadcastContentToolbar .rdw-option-wrapper,
.reportManager .stepContainer .mainColumn .broadcastContentToolbar .rdw-dropdown-wrapper {
  border: 1px solid #dedede;
  border-radius: 1px;
}
.reportManager .stepContainer .mainColumn .broadcastContentToolbar .rdw-option-wrapper {
  height: 24px;
  min-width: 24px;
  padding: 3px;
}
.reportManager .stepContainer .mainColumn .broadcastContentWrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.reportManager .stepContainer .mainColumn .broadcastEditor {
  line-height: initial;
}
.reportManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection {
  max-width: 534px;
}
.reportManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .DraftEditor-root .DraftEditor-editorContainer {
  overflow: auto;
  border: 1px solid #dedede;
  border-radius: 4px;
}
.reportManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .DraftEditor-root .DraftEditor-editorContainer .public-DraftEditor-content {
  min-height: 128px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  padding: 12px;
  padding-top: 8px;
  margin: 0;
}
.reportManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .public-DraftEditorPlaceholder-root {
  margin: 0;
}
.reportManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .public-DraftStyleDefault-block {
  margin: 0;
}
.reportManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .public-DraftEditor-content {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 10px 12px;
}
.reportManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .public-DraftEditorPlaceholder-root {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
  padding: 10px 12px;
}
.reportManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection-hidePlaceholder .public-DraftEditorPlaceholder-root {
  display: none;
}
.reportManager .stepContainer .mainColumn .buttonLoadingSpinner {
  padding: 4px 0 0 0;
}
.reportManager .stepContainer .mainColumn .buttonLoadingSpinner.withLabel {
  padding-right: 8px;
}
.reportManager .stepContainer .mainColumn .formError {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 8px 0 0 0;
  color: #c71b16;
}
.reportManager .stepContainer .mainColumn .formError.noMargin {
  margin: 0;
}
.reportManager .stepContainer .mainColumn .charactersRemaining {
  margin-top: 5px;
}
.reportManager .stepContainer .mainColumn .required {
  color: #c71b16;
}
.reportManager .stepContainer .infoColumn {
  display: flex;
  position: fixed;
  right: 24px;
  top: 80px;
  flex-direction: column;
  width: 342px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  gap: 24px;
}
@media screen and (max-width: 995px) {
  .reportManager .stepContainer .infoColumn {
    position: relative;
    width: 100%;
    min-width: 342px;
    margin: 0 0 24px 24px;
    top: 24px;
  }
}
.reportManager .stepContainer .infoColumn .infoTitle {
  margin: 0;
  margin-bottom: 16px;
}
.reportManager .stepContainer .infoColumn .infoList {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.reportManager .stepContainer .infoColumn .infoList .infoItem {
  display: flex;
  align-items: start;
  gap: 12px;
}
.reportManager .stepContainer .infoColumn .infoList .infoItem .infoIcon {
  width: 20px;
  padding: 3px;
  flex-shrink: 0;
}
.reportManager .stepContainer .infoColumn .helperHeading {
  padding-bottom: 4px;
}
.reportManager .stepContainer .infoColumn .loadingSpinner {
  width: 100%;
  text-align: center;
  padding-top: 32px;
  max-height: 56px;
}
.reportManager .stepContainer .infoColumn .recipientFileCounts {
  padding-top: 4px;
}
.reportManager .stepContainer .infoColumn .missingContactWarning {
  width: 100%;
}
.reportManager .stepContainer .infoColumn .missingContactWarning .missingContactWarningTitle {
  padding-bottom: 4px;
}
.reportManager .stepContainer .infoColumn .marginInlineStartMinus20 {
  -webkit-margin-start: -20px;
          margin-inline-start: -20px;
}
.reportManager .stepContainer .infoColumn .optionalText {
  color: #595959;
}
.reportManager .stepContainer .withScrollBar {
  height: 85vh !important;
  overflow-y: scroll;
}
.reportManager .stepContainer .stepHeaderWrapper {
  padding-bottom: 16px;
  gap: 4px;
}
.reportManager .stepContainer .stepHeaderWrapper .stepHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  margin: 0;
}
.reportManager .stepContainer .stepHeaderWrapper .stepHeader .requiredStepHeader {
  color: #c71b16;
}
.reportManager .stepContainer .stepHeaderWrapper .stepHeader .optionalStepHeader {
  color: #595959;
}
.reportManager .stepContainer .errorContainer {
  border: 2px solid #c71b16;
  border-radius: 4px;
}
.reportManager .stepContainer.hidden {
  display: none;
}
.reportManager .flexColumn {
  display: flex;
  flex-direction: column;
}
.reportManager .flexColumn.smallGap {
  gap: 4px;
}
.reportManager .actionContainer {
  width: calc(100% - 65px);
  height: 64px;
  padding: 12px 24px 12px 0px;
  justify-content: space-between;
  align-items: stretch;
  bottom: 100%;
  position: fixed;
  left: 65px;
  top: 0;
}
.reportManager .actionContainer .alignLeft {
  align-items: center;
}
.reportManager .actionContainer .alignLeft .reportStepper {
  margin: 0 24px;
  flex: 1;
}
.reportManager .actionContainer .alignLeft .reportStepper .stepperConnector {
  min-width: 24px;
  max-width: 105px;
  width: 20vw;
}
.reportManager .actionContainer .alignRight {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}
.reportManager .actionContainer .alignRight .backButton .arrowLeftIcon {
  margin: 0 8px 0 0;
  width: 12px;
}
.reportManager .actionButtonIcon {
  margin-right: 8px;
  width: 14px;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/BannerAlert.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.bannerAlert {
  height: 48px;
  width: 100%;
  position: fixed;
  z-index: 999;
  display: grid;
  grid-template-columns: 1fr auto auto 1fr;
  justify-items: center;
  align-items: center;
  text-align: center;
  color: white;
  font-size: 12pt;
  font-weight: 500;
  line-height: 3;
  background-color: #d50000;
}
.bannerAlert.hidden {
  display: none;
}
.bannerAlert .errorIcon {
  grid-column-start: 2;
  margin-right: 12px;
}
.bannerAlert .closeIconButton {
  margin-left: auto;
  font-size: inherit;
  color: inherit;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/FormGridTile.scss ***!
  \************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.formInfoButtonContents {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.formInfoButtonContents .formInfo .formTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  margin-top: 0px;
  margin-bottom: 0px;
  overflow-wrap: anywhere;
}
.formInfoButtonContents .formInfo .formIDLabel {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #595959;
}
.formInfoButtonContents .formInfo .formIDLabel .formIDValue {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-left: 2px;
}
.formInfoButtonContents .tooltip.discreteDataTooltip {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  max-width: none;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/Selector.scss ***!
  \********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.FormBuilderSelector {
  width: 100%;
  padding-top: 8px;
}
.FormBuilderSelector .formBuilderSearchBar {
  width: 534px;
  margin-top: 16px;
}
.FormBuilderSelector .ehrFormInfoBanner {
  width: 100%;
  min-height: 116px;
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 16px 24px;
  gap: 8px;
}
.FormBuilderSelector .ehrFormInfoBanner p, .FormBuilderSelector .ehrFormInfoBanner h3 {
  margin: 0;
}
.FormBuilderSelector .ehrFormInfoBanner .ehrFormInfoTitle {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.FormBuilderSelector .ehrFormInfoBanner .ehrFormInfoBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.FormBuilderSelector .ehrFormInfoBanner .ehrFormInfoLink {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #2c4e69;
  text-decoration: none;
}
.FormBuilderSelector .ehrFormInfoBanner .ehrFormInfoLink .ehrFormInfoLinkIcon {
  margin: -2px 8px;
}
.FormBuilderSelector .alignCenter {
  align-items: center;
}
.FormBuilderSelector .justifySpaceBetween {
  justify-content: space-between;
}
.FormBuilderSelector .formSelectorHeader {
  font-size: 16pt;
  font-weight: 700;
}
.FormBuilderSelector .formBuilderSelectorTile {
  display: flex;
  width: 100%;
  height: 88px;
  border: 1px solid #dedede;
  border-radius: 8px;
  text-transform: none;
}
.FormBuilderSelector .formBuilderSelectorTile .formBuilderSelectorFormLink {
  height: 100%;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  justify-content: flex-start;
}
.FormBuilderSelector .formBuilderSelectorTile .formBuilderSelectorFormLink .lineClamp2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.FormBuilderSelector .formBuilderSelectorTile .formBuilderSelectorFormLink .discreteDataTooltipWrapper {
  display: flex;
  align-items: center;
}
.FormBuilderSelector .formBuilderSelectorTile .formBuilderSelectorFormLink .formTileIcon {
  background-color: #f8f8f8;
  height: 32px;
  width: 32px;
  padding: 8px;
  margin-right: 16px;
  border-radius: 4px;
  color: #000209;
}
.FormBuilderSelector .formBuilderSelectorTile .formBuilderSelectorFormLink .formTileIcon .formTileDiscreteDataIcon {
  width: 18px;
  margin-top: -1px;
  margin-left: -1px;
}
.FormBuilderSelector .formBuilderSelectorTile .formBuilderSelectorTileActionButton {
  height: 100%;
  margin: auto;
}
.FormBuilderSelector .divisionHeading {
  margin-top: 16px;
}
.FormBuilderSelector .divisionHeading > .divisionName {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  margin: 16px 0;
}
.FormBuilderSelector .divisionHeading > .createFormButton {
  margin: 8px;
}
.FormBuilderSelector .divisionHeading > .createFormButton .createFormButtonIcon {
  width: 14px;
  height: 16px;
  margin-right: 8px;
}
.FormBuilderSelector .formsLoadingIndicator {
  padding-top: 50px;
  padding-bottom: 50px;
}

.menuItemsWrapper .loadingSpinnerWrapper {
  width: 100%;
  text-align: center;
}
.menuItemsWrapper .menuItemDelete {
  display: flex;
  justify-content: center;
  color: #c71b16;
}
.menuItemsWrapper .menuItemDelete .menuItemDeleteIcon {
  margin-right: 8px;
  width: 14px;
  fill: #c71b16;
}

.ConfirmModal.confirmFormModal {
  width: 420px;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/SearchBar.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.searchBarWrapper {
  width: 380px;
}
.searchBarWrapper .libraryTextInputRoot.libraryTextInputRoot:focus-within.searchBarTextField {
  margin-top: 4px;
  margin-left: 0px;
  border-width: 1px;
}
.searchBarWrapper .searchBarTextField .startAdornment {
  margin-right: 6px;
}
.searchBarWrapper .searchBarTextField .searchIcon {
  width: 20px;
  height: 20px;
  fill: #595959;
}
.searchBarWrapper .searchBarTextField .clearButton {
  padding-top: 5px;
  margin-right: -6px;
  background: none;
  color: #595959;
  border: none;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.searchBarWrapper .searchBarTextField .clearButton:focus {
  outline: solid 1px #595959;
}
.searchBarWrapper .searchBarTextField .clearButton .clearIcon {
  width: 18px;
  height: 18px;
  fill: #595959;
  background: none;
}
.searchBarWrapper .searchBarTextField .loadingSearch {
  padding: 5px 0 0 0;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/PopupMenu.scss ***!
  \********************************************************************************************************************************************************************************************************/
.popupContainer {
  position: relative;
}
.popupContainer .popupButton {
  max-width: 100%;
}
.popupContainer .popupButton.variantSelect {
  position: relative;
  padding: 0;
  padding-right: 16px;
  margin: 0 8px;
  font-size: inherit;
  font-weight: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popupContainer .popupButton.variantSelect .popupButtonText {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
}
.popupContainer .popupButton .popupButtonIcon.variantSelect {
  position: absolute;
  left: calc(100% - 18px);
}
.popupContainer .popupButton .popupButtonIcon.variantDefault {
  margin-left: 12px;
}
.popupContainer .popupMenu.anchor {
  position: absolute;
  left: 0;
  top: 100%;
  height: calc(100% + 32px);
}

.outside__popupMenu.outside__popupMenu ul {
  max-width: 320px;
  max-height: 800px;
  overflow: auto;
}
.outside__popupMenu.outside__popupMenu ul > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/DivisionSelector.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.selectDivision {
  max-width: 240px;
}

.selectDivisionButton {
  font-size: 18pt;
  color: #2C4E69;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/basicelements/DragHandle.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.DragHandle.center {
  justify-content: center;
  align-items: center;
}
.DragHandle .icon {
  font-size: 30;
  width: 16px;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/CustomFieldItem.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.customFieldItem {
  width: 100%;
  height: 48px;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  align-items: center;
}
.customFieldItem .frontGroup {
  align-items: center;
}
.customFieldItem .frontGroup .dragSpacer {
  width: 40px;
  height: 24px;
}
.customFieldItem .frontGroup .editFieldName {
  z-index: 1;
}
.customFieldItem .frontGroup .fieldTypePopupButton {
  justify-content: left;
  margin-left: 0;
  min-width: 0;
}
.customFieldItem .frontGroup .characterCounter {
  padding-left: 5px;
  font-size: 10pt;
  align-self: center;
}
.customFieldItem .frontGroup .characterCounterValidInput {
  color: #2C4E69;
}
.customFieldItem .frontGroup .characterCounterError {
  color: #d50000;
}
.customFieldItem .optionButtons .activeOpacity {
  opacity: 0.38;
}
.customFieldItem .optionButtons .lockedIcon {
  font-size: 8pt;
}
.customFieldItem .optionButtons .lockedIcon:before {
  color: white;
  position: relative;
  top: 4px;
}
.customFieldItem .optionButtons .fieldIcon {
  font-size: 11pt;
}
.customFieldItem .optionButtons .fieldIcon.hidden {
  opacity: 0;
}
.customFieldItem .fieldIcon {
  margin-right: 8px;
  color: #727272;
}
.customFieldItem .validGreen {
  color: #20aa20;
}
.customFieldItem .alertRed {
  color: #b50000;
}
.customFieldItem .colorDisabled {
  color: #727272;
}
.customFieldItem .colorWhite {
  color: white;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/CustomRosterFields.scss ***!
  \********************************************************************************************************************************************************************************************************************/
.headerRow {
  align-items: center;
  justify-content: space-between;
}
.headerRow .buttonRow > * {
  margin-left: 18px;
}
.headerRow .buttonRow .headerButton {
  height: 36px;
  font-weight: 500;
  font-size: 11pt;
}
.headerRow .buttonRow .headerButton .buttonIcon {
  margin-right: 8px;
}
.headerRow .buttonRow .headerButton.previewButton {
  border: 1px solid #d6d6d6;
}

h2.configurationsBodyHeader {
  margin-top: 0px;
}

.pageTitle {
  align-items: center;
}

.customRosterFields {
  width: 100%;
  height: 100%;
}
.customRosterFields .optionsRow {
  align-items: center;
  margin-bottom: 24px;
  width: 100%;
}
.customRosterFields .optionsRow .hideInactiveControl {
  position: relative;
  width: 200px;
  margin-left: 24px;
}
.customRosterFields .optionsRow .hideInactiveControl .hideInactive {
  margin: -5px 0;
}
.customRosterFields .optionsRow .hideInactiveControl .hideInactiveLabel {
  position: absolute;
  left: 48px;
  top: 50%;
  transform: translateY(-50%);
}
.customRosterFields .optionsRow .menuContainer {
  position: relative;
  overflow: visible;
}
.customRosterFields .optionsRow .menuContainer .buttonIcon {
  margin-left: 12px;
}
.customRosterFields .optionsRow .menuContainer .createFieldMenu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
.customRosterFields .itemList .listDragContainer {
  padding: 0;
}
.customRosterFields .itemList .listItemDragContainer, .customRosterFields .itemList > .customFieldItem {
  padding: 0;
  border-bottom: 1px solid #dedede;
}
.customRosterFields .itemList .listItemDragContainer .noFieldsText, .customRosterFields .itemList > .customFieldItem .noFieldsText {
  font-size: 11pt;
  font-style: italic;
  color: #727272;
  width: 60%;
  align-self: center;
  text-align: center;
  margin: 60px auto;
}

.outside__popupMenu.outside__popupMenu .optionIcon {
  margin-right: 12px;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/Configuration.scss ***!
  \***************************************************************************************************************************************************************************************************************/

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/Payments.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.paymentsContent .paymentsOrgBlock {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.paymentsContent .paymentsOrgBlock .paymentsOrgBlockContent {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  min-height: 50px;
}
.paymentsContent .paymentsOrgBlock .paymentsOrgBlockContent.disconnect {
  min-height: 100px;
}
.paymentsContent .paymentsOrgBlock .paymentsOrgBlockContent h4 {
  margin: 0;
}
.paymentsContent .paymentsOrgBlock .paymentsOrgBlockContent .externalLinkIcon {
  margin-left: 4px;
}
.paymentsContent .paymentsOrgBlock .svgIcon {
  margin-right: 15px;
}
.paymentsContent .paymentsOrgBlock .svgIcon.cornerIcon {
  position: relative;
  margin: 0;
  right: 30px;
  top: 15px;
}
.paymentsContent .paymentsOrgBlock .svgIcon.cornerIcon.unlink {
  fill: #595959;
}
.paymentsContent .paymentsOrgBlock .svgIcon.cornerIcon.checkmark {
  fill: #2c4e69;
}
.paymentsContent .paymentsOrgBlock .svgIcon.buttonIcon.unlink {
  fill: #ffffff;
}
.paymentsContent .loadingIndicator {
  display: flex;
  padding: 0px;
  margin: 50px;
}
.paymentsContent .paymentsStripeButton {
  height: 32px;
  min-width: 200px;
  max-width: 300px;
}
.paymentsContent .paymentsStripeButton.disconnect {
  background-color: #e42721;
}
.paymentsContent .paymentsDivider {
  margin-top: 30px;
  border-top: 1px solid #dedede;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/ObjectSelector.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.objectSelector .controlsRow {
  width: 100%;
  justify-content: space-between;
  padding: 16px 0;
}
.objectSelector .controlsRow .alignleft {
  gap: 8px;
}
.objectSelector .controlsRow .alignleft .selectAll,
.objectSelector .controlsRow .alignleft .deselectAll {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.objectSelector .objectSelectorBody {
  gap: 16px;
}
.objectSelector .chipListContainer {
  padding: 0 24px 0 16px;
}
.objectSelector .nonEditable {
  display: none;
}

.chipListContainer.chipListContainer {
  height: 100%;
  width: 100%;
  padding: 0;
}
.chipListContainer.chipListContainer .chipListLabel {
  color: #595959;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.chipListContainer.chipListContainer .objectSelectorChipList {
  gap: 8px;
  margin: 0;
  padding: 0;
  align-items: flex-start;
  overflow: auto;
}
.chipListContainer.chipListContainer .objectSelectorChipList .selectedChipItem {
  max-width: 100%;
  flex-shrink: 0;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/ServiceManager.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.serviceManager {
  position: absolute;
  padding: 16px 24px;
  inset: 65px 0 0 0;
  overflow: auto;
}
.serviceManager .stepContainer {
  display: flex;
}
.serviceManager .stepContainer .externalLinkIcon {
  width: 16px;
  margin-right: 4px;
  color: #2c4e69;
}
.serviceManager .stepContainer .externalLinkIcon > path {
  fill: primary;
}
.serviceManager .stepContainer .infoColumn {
  display: flex;
  flex-direction: column;
  max-width: 342px;
  margin-left: 24px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  gap: 24px;
}
.serviceManager .stepContainer .infoColumn .helperHeading {
  display: flex;
  align-items: center;
}
.serviceManager .stepContainer .infoColumn .helperHeading i {
  margin-right: 8px;
}
.serviceManager .stepContainer .infoColumn .helperHeading.alert {
  color: #c71b16;
}
.serviceManager .stepContainer .infoColumn .infoSectionBanner {
  width: auto;
  background-color: #f2f4f6;
}
.serviceManager .stepContainer .infoColumnMatching {
  display: flex;
  flex-direction: column;
  min-width: 342px;
  max-width: 342px;
  margin-left: 24px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.serviceManager .stepContainer .infoColumnMatching .scrollable {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 100px);
  margin-right: -20px;
}
.serviceManager .stepContainer .infoColumnMatching .scrollable .infoColumnHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #595959;
}
.serviceManager .stepContainer .infoColumnMatching .scrollable .infoColumnBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin-top: 8px;
}
.serviceManager .stepContainer .infoColumnMatching .scrollable .infoColumnSubHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #595959;
  margin: 8px 0;
}
.serviceManager .stepContainer.hidden {
  display: none;
}
.serviceManager .stepContainer .stepHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}
.serviceManager .stepContainer .stepHeader .requiredStepHeader {
  color: #c71b16;
}
.serviceManager .stepContainer .stepHeader .optionalStepHeader {
  color: #595959;
}
.serviceManager .stepContainer .stepBody {
  margin-top: 8px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.serviceManager .stepContainer.hidden {
  display: none;
}
.serviceManager .stepContainer .stepHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}
.serviceManager .stepContainer .stepHeader .requiredStepHeader {
  color: #c71b16;
}
.serviceManager .stepContainer .stepHeader .dividerLine {
  display: flex;
  border-bottom: 1px solid #dedede;
}
.serviceManager .stepContainer .stepBody {
  margin-top: 8px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.serviceManager .stepContainer .flexColumn {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  flex-grow: 1;
}
.serviceManager .stepContainer .flexColumn .formWrapper {
  max-width: 600px;
}
.serviceManager .stepContainer .flexColumn .formWrapper .label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.serviceManager .stepContainer .flexColumn .formWrapper .checkBoxLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.serviceManager .stepContainer .flexColumn .formWrapper .radioLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.serviceManager .stepContainer .flexColumn .formWrapper .radioLabel.checked {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.serviceManager .stepContainer .flexColumn .formWrapper .textFieldContainer .MuiInputBase-root {
  padding: 12px;
}
.serviceManager .stepContainer .flexColumn .formWrapper .textFieldContainer .MuiInputBase-input {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.serviceManager .stepContainer .flexColumn .formWrapper .largeInputField {
  min-width: 560px;
}
.serviceManager .stepContainer .flexColumn .formWrapper .autocompleteInputField {
  max-width: 560px;
}
.serviceManager .stepContainer .flexColumn .formWrapper .smallInputField {
  max-width: 60px;
}
.serviceManager .stepContainer .flexColumn .formWrapper .inputWithTimescale {
  display: flex;
  align-items: flex-end;
}
.serviceManager .stepContainer .flexColumn .formWrapper .inputWithTimescale .timescaleSelect {
  height: 32px;
  width: 170px;
  margin-left: 8px;
  font-size: 14px;
}
.serviceManager .stepContainer .flexColumn .formWrapper .editDivisionButton {
  margin-top: 8px;
}
.serviceManager .stepContainer .flexColumn .formWrapper .serviceTypeOptions {
  display: flex;
  gap: 8px;
  margin-bottom: 50px;
}
.serviceManager .stepContainer .flexColumn .formWrapper .serviceTypeOption {
  top: 11px;
  position: relative;
  font-size: 14px;
}
.serviceManager .stepContainer .flexColumn .formWrapper .serviceTypeOptionSelected {
  font-weight: 600;
}
.serviceManager .stepContainer .flexColumn .formWrapper .appointmentType {
  height: 36px;
}
.serviceManager .stepContainer .flexColumn .formWrapper .yesNoLabel {
  height: 24px;
}
.serviceManager .stepContainer .flexColumn .formWrapper .radioGroup label {
  height: 24px;
  margin-top: 16px;
}
.serviceManager .stepContainer .flexColumn .formWrapper .errorMessage {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c71b16;
}
.serviceManager .stepContainer .labelWrapper {
  margin-top: 32px;
  margin-bottom: 8px;
}
.serviceManager .stepContainer .labelWrapper .label {
  display: flex;
  align-items: center;
}
.serviceManager .stepContainer .labelWrapper .label .lockIcon {
  height: 12px;
  fill: #595959;
  margin-left: 8px;
}
.serviceManager .stepContainer.hidden {
  display: none;
}
.serviceManager .stepContainer .required {
  color: #c71b16;
}
.serviceManager .stepContainer .stepTitleContainer {
  gap: 8px;
}
.serviceManager .stepContainer .stepTitleContainer .stepTitle {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}
.serviceManager .stepContainer.objectSelectorContainer {
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper {
  flex-grow: 3;
  color: #000209;
  flex-basis: min-content;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper .objectSelectorSearchBar {
  width: 356px;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper .statusBanner {
  width: 100%;
  margin-top: 16px;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.usersPaper {
  min-width: 880px;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.usersPaper.paperError {
  border: 1px solid #c71b16;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.usersPaper .usersErrorMessage {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #c71b16;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.usersPaper .selectedUserEmailPill {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.usersPaper.errorState {
  border: 2px solid #c71b16;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.usersPaper .requiredTag {
  color: #c71b16;
  margin-left: 4px;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.usersPaper .divisionsInfoIcon {
  width: 24px;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.usersPaper .divisionsErrorText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #c71b16;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.usersPaper .rosterHeader {
  gap: 4px;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.usersPaper .rosterHeader .rosterInfoIcon {
  width: 20px;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper {
  min-width: 939px;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .optionalTag {
  color: #595959;
  margin-left: 4px;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow .popoverTextCell {
  width: 100%;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow .popoverTextCell .popoverText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow .serviceNameCell {
  gap: 4px;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow .serviceNameCell .serviceNameChips {
  gap: 4px;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow .formsCellWrapper {
  position: relative;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow .formsCellWrapper .formsCell {
  gap: 12px;
  align-items: center;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow .formsCellWrapper .formsCell .toggleFormsList {
  width: 20px;
  height: 20px;
  background-color: #f2f4f6 !important;
  border-radius: 16px;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow .appointmentTypeIcon {
  width: 20px;
  height: 20px;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow .appointmentTypeIcon > path {
  fill: #000209;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow .feeCell {
  align-items: center;
  gap: 10px;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow .feeCell .subscriptionTooltip {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 4px;
  background-color: #f2f4f6;
  border-radius: 16px;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow .feeCell .subscriptionTooltip .subscriptionIcon {
  width: 12px;
  height: 12px;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow.selected .serviceNameText,
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow.selected .divisionNameText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow:hover .serviceNameChip, .serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow.selected .serviceNameChip {
  border: 1px solid #dedede;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow:hover .toggleFormsList, .serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow.selected .toggleFormsList {
  border: 1px solid #dedede;
}
.serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow:hover .subscriptionTooltip, .serviceManager .stepContainer.objectSelectorContainer .objectSelectorPaper.formsPaper .styledMuiDataGridRow.selected .subscriptionTooltip {
  border: 1px solid #dedede;
  padding: 3px;
}
.serviceManager .stepContainer.objectSelectorContainer .selectedRowsChipList {
  min-width: 300px;
  flex-basis: 300px;
  flex-grow: 1;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.serviceManager .stepContainer.objectSelectorContainer .selectedRowsChipList .objectSelectorChipList {
  max-height: calc(100vh - 137px);
}
.serviceManager .stepContainer.objectSelectorContainer .selectedRowsChipList .selectedUserPill {
  gap: 4px;
}
.serviceManager .stepContainer.objectSelectorContainer .selectedRowsChipList .selectedUserPill .selectedUserPillEmail {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.serviceManager .stepContainer .matchingEmptyState {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 90vh;
  max-height: 768px;
  width: 100%;
}
.serviceManager .stepContainer .matchingEmptyState .centered {
  gap: 8px;
  text-align: center;
  max-width: 600px;
}
.serviceManager .stepContainer .matchingEmptyState .centered .matchingEmptyStateHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.serviceManager .stepContainer .matchingEmptyState .centered .matchingEmptyStateBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
}
.serviceManager .stepContainer .matchingEmptyState .enableBookingButton {
  margin-top: 20px;
  color: #2c4e69;
}
.serviceManager .stepContainer .matchingEmptyState .enableBookingButton i {
  margin-right: 4px;
}
.serviceManager .stepContainer .matchingEmptyState .enableBookingButton .goToSupport {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.serviceManager .stepContainer.confirmationContainer {
  max-width: 100%;
  color: #000209;
}
.serviceManager .stepContainer.confirmationContainer .confirmationPaper {
  min-width: 610px;
  width: 100%;
}
.serviceManager .stepContainer.confirmationContainer .confirmationPaper .confirmationDescriptionList {
  margin-bottom: 0;
  margin-top: -8px;
  gap: 24px;
}
.serviceManager .stepContainer.confirmationContainer .confirmationPaper .confirmationDescriptionList.formNameContainer {
  gap: 8px;
}
.serviceManager .stepContainer.confirmationContainer .confirmationPaper .confirmationDescriptionList.formNameContainer .formNameList {
  gap: 8px;
}
.serviceManager .stepContainer.confirmationContainer .confirmationPaper .confirmationDescriptionList .dataTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  padding: 8px 0;
  border-bottom: 1px solid #dedede;
  gap: 8px;
  margin-top: 32px;
  margin-bottom: 8px;
}
.serviceManager .stepContainer.confirmationContainer .confirmationPaper .confirmationDescriptionList .dataTitle .dataTitleIcon {
  width: 24px;
}
.serviceManager .stepContainer.confirmationContainer .confirmationPaper .confirmationDescriptionList .dataTitle .dataTitleIcon.userIcon {
  padding: 4px;
}
.serviceManager .stepContainer.confirmationContainer .confirmationPaper .confirmationDescriptionList .dataTitle .dataTitleIcon.roleIcon, .serviceManager .stepContainer.confirmationContainer .confirmationPaper .confirmationDescriptionList .dataTitle .dataTitleIcon.divisionsIcon, .serviceManager .stepContainer.confirmationContainer .confirmationPaper .confirmationDescriptionList .dataTitle .dataTitleIcon.servicesIcon {
  padding: 2px;
}
.serviceManager .stepContainer.confirmationContainer .confirmationPaper .confirmationDescriptionList .dataDetail {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
  margin-left: 0;
}
.serviceManager .stepContainer.confirmationContainer .confirmationPaper .confirmationDescriptionList .dataDetail .changedText {
  text-decoration: line-through;
}
.serviceManager .stepContainer .selectedUsersPillSection {
  width: 352px;
  padding: 0 24px;
}
.serviceManager .stepContainer .selectedUsersPillSection .selectedUsersPillHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #595959;
  margin: 0;
}
.serviceManager .stepContainer .selectedUsersPillSection .selectedUsersPillContainer {
  list-style-type: none;
  padding: 0;
  gap: 8px;
  margin-top: 16px;
}
.serviceManager .stepContainer .selectedUsersPillSection .selectedUsersPillContainer .selectedUserPillLabel .selectedUserPill {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 320px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .serviceManager .stepContainer.confirmationContainer {
    flex-direction: column;
  }
  .serviceManager .stepContainer .selectedUsersPillSection {
    padding: 24px 0;
  }
  .serviceManager .stepContainer .selectedUsersPillSection .selectedUsersPillContainer .selectedUserPillListItem .selectedUserPillLabel .selectedUserPill {
    max-width: none;
    width: 100%;
  }
}
.serviceManager .stepContainer .editSubheader {
  align-items: center;
  margin-top: 16px;
}
.serviceManager .stepContainer .editSubheader .editButton {
  padding-left: 12px;
  margin-right: 8px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.serviceManager .stepContainer .editSubheader .editButton .buttonIcon {
  margin: 0 8px 0 0;
  width: 12px;
  flex-shrink: 0;
}
.serviceManager .stepContainer .editSubheader .editNote {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
}
.serviceManager .stepContainer .bookingPageContainer {
  margin-bottom: 8px;
}
.serviceManager .stepContainer .matchingPageSectionHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  align-items: flex-end;
  background-color: #f2f4f6;
  margin-top: 8px;
  margin-bottom: 16px;
  padding: 8px 16px;
  border-radius: 6px;
}
.serviceManager .stepContainer .matchingPageSectionHeader svg {
  height: 20px;
  width: 20px;
}
.serviceManager .stepContainer .matchingQuestionsConfirmationPageHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  align-items: flex-end;
  background-color: rgba(255, 255, 255, 0.5);
  color: #595959;
  margin-bottom: 8px;
  padding: 8px 0px;
  border-radius: 6px;
}
.serviceManager .stepContainer .matchingQuestionsConfirmationPageHeader svg {
  height: 20px;
  width: 20px;
}
.serviceManager .stepContainer .bookingPageContainerCollapsed {
  display: flex;
  align-items: center;
}
.serviceManager .stepContainer .bookingPageContainerCollapsed .bookingPageName {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.serviceManager .stepContainer .bookingPageContainerCollapsed .bookingPageActions {
  display: flex;
  align-items: center;
}
.serviceManager .stepContainer .bookingPageContainerCollapsed .bookingPageActions .viewBookingPageButton {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  text-decoration: none;
}
.serviceManager .stepContainer .noQuestions {
  background-color: #f2f4f6;
}
.serviceManager .stepContainer .noQuestions .bookingPageName {
  color: #aaaaaa;
}
.serviceManager .stepContainer .noQuestionsText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  padding-top: 8px;
}
.serviceManager .stepContainer .bookingAvailableQuestionsText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #595959;
  font-size: 14px;
}
.serviceManager .stepContainer .statusBanner {
  width: 100%;
  margin: 20px 0;
}
.serviceManager .stepContainer .statusBanner .statusBannerText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.serviceManager .stepContainer .bookingQuestionContainer {
  margin-top: 20px;
}
.serviceManager .stepContainer .bookingQuestionContainer .bookingQuestionText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.serviceManager .stepContainer .bookingQuestionContainer .bookingAnswerText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 5px;
}
.serviceManager .stepContainer .bookingQuestionContainer .selectedAnswer {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  font-weight: 600;
  color: #000209;
}
.serviceManager .stepContainer .bookingQuestionContainer .nonSelectedAnswer {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.serviceManager .stepContainer .bookingQuestionContainer .bookingQuestionAnswerCheckbox {
  padding-left: 10px;
}
.serviceManager .stepContainer .bookingQuestionContainer .bookingQuestionAnswerCheckbox > label:first-child > span:first-child {
  padding: 5px;
}
.serviceManager .stepContainer .bookingQuestionContainer .bookingQuestionAvailableAnswers {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin: 10px 0;
}
.serviceManager .stepContainer .bookingQuestionContainer .bookingQuestionOtherBookingPagesText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #595959;
  margin: 20px 0;
}
.serviceManager .stepContainer .bookingQuestionContainer .id {
  color: #595959;
}
.serviceManager .stepContainer .bookingQuestionContainer .bookingPageChip {
  margin-right: 10px;
}
.serviceManager .stepContainer .bookingQuestionContainer .readOnlyColorPrimary {
  color: #595959;
}
.serviceManager .stepContainer .bookingPageName {
  flex: 8;
}
.serviceManager .stepContainer .bookingPageActions {
  flex: 4;
  justify-content: flex-end;
}
.serviceManager .stepContainer .bookingPageActions .viewBookingPageButton {
  margin-right: 24px;
}
.serviceManager .stepContainer .bookingPageActions .actionsButton {
  width: 40px;
  height: 32px;
}
.serviceManager .stepContainer .learnMoreButton {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  text-decoration: none;
  margin-top: 16px;
}
.serviceManager .dividerLine {
  display: flex;
  border-bottom: 1px solid #dedede;
}
.serviceManager .actionContainer {
  width: calc(100% - 65px);
  height: 64px;
  padding: 12px 24px 12px 0px;
  justify-content: space-between;
  align-items: stretch;
  bottom: 100%;
  position: fixed;
  left: 65px;
  top: 0;
}
.serviceManager .actionContainer .alignLeft {
  align-items: center;
}
.serviceManager .actionContainer .alignLeft .serviceStepper {
  margin: 0 24px;
  flex: 1;
}
.serviceManager .actionContainer .alignLeft .serviceStepper .stepperConnector {
  min-width: 24px;
  max-width: 105px;
  width: 4vw;
}
.serviceManager .actionContainer .alignRight {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}
.serviceManager .actionContainer .alignRight .backButton .arrowLeftIcon {
  margin: 0 8px 0 0;
  width: 12px;
}
.serviceManager .actionContainer .alignRight .envelopeIcon {
  stroke: none;
  margin-right: 8px;
}
.serviceManager .actionContainer .alignRight .loadingIcon {
  padding: 8px 10px 0 0;
}
.serviceManager .formNameContainer {
  width: 100%;
}
.serviceManager .formNameContainer .title {
  line-height: 24px;
}
.serviceManager .multiLineCell {
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 24px;
}

.editDivisionModal {
  max-width: 420px;
}
.editDivisionModal .editDivisionNote {
  padding: 8px 0 24px 0;
}
.editDivisionModal .editDivisionModalContent {
  padding-bottom: 4px;
}
.editDivisionModal .editDivisionModalActions {
  flex-direction: column;
}
.editDivisionModal .editDivisionModalActions .editDivisionConfirmButton {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  text-transform: none;
  margin-bottom: 16px;
}
.editDivisionModal .editDivisionModalActions .editDivisionCancelButton {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  text-transform: none;
}

.removedItemsModal {
  min-width: 420px;
}
.removedItemsModal .removedItemsModalTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 24px 0 24px;
}
.removedItemsModal .removedItemsModalTitle .removedItemsModalTitleText {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
.removedItemsModal .removedItemsModalTitle .removedItemsModalTitleCloseButton {
  font-size: 1rem;
  color: #2c4e69;
  width: 36px;
  height: 36px;
  padding: 12px;
}
.removedItemsModal .removedItemsModalContent {
  display: grid;
  gap: 8px;
  padding-bottom: 32px;
}
.removedItemsModal .removedItemsModalContent .selectedUserPill {
  padding: 4px 8px;
  border-radius: 100px;
  gap: 4px;
  background: #FFC4C2;
  overflow: hidden;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.removedItemsModal .removedItemsModalContent .selectedUserPill span {
  font-size: 14px;
  font-weight: 600;
}
.removedItemsModal .removedItemsModalContent .selectedUserPill .selectedUserPillEmail {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.removedItemsModal .removedItemsModalContent .selectedFormPill {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 100px;
  gap: 4px;
  background: #FFC4C2;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.incompleteMatchingModal {
  max-width: 420px;
}
.incompleteMatchingModal .incompleteMatchingBody {
  margin: 20px 0;
}
.incompleteMatchingModal .incompleteMatchingConfirmButton {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  text-transform: none;
  margin-bottom: 16px;
}

.formsMenuPaper.formsMenuPaper {
  padding: 16px 24px;
  border: 1px solid #dedede;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  margin-top: 6px;
}
.formsMenuPaper.formsMenuPaper .formsMenuList {
  padding: 0;
  gap: 8px;
}
.formsMenuPaper.formsMenuPaper .formsMenuList .formsMenuItem {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  padding: 0;
  pointer-events: none;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.subscriptionTooltipText.subscriptionTooltipText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
  margin-top: 6px;
}

.inviteUserEditorConfirmModal {
  width: 420px;
}
.inviteUserEditorConfirmModal .ConfirmModalBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.inviteUserEditorConfirmModal .inviteUserEditorButtonText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/CircularStepsProgress.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.circularStepsProgress {
  width: 100px;
}
.circularStepsProgress .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 10px;
}
.circularStepsProgress .wrapper .stepsLabel {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: currentColor;
  font-size: 12px;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/Step.scss ***!
  \******************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.step {
  background-color: white;
  border-radius: 10px;
  margin: 0 8px 8px 0;
  min-width: 342px;
}
.step .circularStep {
  display: flex;
  align-items: center;
}
.step .circularStep .circularStepsProgress {
  flex: 0 0 10%;
}
.step .circularStep .stepLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  flex: 0 0 90%;
}
.step .circularStep .stepLabel .stepText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.step .stepInfo {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  padding: 15px;
  padding-top: 0;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/ServiceModal.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.serviceModal .serviceModalPaper {
  background-color: #fafbfc;
  overflow: hidden;
  transform: translate(0, 0);
}

.confirmModal .ConfirmModalBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/ServiceManagement.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.confirmDeletionModal .deleteButton {
  background-color: #c71b16 !important;
}
.confirmDeletionModal .deleteButton:hover {
  background-color: #381110 !important;
}
.confirmDeletionModal .ConfirmModalBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.exportCSV {
  position: relative;
  height: 0;
  width: 100%;
}
.exportCSV .exportCSVButton {
  position: absolute;
  top: -30px;
  right: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.exportCSV .loadingSpinner {
  padding: 0;
  margin-left: 4px;
  margin-bottom: -3px;
}

.tabContainer .TabBarContainer {
  margin: 16px 0;
}
.tabContainer .tableActionsContainer {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 16px;
}
.tabContainer .tableActionsContainer .divisionSelectContainer {
  width: 384px;
}
.tabContainer .tableActionsContainer .divisionSelectContainer .divisionSelectTextInput {
  width: 384px;
}
.tabContainer .tableActionsContainer .tableActionsSubContainer {
  gap: 16px;
}
.tabContainer .tableActionsContainer .tableActionsSubContainer .servicesTableSearchField {
  width: 348px;
}
.tabContainer .tableActionsContainer .tableActionsSubContainer .newServiceButton {
  align-items: center;
  white-space: nowrap;
}
.tabContainer .tableActionsContainer .tableActionsSubContainer .newServiceButton .plusIcon {
  width: 10px;
  margin-right: 8px;
}
.tabContainer .servicesDataGrid {
  min-height: 176px;
  z-index: 1;
}
.tabContainer .servicesDataGrid.emptyTableRootClass .MuiDataGrid-main {
  max-height: 120px;
}
.tabContainer .servicesDataGrid .multiLineCell {
  line-height: 24px;
}
.tabContainer .servicesDataGrid .multiLineCell p {
  margin: 0;
}
.tabContainer .servicesDataGrid .bookingPagesCell {
  gap: 12px;
  align-items: center;
}
.tabContainer .servicesDataGrid .bookingPagesCell .toggleBookingPagesList {
  width: 20px;
  height: 20px;
  background-color: #f2f4f6 !important;
  border-radius: 16px;
}
.tabContainer .servicesDataGrid .noServicesOverlay {
  width: 100%;
  height: 52px;
  border-radius: 8px;
  background-color: #f2f4f6;
  align-items: center;
  padding-left: 20px;
  z-index: 999;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  z-index: 2;
}
.tabContainer .servicesDataGrid .noServicesOverlay button {
  background: none !important;
  border: none;
  padding: 0 !important;
  color: #2c4e69;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  align-items: center;
  margin-left: 4px;
}
.tabContainer .servicesDataGrid .noServicesOverlay button .plusIcon {
  width: 10px;
  margin-left: 4px;
  fill: #2c4e69;
}

.bookingPagesMenuPaper {
  padding: 16px 24px;
  border: 1px solid #dedede;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  margin-top: 6px;
}
.bookingPagesMenuPaper .bookingPagesMenuList {
  padding: 0;
  gap: 8px;
}
.bookingPagesMenuPaper .bookingPagesMenuList .bookingPageMenuItem {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 0;
  pointer-events: none;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.divisionSelectTextInput {
  width: 300px;
}
.divisionSelectTextInput label {
  color: #595959;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.divisionSelectDropdown {
  margin-top: 24px;
}

.menuItem .menuItemIcon {
  width: 15px;
  margin-right: 10px;
  fill: #2c4e69;
}
.menuItem .menuItemIcon.deleteIcon {
  fill: #c71b16;
}
.menuItem .menuItemText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.menuItem .menuItemText.deleteText {
  color: #c71b16;
}

.serviceActionsMenu.serviceActionsMenu {
  box-shadow: 0 0 6px #dedede;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/InfoChip.scss ***!
  \****************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.MuiChip-root.infoChip {
  color: #595959 !important;
  background-color: #f8f8f8;
  padding: 4px 8px;
}

.MuiChip-icon.infoChipIcon {
  fill: #595959 !important;
  width: 12px;
  margin-left: 0;
  margin-right: 8px;
}

.MuiChip-label.infoChipLabel {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  padding: 0;
}

.MuiChip-outlined.infoChipOutlined {
  border-color: #dedede;
  border-radius: 4px;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/Notifications.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.notifications .notificationsTabBar {
  padding: 16px 0px;
}

.broadcastNotificationsLastUpdatedChipContainer {
  position: relative;
  height: 0;
  width: 100%;
}
.broadcastNotificationsLastUpdatedChipContainer .broadcastNotificationsLastUpdatedChip {
  position: absolute;
  bottom: 0;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/customNotifications/DeleteCustomNotificationModal.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.deleteCustomNotificationModal .deleteBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.deleteCustomNotificationModal .actionButtonsContainer {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  gap: 16px;
}
.deleteCustomNotificationModal .actionButtonsContainer .actionButton {
  width: 100%;
}
.deleteCustomNotificationModal .actionButtonsContainer .loadingIcon {
  padding: 8px 10px 0 0;
}
.deleteCustomNotificationModal .debounceHelperText {
  color: #595959;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  line-height: 24px;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/customNotifications/CustomNotificationsModal.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.customNotificationModal .customNotificationModalPaper {
  background-color: #fafbfc;
  overflow: auto;
}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/customNotifications/CustomNotificationsAdditionalNoteEditor.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.CustomNotificationAdditionalNoteEditor {
  margin: 16px 12px 16px 24px;
}
.CustomNotificationAdditionalNoteEditor .headerSection {
  margin-bottom: 32px;
  gap: 8px;
  display: flex;
  flex-direction: column;
}
.CustomNotificationAdditionalNoteEditor .headerSection .sectionTitle {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}
.CustomNotificationAdditionalNoteEditor .headerSection .sectionTitle .optionalText {
  color: #595959;
}
.CustomNotificationAdditionalNoteEditor .headerSection .sectionSubtitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
}
.CustomNotificationAdditionalNoteEditor .headerSection .noteText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
  color: #595959;
}
.CustomNotificationAdditionalNoteEditor .headerSection .noteText .notePrefix {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.CustomNotificationAdditionalNoteEditor.errorContainer {
  border: 2px solid #c71b16;
}
.CustomNotificationAdditionalNoteEditor .mainSection {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 534px;
}
.CustomNotificationAdditionalNoteEditor .mainSection .additionalEmailNoteSection .additionalNoteSectionTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}
.CustomNotificationAdditionalNoteEditor .mainSection .additionalEmailNoteSection .additionalNoteSectionDescription {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  line-height: 1.66;
  margin: 0 0 8px 0;
}
.CustomNotificationAdditionalNoteEditor .mainSection .additionalEmailNoteSection .additionalNotesToolbar {
  border: none;
  padding: 0;
  margin: 0;
}
.CustomNotificationAdditionalNoteEditor .mainSection .additionalEmailNoteSection .additionalNotesToolbar .rdw-inline-wrapper:first-child .rdw-option-wrapper:first-child {
  margin-left: 0;
}
.CustomNotificationAdditionalNoteEditor .mainSection .additionalEmailNoteSection .additionalNotesToolbar .rdw-option-wrapper,
.CustomNotificationAdditionalNoteEditor .mainSection .additionalEmailNoteSection .additionalNotesToolbar .rdw-dropdown-wrapper {
  border: 1px solid #dedede;
  border-radius: 1px;
}
.CustomNotificationAdditionalNoteEditor .mainSection .additionalEmailNoteSection .additionalNotesToolbar .rdw-option-wrapper {
  height: 24px;
  min-width: 24px;
  padding: 3px;
}
.CustomNotificationAdditionalNoteEditor .mainSection .additionalEmailNoteSection .additionalNotesWrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.CustomNotificationAdditionalNoteEditor .mainSection .additionalEmailNoteSection .additionalNotesEditor {
  line-height: initial;
}
.CustomNotificationAdditionalNoteEditor .mainSection .additionalEmailNoteSection .additionalNotesEditor .DraftEditor-root .DraftEditor-editorContainer {
  overflow: auto;
  border: 1px solid #dedede;
  border-radius: 4px;
}
.CustomNotificationAdditionalNoteEditor .mainSection .additionalEmailNoteSection .additionalNotesEditor .DraftEditor-root .DraftEditor-editorContainer .public-DraftEditor-content {
  min-height: 128px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  padding: 12px;
  padding-top: 8px;
  margin: 0;
}
.CustomNotificationAdditionalNoteEditor .mainSection .additionalEmailNoteSection .additionalNotesEditor .public-DraftEditorPlaceholder-root {
  margin: 0;
}
.CustomNotificationAdditionalNoteEditor .mainSection .additionalEmailNoteSection .additionalNotesEditor.errorContainer {
  border: 2px solid #c71b16;
  border-radius: 4px;
}
.CustomNotificationAdditionalNoteEditor .mainSection .additionalEmailNoteSection .additionalNoteSectionCharacterCount {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin: 8px 0 0 0;
}
.CustomNotificationAdditionalNoteEditor .mainSection .additionalEmailNoteSection .errorText {
  color: #c71b16;
}

.additionalEmailNoteSection .public-DraftStyleDefault-block {
  margin: 0;
}

.additionalEmailNoteSection .public-DraftEditor-content {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 10px 12px;
}

.additionalEmailNoteSection .public-DraftEditorPlaceholder-root {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
  padding: 10px 12px;
}

.additionalEmailNoteSection-hidePlaceholder .public-DraftEditorPlaceholder-root {
  display: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/customNotifications/CustomNotificationsConfirmation.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.confirmationStepContainer {
  margin: 16px 24px;
  padding: 24px;
  padding-bottom: 28px;
  max-width: 1026px;
}
.confirmationStepContainer .stepHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  padding-bottom: 16px;
}
.confirmationStepContainer .stepContents {
  gap: 32px;
  padding-top: 16px;
}
.confirmationStepContainer .stepContents .icon {
  height: 24px;
  fill: #102638;
}
.confirmationStepContainer .stepContents .sectionHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  border-bottom: 1px solid #dedede;
  padding: 8px 0px;
}
.confirmationStepContainer .stepContents .contentSection {
  align-self: stretch;
  gap: 8px;
}
.confirmationStepContainer .stepContents .contentSection .sectionBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
}
.confirmationStepContainer .stepContents .additionalNoteSection {
  align-self: stretch;
  gap: 16px;
}
.confirmationStepContainer .stepContents .additionalNoteSection .subsection {
  align-self: stretch;
  gap: 8px;
}
.confirmationStepContainer .stepContents .additionalNoteSection .subsection .subsectionHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #595959;
}
.confirmationStepContainer .stepContents .additionalNoteSection .subsection .subsectionBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
  padding: 16px;
  border-radius: 4px;
  background-color: #f8f8f8;
}
.confirmationStepContainer .stepContents .additionalNoteSection .subsection .subsectionBody .public-DraftStyleDefault-block {
  margin: 0;
}
.confirmationStepContainer .stepContents .additionalNoteSection .subsection .emptyNote {
  color: #aaaaaa;
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/customNotifications/CustomNotificationsDeliveryInformation.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.notificationInformationPaper {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 16px 24px 16px 12px;
  padding: 24px;
  padding-bottom: 28px;
  width: 342px;
}
.notificationInformationPaper .header {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.notificationInformationPaper .smallHeader {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.notificationInformationPaper .warning {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #c71b16;
}
.notificationInformationPaper .success {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #1c834b;
}
.notificationInformationPaper .minimum {
  color: #595959;
}
.notificationInformationPaper .black {
  color: black;
}
.notificationInformationPaper .defaultInformation {
  margin-bottom: 16px;
}
.notificationInformationPaper .reminderInformation {
  margin-bottom: 24px;
}
.notificationInformationPaper .reminderInformation .reminderSubheader {
  margin-bottom: 8px;
}
.notificationInformationPaper .reminderInformation .reminderSubtext {
  border-left: 1px solid #dedede;
  padding-left: 12px;
  margin-bottom: 16px;
  white-space: pre-line;
}
.notificationInformationPaper .reminderInformation .reminderSubtext .emailReminderIntroduction {
  padding-top: 12px;
}
.notificationInformationPaper .reminderInformation .reminderSubtext .additionalNote {
  padding-top: 6px;
}
.notificationInformationPaper .divisionFeaturesInformation {
  border-top: 1px solid #dedede;
  padding-top: 24px;
}
.notificationInformationPaper .divisionFeaturesInformation .divisionFeaturesSubtext {
  margin-top: 24px;
}
.notificationInformationPaper .divisionFeaturesInformation .divisionFeaturesSubtext .primary {
  color: #2c4e69;
  padding-top: 4px;
}
.notificationInformationPaper .divisionFeaturesInformation .divisionFeaturesSubtext .primary > a {
  color: inherit;
  text-decoration: none;
}
.notificationInformationPaper .divisionFeaturesInformation .divisionFeaturesSubtext .externalLinkIcon {
  width: 10.5px;
  margin-right: 4px;
  fill: #2c4e69;
}

@media (max-width: 1023px) {
  .flexRow.customNotificationsModalContainer {
    display: flex;
    flex-wrap: wrap;
  }
  .flexRow.customNotificationsModalContainer .notificationInformationContainer {
    flex-grow: 1;
    flex-shrink: unset;
    min-width: 600px;
  }
  .flexRow.customNotificationsModalContainer .notificationInformationContainer .notificationInformationPaper {
    width: unset;
    margin-left: 24px;
    margin-right: 12px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/customNotifications/CustomNotificationsManagerErrorModal.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.ConfirmModal.ConfirmModal {
  max-width: 420px;
  overflow: hidden;
}
.ConfirmModal.ConfirmModal.duplicateRuleErrorModal .ConfirmModalBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.ConfirmModal.ConfirmModal.duplicateRuleErrorModal .ConfirmModalBody .duplicateRuleErrorModalHeaderText {
  margin-bottom: 10px;
}
.ConfirmModal.ConfirmModal.duplicateRuleErrorModal .ConfirmModalBody .duplicateRuleErrorModalFooterText {
  margin-top: 10px;
}
.ConfirmModal.ConfirmModal.duplicateRuleErrorModal .ConfirmModalBody .duplicateRuleErrorModalBanner {
  border-radius: 8px;
  padding: 10px;
  align-items: flex-start;
}
.ConfirmModal.ConfirmModal.duplicateRuleErrorModal .ConfirmModalBody .duplicateRuleErrorModalBanner .duplicateRuleErrorHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/customNotifications/CustomNotificationsDeliverySettings.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.deliverySettingsContainer {
  margin: 16px 12px 16px 24px;
  padding: 24px;
  padding-bottom: 28px;
}
.deliverySettingsContainer .required {
  color: #c71b16;
}
.deliverySettingsContainer .stepHeader {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.deliverySettingsContainer .stepSubHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.deliverySettingsContainer .subHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.deliverySettingsContainer .subHeaderHelper {
  margin-bottom: 8px;
  color: #595959;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.deliverySettingsContainer .checked {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
}
.deliverySettingsContainer .unchecked {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.deliverySettingsContainer .deliveryDetailsContainer {
  margin-top: 32px;
  max-width: 534px;
}
.deliverySettingsContainer .deliveryDetailsContainer .titleInput {
  width: 100%;
  margin-bottom: 32px;
}
.deliverySettingsContainer .deliveryDetailsContainer .divisionSelector {
  margin-bottom: 32px;
}
.deliverySettingsContainer .deliveryDetailsContainer .appointmentTypeChoices {
  margin-bottom: 32px;
}
.deliverySettingsContainer .timeFrameInputs {
  height: 48px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.deliverySettingsContainer .timeFrameInputs .timeFrameValueInput {
  display: inline-block;
  margin: 0 8px;
  width: 60px;
}
.deliverySettingsContainer .timeFrameInputs .timeFrameUnitSelector {
  width: 200px;
  margin-right: 8px;
}
.deliverySettingsContainer .errorHelperText {
  color: #c71b16;
}
.deliverySettingsContainer .debounceHelperText {
  color: #595959;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  line-height: 24px;
}

.notificationInformationContainer {
  margin-left: auto;
  flex-shrink: 0;
}

.confirmationStepContainer {
  margin: 16px 24px;
  padding: 24px;
  padding-bottom: 28px;
  max-width: 1026px;
}
.confirmationStepContainer .stepHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  padding-bottom: 16px;
}
.confirmationStepContainer .stepContents {
  gap: 32px;
  padding-top: 16px;
}
.confirmationStepContainer .stepContents .icon {
  height: 24px;
  fill: #102638;
}
.confirmationStepContainer .stepContents .sectionHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #102638;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  border-bottom: 1px solid #dedede;
  padding: 8px 0px;
}
.confirmationStepContainer .stepContents .contentSection {
  align-self: stretch;
  gap: 8px;
}
.confirmationStepContainer .stepContents .contentSection .sectionBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
}
.confirmationStepContainer .stepContents .additionalNoteSection {
  align-self: stretch;
  gap: 16px;
}
.confirmationStepContainer .stepContents .additionalNoteSection .subsection {
  align-self: stretch;
  gap: 8px;
}
.confirmationStepContainer .stepContents .additionalNoteSection .subsection .subsectionHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #595959;
}
.confirmationStepContainer .stepContents .additionalNoteSection .subsection .subsectionBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
  padding: 16px;
  border-radius: 4px;
  background-color: #f8f8f8;
}
.confirmationStepContainer .stepContents .additionalNoteSection .subsection .emptyNote {
  color: #aaaaaa;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/customNotifications/CustomNotificationsManager.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.customNotificationsModalContainer .customNotificationsManager {
  flex-grow: 1;
  min-width: 600px;
}
.customNotificationsModalContainer .customNotificationsManager .actionContainer {
  width: calc(100% - 65px);
  height: 64px;
  padding: 12px 24px 12px 0px;
  justify-content: space-between;
  align-items: stretch;
  bottom: 100%;
  position: absolute;
  left: 65px;
  top: 0;
}
.customNotificationsModalContainer .customNotificationsManager .actionContainer .alignLeft {
  align-items: center;
}
.customNotificationsModalContainer .customNotificationsManager .actionContainer .alignLeft .customNotificationsStepper {
  margin: 0 24px;
  flex: 1;
}
.customNotificationsModalContainer .customNotificationsManager .actionContainer .alignLeft .customNotificationsStepper .stepperConnector {
  width: 105px;
}
.customNotificationsModalContainer .customNotificationsManager .actionContainer .alignRight {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}
.customNotificationsModalContainer .customNotificationsManager .actionContainer .alignRight .backButton .arrowLeftIcon {
  margin: 0 8px 0 0;
  width: 12px;
}
.customNotificationsModalContainer .customNotificationsManager .actionContainer .alignRight .loadingIcon {
  padding: 8px 10px 0 0;
}
.customNotificationsModalContainer .customNotificationsManager .actionContainer .alignRight .nextStepButton {
  min-width: 176px;
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/customNotifications/UnsavedChangesCustomNotificationsModal.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.unsavedChangesCustomNotificationsModal .unsavedChangesBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/customNotifications/CustomNotifications.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.MuiPopover-Paper.customNotificationsMenuDropdown {
  margin: 0;
}

.customNotificationsMenuDropdownButton.customNotificationsMenuDropdownButton .customNotificationsMenuItem {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.customNotificationsMenuDropdownButton.customNotificationsMenuDropdownButton .deleteCustomNotificationIcon {
  fill: #e42721;
}
.customNotificationsMenuDropdownButton.customNotificationsMenuDropdownButton .alertText {
  color: #c71b16;
}

.customNotifications .customNotificationDataGrid {
  height: 100px;
}
.customNotifications .customNotificationDataGrid .MuiDataGrid-overlay {
  align-self: normal;
}
.customNotifications .multiLineCell {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 24px;
}
.customNotifications .customNotificationsHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.customNotifications .customNotificationsHeader .divisionFilterLabel {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #595959;
}
.customNotifications .customNotificationsHeader .customNotificationFilterDivisionSelector {
  width: 384px;
}
.customNotifications .customNotificationsHeader .createNotificationButton .createNotificationIcon {
  margin-right: 8px;
  width: 10px;
}
.customNotifications .noNotificationOverlay {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  z-index: 5;
  position: absolute;
  top: 16px;
  width: 100%;
  border-radius: 4px;
  padding-left: 16px;
}
.customNotifications .noNotificationOverlay .createAppointmentClickableText {
  border: 0px;
  padding-left: 0px;
  background-color: transparent;
  text-decoration: underline;
}
.customNotifications .noNotificationOverlay .createAppointmentClickableText .createNotificationTextIcon {
  position: relative;
  top: 2px;
  height: 14px;
  width: 14px;
  margin-left: 4px;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/DivisionSelector.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.MuiAutocomplete-listbox {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/broadcastNotifications/BroadcastManager.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.broadcastManager {
  position: absolute;
  padding: 16px 24px;
  inset: 65px 0 0 0;
  overflow-y: scroll;
  background: #fafbfc;
}
.broadcastManager .stepHasError {
  border: #c71b16 solid 2px !important;
}
.broadcastManager .stepContainer .mainColumn {
  display: flex;
  flex-direction: column;
  min-width: 582px;
  max-width: calc(100% - 342px - 24px);
}
@media screen and (max-width: 995px) {
  .broadcastManager .stepContainer .mainColumn {
    display: block;
    max-width: 100%;
  }
}
.broadcastManager .stepContainer .mainColumn .formWrapper {
  max-width: 600px;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .libraryTextInput-error .libraryTextInputRoot {
  border: 2px solid #c71b16;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .labelWrapper {
  margin-bottom: 8px;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  display: flex;
  align-items: center;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .sublabel {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin: 0;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .largeInputField {
  width: 100%;
  max-width: 560px;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .libraryTextInput-error .libraryTextInputRoot {
  border: 2px solid #c71b16;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .csvRequirements {
  padding-top: 16px;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .fileUploadInput {
  padding: 16px 0 8px 0;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .fileUploadButton {
  margin-top: 8px;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .insetFieldContainer {
  padding-left: 8px;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .insetContainer {
  border-left: 1px solid #dedede;
  padding-left: 20px;
  margin-left: 10px;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .datetimeContainer {
  margin-top: 8px;
  gap: 16px;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .datetimeContainer .datetimeInput {
  max-width: 360px;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .radioGroup .MuiRadio-root {
  padding-top: 4px;
  padding-bottom: 4px;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .radioGroup .MuiRadio-root + .MuiFormControlLabel-label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .radioGroup .MuiRadio-root.Mui-checked + .MuiFormControlLabel-label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .topAlignedCheckboxes {
  align-items: flex-start;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .topAlignedCheckboxes.extraMargin {
  margin-bottom: 4px;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .checkbox.MuiCheckbox-root {
  padding-top: 2px;
  padding-bottom: 4px;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .checkbox.MuiCheckbox-root + .MuiFormControlLabel-label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .checkbox.MuiCheckbox-root.Mui-checked + .MuiFormControlLabel-label {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
}
.broadcastManager .stepContainer .mainColumn .formWrapper .errorMessage {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c71b16;
}
.broadcastManager .stepContainer .mainColumn .infoStepGap {
  gap: 32px;
}
.broadcastManager .stepContainer .mainColumn .deliveryStepGap {
  gap: 32px;
}
.broadcastManager .stepContainer .mainColumn .contentStepGap {
  gap: 12px;
}
.broadcastManager .stepContainer .mainColumn .emailContentContainer {
  margin-top: 8px;
}
.broadcastManager .stepContainer .mainColumn .smsContentContainer {
  margin-top: 20px;
}
.broadcastManager .stepContainer .mainColumn .MuiFormHelperText-root.helperText {
  color: #595959;
}
.broadcastManager .stepContainer .mainColumn .MuiFormHelperText-root.helperText.noMargin {
  margin: 0;
}
.broadcastManager .stepContainer .mainColumn .broadcastContentToolbar {
  border: none;
  padding: 0;
  margin: 0;
}
.broadcastManager .stepContainer .mainColumn .broadcastContentToolbar .rdw-inline-wrapper:first-child .rdw-option-wrapper:first-child {
  margin-left: 0;
}
.broadcastManager .stepContainer .mainColumn .broadcastContentToolbar .rdw-option-wrapper,
.broadcastManager .stepContainer .mainColumn .broadcastContentToolbar .rdw-dropdown-wrapper {
  border: 1px solid #dedede;
  border-radius: 1px;
}
.broadcastManager .stepContainer .mainColumn .broadcastContentToolbar .rdw-option-wrapper {
  height: 24px;
  min-width: 24px;
  padding: 3px;
}
.broadcastManager .stepContainer .mainColumn .broadcastContentWrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.broadcastManager .stepContainer .mainColumn .broadcastEditor {
  line-height: initial;
}
.broadcastManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection {
  max-width: 534px;
}
.broadcastManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .DraftEditor-root .DraftEditor-editorContainer {
  overflow: auto;
  border: 1px solid #dedede;
  border-radius: 4px;
}
.broadcastManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .DraftEditor-root .DraftEditor-editorContainer .public-DraftEditor-content {
  min-height: 128px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  padding: 12px;
  padding-top: 8px;
  margin: 0;
}
.broadcastManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .public-DraftEditorPlaceholder-root {
  margin: 0;
}
.broadcastManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .public-DraftStyleDefault-block {
  margin: 0;
}
.broadcastManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .public-DraftEditor-content {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 10px 12px;
}
.broadcastManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection .public-DraftEditorPlaceholder-root {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
  padding: 10px 12px;
}
.broadcastManager .stepContainer .mainColumn .broadcastEditor .broadcastContentSection-hidePlaceholder .public-DraftEditorPlaceholder-root {
  display: none;
}
.broadcastManager .stepContainer .mainColumn .buttonLoadingSpinner {
  padding: 4px 0 0 0;
}
.broadcastManager .stepContainer .mainColumn .buttonLoadingSpinner.withLabel {
  padding-right: 8px;
}
.broadcastManager .stepContainer .mainColumn .formError {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 8px 0 0 0;
  color: #c71b16;
}
.broadcastManager .stepContainer .mainColumn .formError.noMargin {
  margin: 0;
}
.broadcastManager .stepContainer .mainColumn .charactersRemaining {
  margin-top: 5px;
}
.broadcastManager .stepContainer .mainColumn .required {
  color: #c71b16;
}
.broadcastManager .stepContainer .infoColumn {
  display: flex;
  position: fixed;
  right: 24px;
  top: 80px;
  flex-direction: column;
  width: 342px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  gap: 24px;
}
@media screen and (max-width: 995px) {
  .broadcastManager .stepContainer .infoColumn {
    position: relative;
    width: 100%;
    min-width: 342px;
    margin: 0 0 24px 24px;
    top: 24px;
  }
}
.broadcastManager .stepContainer .infoColumn .infoTitle {
  margin: 0;
  margin-bottom: 16px;
}
.broadcastManager .stepContainer .infoColumn .infoList {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.broadcastManager .stepContainer .infoColumn .infoList .infoItem {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.broadcastManager .stepContainer .infoColumn .infoList .infoItem .infoIcon {
  width: 20px;
  padding: 3px;
  flex-shrink: 0;
}
.broadcastManager .stepContainer .infoColumn .helperHeading {
  padding-bottom: 4px;
}
.broadcastManager .stepContainer .infoColumn .loadingSpinner {
  width: 100%;
  text-align: center;
  padding-top: 32px;
  max-height: 56px;
}
.broadcastManager .stepContainer .infoColumn .recipientFileCounts {
  padding-top: 4px;
}
.broadcastManager .stepContainer .infoColumn .missingContactWarning {
  width: 100%;
}
.broadcastManager .stepContainer .infoColumn .missingContactWarning .missingContactWarningTitle {
  padding-bottom: 4px;
}
.broadcastManager .stepContainer .infoColumn .marginInlineStartMinus20 {
  -webkit-margin-start: -20px;
          margin-inline-start: -20px;
}
.broadcastManager .stepContainer .infoColumn .optionalText {
  color: #595959;
}
.broadcastManager .stepContainer .withScrollBar {
  height: 85vh !important;
  overflow-y: scroll;
}
.broadcastManager .stepContainer .stepHeaderWrapper {
  padding-bottom: 16px;
  gap: 4px;
}
.broadcastManager .stepContainer .stepHeaderWrapper .stepHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  margin: 0;
}
.broadcastManager .stepContainer .stepHeaderWrapper .stepHeader .requiredStepHeader {
  color: #c71b16;
}
.broadcastManager .stepContainer .stepHeaderWrapper .stepHeader .optionalStepHeader {
  color: #595959;
}
.broadcastManager .stepContainer .errorContainer {
  border: 2px solid #c71b16;
  border-radius: 4px;
}
.broadcastManager .stepContainer.hidden {
  display: none;
}
.broadcastManager .flexColumn {
  display: flex;
  flex-direction: column;
}
.broadcastManager .flexColumn.smallGap {
  gap: 4px;
}
.broadcastManager .actionContainer {
  width: calc(100% - 65px);
  height: 64px;
  padding: 12px 24px 12px 0px;
  justify-content: space-between;
  align-items: stretch;
  bottom: 100%;
  position: fixed;
  left: 65px;
  top: 0;
}
.broadcastManager .actionContainer .alignLeft {
  align-items: center;
}
.broadcastManager .actionContainer .alignLeft .broadcastsStepper {
  margin: 0 24px;
  flex: 1;
}
.broadcastManager .actionContainer .alignLeft .broadcastsStepper .stepperConnector {
  min-width: 24px;
  max-width: 105px;
  width: 20vw;
}
.broadcastManager .actionContainer .alignRight {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}
.broadcastManager .actionContainer .alignRight .backButton .arrowLeftIcon {
  margin: 0 8px 0 0;
  width: 12px;
}
.broadcastManager .actionButtonIcon {
  margin-right: 8px;
  width: 14px;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/broadcastNotifications/BroadcastModal.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.broadcastModal .broadcastModalPaper {
  background-color: #fafbfc;
  overflow: hidden;
  transform: translate(0, 0);
}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/broadcastNotifications/DeleteBroadcastModal.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.deleteBroadcastModal .deleteBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.deleteBroadcastModal .actionButtonsContainer {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  gap: 16px;
}
.deleteBroadcastModal .actionButtonsContainer .actionButton {
  width: 100%;
}
.deleteBroadcastModal .actionButtonsContainer .loadingIcon {
  padding: 8px 10px 0 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/broadcastNotifications/BroadcastNotifications.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.MuiPopover-Paper.broadcastNotificationsDropdownMenu {
  margin: 0;
}

.broadcastNotificationsDropdownMenuList.broadcastNotificationsDropdownMenuList .broadcastNotificationsMenuItem {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.broadcastNotificationsDropdownMenuList.broadcastNotificationsDropdownMenuList .deleteBroadcastNotificationIcon {
  fill: #e42721;
}
.broadcastNotificationsDropdownMenuList.broadcastNotificationsDropdownMenuList .alertText {
  color: #c71b16;
}

.broadcastNotifications .broadcastNotificationsHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.broadcastNotifications .broadcastNotificationsHeader .broadcastNotificationsSearchField {
  width: 534px;
}
.broadcastNotifications .broadcastNotificationsHeader .createBroadcastNotificationButton .createBroadcastNotificationIcon {
  margin-right: 8px;
  width: 10px;
}
.broadcastNotifications .broadcastNotificationsBody.noContent {
  height: 100px;
}
.broadcastNotifications .broadcastNotificationsBody.noContent .MuiDataGrid-overlay {
  align-self: normal;
}
.broadcastNotifications .broadcastNotificationsBody .multiLineCell {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 24px;
}
.broadcastNotifications .noBroadcastNotificationOverlay {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  z-index: 5;
  position: absolute;
  top: 16px;
  width: 100%;
  border-radius: 4px;
  padding-left: 16px;
}
.broadcastNotifications .noBroadcastNotificationOverlay .createBroadcastAppointmentClickableText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  border: 0px;
  padding-left: 0px;
  background-color: transparent;
  text-decoration: underline;
}
.broadcastNotifications .noBroadcastNotificationOverlay .createBroadcastAppointmentClickableText .createBroadcastNotificationTextIcon {
  position: relative;
  top: 2px;
  height: 14px;
  width: 14px;
  margin-left: 4px;
}
.broadcastNotifications .deliveryStatusContainer {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.broadcastNotifications .deliveryStatusContainer .deliveryStatusChip {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.broadcastNotifications .deliveryStatusContainer .deliveryStatusChip.successChip {
  background-color: #cdf4df;
  color: #104D2C;
}
.broadcastNotifications .deliveryStatusContainer .deliveryStatusChip.pendingChip {
  border: 1px #dedede solid;
  background-color: #f8f8f8;
  color: #595959;
}
.broadcastNotifications .deliveryStatusContainer .deliveryStatusChip.failedChip {
  background-color: #FFC4C2;
  color: #381110;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/editors/QuestionEditorHeader.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.QuestionEditorHeader {
  margin-bottom: 34px;
}
.QuestionEditorHeader .QuestionText {
  margin-right: 20px;
  flex-grow: 1;
}
.QuestionEditorHeader .QuestionText .QuestionTopRow {
  justify-content: space-between;
  display: flex;
}
.QuestionEditorHeader .QuestionText .QuestionTopRow .QuestionHeaderText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #595959;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 8px;
}
.QuestionEditorHeader .QuestionType {
  margin-left: 20px;
  width: 200px;
}
.QuestionEditorHeader .QuestionType .alignCenter {
  align-items: center;
}
.QuestionEditorHeader .QuestionType .QuestionTypeLabelIcon {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #727272;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/editors/RosterFieldInput.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.rosterField {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.rosterField .autocomplete {
  width: 350px;
}
.rosterField .linkIcon {
  position: absolute;
  right: calc(100% + 5px);
  top: 50%;
  height: 15px;
  width: 15px;
}
.rosterField .textFieldIcon {
  height: 20px;
  min-width: 20px;
  margin-right: 8px;
}
.rosterField .optionText {
  word-wrap: break-word;
}

.rosterFieldInputDropdown.rosterFieldInputDropdown .dropdownOption {
  word-break: break-word;
}
.rosterFieldInputDropdown.rosterFieldInputDropdown .dropdownOption .textFieldIcon {
  height: 20px;
  min-width: 20px;
  margin-right: 8px;
}
.rosterFieldInputDropdown.rosterFieldInputDropdown .dropdownOption .optionText {
  word-wrap: break-word;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/DiscreteDataSection.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.discreteDataMappingSection {
  border-radius: 6px;
  height: 68px;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px;
  margin-bottom: 16px;
}
.discreteDataMappingSection .labelSection {
  align-items: flex-start;
  color: #595959;
}
.discreteDataMappingSection .labelSection .linkIcon {
  fill: #595959;
  height: 13px;
  margin-right: 4px;
}
.discreteDataMappingSection .labelSection .mappedFieldName {
  color: #102638;
}
.discreteDataMappingSection .actionButtons {
  align-items: center;
  gap: 8px;
}
.discreteDataMappingSection .actionButtons .actionButtonIcon {
  height: 18px;
  width: 22px;
  stroke: none;
  margin-right: 4px;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/Item.scss ***!
  \****************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.FormBuilderItem .itemContentButton {
  min-height: 64px;
  text-align: left;
}
.FormBuilderItem .itemContentButton .alignCenter {
  align-items: center;
}
.FormBuilderItem .itemContentButton .contentsWrapper {
  padding-left: 14px;
}
.FormBuilderItem .itemContentButton .contentsWrapper .QuestionTopRow {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #595959;
}
.FormBuilderItem .itemContentButton .contentsWrapper .pageBreakContent {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.FormBuilderItem .itemContentButton .overlay {
  position: absolute;
  width: calc(100% - 24px);
  height: 100%;
  left: 24px;
}
.FormBuilderItem .itemContentButton .FormBuilderPageBreakItem {
  height: 75px;
  border-radius: 12px;
}
.FormBuilderItem .pageBreakContent {
  width: calc(70vw - 14px);
  font-weight: 600;
}
.FormBuilderItem .discreteDataMappingSection.unfocused {
  margin: 0;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/editors/ImageEditor.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.imageEditor .button.attachmentButton {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.imageEditor .button.attachmentButton label {
  font-size: 16px;
  min-width: 130px;
}
.imageEditor .button.attachmentButton label.withText {
  padding: 15px 10px;
}
.imageEditor .button.attachmentButton label.withSpinner {
  padding: 10px 10px;
}
.imageEditor .button.attachmentButton label.withSpinner .loadingIndicator .spinner {
  color: inherit;
}
.imageEditor .imagePreview {
  width: 50%;
}
.imageEditor .imageEditorHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.imageEditor .imageEditorImageSubheader {
  margin-bottom: 24px;
}
.imageEditor .imageEditorSubheader {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
}
.imageEditor .imageEditorButton {
  margin-bottom: 12px;
}
.imageEditor .imageEditorButton .imageEditorButtonIcon {
  width: 14px;
  margin-right: 8px;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/ItemEditorActionBar.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.deleteMenu .deleteMenuPaper.deleteMenuPaper {
  width: 236px;
  border: 1px solid #dedede;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  margin-top: 6px;
}
.deleteMenu .deleteMenuItem {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #c71b16;
}
.deleteMenu .deleteMenuItemIcon {
  fill: #c71b16;
  height: 16px;
  margin-right: 4px;
}

.discreteDataMappingSection {
  background-color: #f2f4f6;
  border-radius: 6px;
  height: 68px;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px;
  margin-bottom: 24px;
}
.discreteDataMappingSection .labelSection {
  align-items: flex-start;
  color: #595959;
}
.discreteDataMappingSection .labelSection .linkIcon {
  fill: #595959;
  height: 13px;
  margin-right: 4px;
}
.discreteDataMappingSection .labelSection .mappedFieldName {
  color: #102638;
}
.discreteDataMappingSection .actionButtons {
  align-items: center;
  gap: 8px;
}
.discreteDataMappingSection .actionButtons .actionButtonIcon {
  height: 18px;
  width: 22px;
  stroke: none;
  margin-right: 4px;
}

.FormBuilderItemEditorActionBar {
  border-top: 1px solid #dedede;
  padding-top: 24px;
  margin-top: 24px;
}
.FormBuilderItemEditorActionBar .formBuilderMenuItemIcon {
  width: 16px;
  margin-right: 8px;
}
.FormBuilderItemEditorActionBar .formBuilderMenuItemLeftButton {
  margin-right: 16px;
}
.FormBuilderItemEditorActionBar .buttonsRight {
  display: flex;
  margin-left: auto;
}
.FormBuilderItemEditorActionBar .buttonsRight .formBuilderMenuItemEllipsisIcon {
  width: 16px;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/editors/DividerEditor.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.DividerEditorTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/editors/OptionsQuestionEditor.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.FormBuilderItemOptionRowIcon {
  margin: 10px;
  color: #727272;
}

.FormBuilderAddRowIcon {
  margin-right: 4px;
  width: 20px;
}

.OptionsQuestionEditor .OptionRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.OptionsQuestionEditor .OptionRow .OptionRowInput {
  font-size: 0.875rem;
  font-weight: normal;
}
.OptionsQuestionEditor .OptionRow .optionRowIconButton {
  width: 30px;
}
.OptionsQuestionEditor .OptionRow .optionRowClearIconButton {
  width: 25px;
  height: 25px;
}
.OptionsQuestionEditor .OptionRow .disabledSvgFill {
  fill: #aaaaaa;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/editors/PageBreakEditor.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.QuestionEditorHeader {
  margin-bottom: 34px;
}
.QuestionEditorHeader .QuestionText {
  margin-right: 20px;
  flex-grow: 1;
}
.QuestionEditorHeader .QuestionText .QuestionInput {
  padding: 6px 11px;
  border: 1px solid #dedede;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: normal;
}
.QuestionEditorHeader .QuestionType {
  margin-left: 20px;
  width: 200px;
}
.QuestionEditorHeader .QuestionType .alignCenter {
  align-items: center;
}
.QuestionEditorHeader .QuestionType .QuestionTypeLabelIcon {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #727272;
}

.PageBreakEditor {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/editors/TextEditor.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.formBuilderTextEditor .textEditorHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.formBuilderTextEditor .textEditorSubheader {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin-bottom: 24px;
}
.formBuilderTextEditor .rdw-link-modal-target-option {
  display: none;
}
.formBuilderTextEditor .rdw-editor-toolbar {
  border-radius: 4px;
}
.formBuilderTextEditor .rdw-editor-toolbar .rdw-option-wrapper {
  border-radius: 4px;
}
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!../node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
.rdw-option-wrapper {
  border: 1px solid #F1F1F1;
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}

.rdw-option-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}

.rdw-option-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}

.rdw-option-active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}

.rdw-option-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-dropdown-wrapper {
  height: 30px;
  background: white;
  cursor: pointer;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  margin: 0 3px;
  text-transform: capitalize;
  background: white;
}

.rdw-dropdown-wrapper:focus {
  outline: none;
}

.rdw-dropdown-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}

.rdw-dropdown-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}

.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.rdw-dropdown-selectedtext {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
  padding: 0 5px;
}

.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid #F1F1F1;
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}

.rdw-dropdown-optionwrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}

.rdw-dropdownoption-default {
  min-height: 25px;
  display: flex;
  align-items: center;
  padding: 0 5px;
}

.rdw-dropdownoption-highlighted {
  background: #F1F1F1;
}

.rdw-dropdownoption-active {
  background: #f5f5f5;
}

.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-inline-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.rdw-inline-dropdown {
  width: 50px;
}

.rdw-inline-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-block-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.rdw-block-dropdown {
  width: 110px;
}

.rdw-fontsize-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.rdw-fontsize-dropdown {
  min-width: 40px;
}

.rdw-fontsize-option {
  display: flex;
  justify-content: center;
}

.rdw-fontfamily-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.rdw-fontfamily-dropdown {
  width: 115px;
}

.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rdw-fontfamily-optionwrapper {
  width: 140px;
}

.rdw-list-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.rdw-list-dropdown {
  width: 50px;
  z-index: 90;
}

.rdw-list-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-text-align-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90;
}

.rdw-text-align-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-right-aligned-block {
  text-align: right;
}

.rdw-left-aligned-block {
  text-align: left !important;
}

.rdw-center-aligned-block {
  text-align: center !important;
}

.rdw-justify-aligned-block {
  text-align: justify !important;
}

.rdw-right-aligned-block > div {
  display: inline-block;
}

.rdw-left-aligned-block > div {
  display: inline-block;
}

.rdw-center-aligned-block > div {
  display: inline-block;
}

.rdw-justify-aligned-block > div {
  display: inline-block;
}

.rdw-colorpicker-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}

.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}

.rdw-colorpicker-modal-header {
  display: flex;
  padding-bottom: 5px;
}

.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px;
}

.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7;
}

.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  overflow: scroll;
}

.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid #F1F1F1;
}

.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  box-shadow: 1px 2px 1px #BFBDBD inset;
}

.rdw-colorpicker-option:hover {
  box-shadow: 1px 2px 1px #BFBDBD;
}

.rdw-colorpicker-option:active {
  box-shadow: -1px -2px 1px #BFBDBD;
}

.rdw-colorpicker-option-active {
  box-shadow: 0px 0px 2px 2px #BFBDBD;
}

.rdw-link-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}

.rdw-link-dropdown {
  width: 50px;
}

.rdw-link-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-link-dropdownPlaceholder {
  margin-left: 8px;
}

.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 205px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}

.rdw-link-modal-label {
  font-size: 15px;
}

.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px;
}

.rdw-link-modal-input:focus {
  outline: none;
}

.rdw-link-modal-buttonsection {
  margin: 0 auto;
}

.rdw-link-modal-target-option {
  margin-bottom: 20px;
}

.rdw-link-modal-target-option > span {
  margin-left: 5px;
}

.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}

.rdw-link-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}

.rdw-link-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}

.rdw-link-modal-btn:focus {
  outline: none !important;
}

.rdw-link-modal-btn:disabled {
  background: #ece9e9;
}

.rdw-link-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-history-dropdown {
  width: 50px;
}

.rdw-embedded-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}

.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  justify-content: space-between;
  box-shadow: 3px 3px 5px #BFBDBD;
}

.rdw-embedded-modal-header {
  font-size: 15px;
  display: flex;
}

.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}

.rdw-embedded-modal-link-section {
  display: flex;
  flex-direction: column;
}

.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}

.rdw-embedded-modal-link-input-wrapper {
  display: flex;
  align-items: center;
}

.rdw-embedded-modal-link-input:focus {
  outline: none;
}

.rdw-embedded-modal-btn-section {
  display: flex;
  justify-content: center;
}

.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}

.rdw-embedded-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}

.rdw-embedded-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}

.rdw-embedded-modal-btn:focus {
  outline: none !important;
}

.rdw-embedded-modal-btn:disabled {
  background: #ece9e9;
}

.rdw-embedded-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}

.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}

.rdw-embedded-modal-size-input:focus {
  outline: none;
}

.rdw-emoji-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}

.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}

.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdw-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.rdw-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.rdw-spinner .rdw-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.rdw-spinner .rdw-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.rdw-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}

.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}

.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: flex;
}

.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.rdw-image-modal-header-label {
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
}

.rdw-image-modal-header-label-highlighted {
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}

.rdw-image-modal-upload-option {
  width: 100%;
  color: gray;
  cursor: pointer;
  display: flex;
  border: none;
  font-size: 15px;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0;
}

.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7;
}

.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}

.rdw-image-modal-upload-option-label span {
  padding: 0 20px;
}

.rdw-image-modal-upload-option-image-preview {
  max-width: 100%;
  max-height: 200px;
}

.rdw-image-modal-upload-option-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.rdw-image-modal-url-section {
  display: flex;
  align-items: center;
}

.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}

.rdw-image-modal-btn-section {
  margin: 10px auto 0;
}

.rdw-image-modal-url-input:focus {
  outline: none;
}

.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}

.rdw-image-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}

.rdw-image-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}

.rdw-image-modal-btn:focus {
  outline: none !important;
}

.rdw-image-modal-btn:disabled {
  background: #ece9e9;
}

.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px;
}

.rdw-image-modal-alt-input:focus {
  outline: none;
}

.rdw-image-modal-alt-lbl {
  font-size: 12px;
}

.rdw-image-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}

.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}

.rdw-image-modal-size-input:focus {
  outline: none;
}

.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px;
}

.rdw-remove-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}

.rdw-history-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.rdw-history-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-history-dropdown {
  width: 50px;
}

.rdw-link-decorator-wrapper {
  position: relative;
}

.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white;
}

.rdw-mention-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-suggestion-wrapper {
  position: relative;
}

.rdw-suggestion-dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  border: 1px solid #F1F1F1;
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100;
}

.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid #f1f1f1;
}

.rdw-suggestion-option-active {
  background-color: #F1F1F1;
}

.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  width: 105px;
  cursor: pointer;
  z-index: 100;
}

.rdw-alignment-option-left {
  justify-content: flex-start;
}

.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px;
}

.rdw-image-alignment {
  position: relative;
}

.rdw-image-imagewrapper {
  position: relative;
}

.rdw-image-center {
  display: flex;
  justify-content: center;
}

.rdw-image-left {
  display: flex;
}

.rdw-image-right {
  display: flex;
  justify-content: flex-end;
}

.rdw-image-alignment-options-popup-right {
  right: 0;
}

.rdw-editor-main {
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}

.rdw-editor-toolbar {
  padding: 6px 5px 0;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  display: flex;
  justify-content: flex-start;
  background: white;
  flex-wrap: wrap;
  font-size: 15px;
  margin-bottom: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.public-DraftStyleDefault-block {
  margin: 1em 0;
}

.rdw-editor-wrapper:focus {
  outline: none;
}

.rdw-editor-wrapper {
  box-sizing: content-box;
}

.rdw-editor-main blockquote {
  border-left: 5px solid #f1f1f1;
  padding-left: 5px;
}

.rdw-editor-main pre {
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px;
}

/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content {
  height: inherit;
  text-align: initial;
}

.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only;
}

.DraftEditor-root {
  position: relative;
}

.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  border-left: 0.1px solid transparent;
  position: relative;
  z-index: 1;
}

.public-DraftEditor-block {
  position: relative;
}

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left;
}

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right;
}

.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  z-index: 0;
}

.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9;
}

.DraftEditorPlaceholder-hidden {
  display: none;
}

.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}

.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}

.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}

.public-DraftStyleDefault-listLTR {
  direction: ltr;
}

.public-DraftStyleDefault-listRTL {
  direction: rtl;
}

.public-DraftStyleDefault-ol, .public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}

.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}

.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}

.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1) ". ";
  counter-increment: ol1;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2) ". ";
  counter-increment: ol2;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4) ". ";
  counter-increment: ol4;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/editors/VideoEditor.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.FormBuilderVideoEditor {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/editors/FileEditor.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.fileEditor .fileQuestionField {
  padding: 8px;
}
.fileEditor .attachmentDisplay {
  margin-top: 8px;
  align-items: flex-start;
}
.fileEditor .attachmentDisplay .fileButton {
  text-transform: none;
}
.fileEditor .attachmentDisplay .fileNote {
  font-size: 9pt;
  font-weight: 400;
  margin: 8px 0;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/ItemEditor.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.FormBuilderItemEditor {
  width: calc(70vw + 24px);
}
.FormBuilderItemEditor.alignCenter {
  align-items: center;
}
.FormBuilderItemEditor .itemContentWrapper {
  width: 100%;
  padding-left: 24px;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/NewItemMenu.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.NewItemGridList .menuIcon {
  height: 22px;
}
.NewItemGridList .discreteDataIcon {
  margin-left: auto;
}
.NewItemGridList .justifyStart {
  justify-content: flex-start;
}
.NewItemGridList .alignCenter {
  align-items: center;
}
.NewItemGridList .newItemTypeIcon {
  height: 16px;
  width: 16px;
  overflow: visible;
}
.NewItemGridList .newItemTypeButton {
  width: 100%;
  height: 50px;
  padding: 8px;
  padding-left: 16px;
  border-radius: 4px;
  border: 1px solid #dedede;
}
.NewItemGridList .newItemTypeButton .newItemTypeIcon {
  fill: #2c4e69;
}
.NewItemGridList .newItemTypeButton .newItemButtonTypography {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-left: 16px;
}
.NewItemGridList .newItemTypeButton:hover * {
  font-weight: 600;
}
.NewItemGridList .NewItemGridListHeading {
  height: 30px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.NewItemGridList .NewItemGridListHeading .NewItemGridListHeadingTypography {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  display: flex;
  align-items: center;
  color: #595959;
}
.NewItemGridList .NewItemGridListHeading .NewItemGridListHeadingTypography::before, .NewItemGridList .NewItemGridListHeading .NewItemGridListHeadingTypography::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #dedede;
}
.NewItemGridList .NewItemGridListHeading .NewItemGridListHeadingTypography::before {
  margin-right: 16px;
}
.NewItemGridList .NewItemGridListHeading .NewItemGridListHeadingTypography::after {
  margin-left: 16px;
}

.NewItemMenu .cancelButton {
  margin-top: 24px;
}
.NewItemMenu .newItemMenuPaper {
  padding: 24px;
}
.NewItemMenu .newItemMenuPaper .newItemMenuTitle {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  padding-bottom: 8px;
}
.NewItemMenu .helpTextContainer {
  align-items: center;
  margin: 24px 0;
}
.NewItemMenu .helpTextContainer .discreteDataIcon {
  margin-right: 8px;
}

.discreteDataIcon {
  height: 32px;
  width: 32px;
  background-color: #f2f4f6;
  padding: 6px;
  border-radius: 4px;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/ScrollTargetWrapper.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.ItemScrollTarget {
  position: relative;
  top: -84px;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/InsertContentButtonsWrapper.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.FormBuilderInsertContentButtons .alignCenter {
  align-items: center;
}
.FormBuilderInsertContentButtons .newItemMenuAbove {
  padding-bottom: 30px;
}
.FormBuilderInsertContentButtons .newItemMenuBelow {
  padding-top: 24px;
}
.FormBuilderInsertContentButtons .insertContentButton.visibilityHidden {
  visibility: hidden;
}
.FormBuilderInsertContentButtons .insertContentButton.insertContentButtonUpper {
  transform: translateY(50%);
  margin-top: -40px;
  z-index: 99;
}
.FormBuilderInsertContentButtons .insertContentButton.insertContentButtonLower {
  transform: translateY(-50%);
  margin-bottom: -40px;
  z-index: 99;
}
.FormBuilderInsertContentButtons .insertContentButton .insertContentButton {
  width: 20px;
  margin-right: 4px;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/ItemWrapper.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.FormBuilderItemWrapper {
  width: calc(70vw + 48px);
}
.FormBuilderItemWrapper .alignCenter {
  align-items: center;
}
.FormBuilderItemWrapper .nonEditingPaperHover:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.FormBuilderItemWrapper .paperContainerRoot.paperContainerRoot {
  padding: 24px 24px 24px 6px;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/Preview.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.PreviewContent {
  margin-top: 20px;
  padding: 24px;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/TitleItem.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.TitleItem {
  position: relative;
  z-index: 998;
}
.TitleItem .titleListItem {
  padding-left: 0px;
  padding-right: 0px;
}
.TitleItem .titleItemEditor {
  width: calc(70vw + 48px);
  margin-top: 8px;
}
.TitleItem .titleItemEditor .titleItemHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
  padding-bottom: 16px;
}
.TitleItem .titleItemEditor .titleTextInput {
  width: 534px;
}
.TitleItem .titleItemEditor .fieldLabel {
  align-items: flex-end;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #000209;
  margin-top: 16px;
}
.TitleItem .titleItemEditor .fieldLabel .infoButton {
  margin-bottom: -7px;
}
.TitleItem .titleItemEditor .fieldLabel .infoButton .infoButtonIcon {
  pointer-events: none;
  width: 12px;
}
.TitleItem .titleItemEditor .radioLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #000209;
}
.TitleItem .titleItemEditor .selectedRadioLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
}
.TitleItem .titleItemEditor .checkBoxLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #000209;
}
.TitleItem .titleItemEditor .selectedCheckBoxLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
}
.TitleItem .titleItemEditor .titleItemFormGroup {
  padding-left: 8px;
}
.TitleItem .formIDLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  margin-top: 16px;
  margin-bottom: 16px;
  color: #000209;
}
.TitleItem .formIDLabel .formIDValue {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  margin-left: 2px;
}

.internalInfoModal.internalInfoModal {
  padding: 24px;
  max-width: 510px;
}
.internalInfoModal.internalInfoModal .infoHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.internalInfoModal.internalInfoModal .infoHeader:first-child {
  margin-top: 0;
}
.internalInfoModal.internalInfoModal .infoBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #000209;
  margin: 0;
}
.internalInfoModal.internalInfoModal .infoBody .supportCenterLink {
  color: #007bc2;
}
.internalInfoModal.internalInfoModal .infoList {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #000209;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.internalInfoModal.internalInfoModal .infoList .infoItem {
  align-items: center;
  margin: 0px;
}
.internalInfoModal.internalInfoModal .infoList .infoItem .listBulletIcon {
  flex-shrink: 0;
  margin-right: 14px;
  width: 18px;
}
.internalInfoModal.internalInfoModal .closeModalButton {
  position: absolute;
  top: 12px;
  right: 12px;
}
.internalInfoModal.internalInfoModal .closeModalButton .modalCloseIcon {
  width: 18px;
  height: 18px;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/Toolbar.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.formToolbarWrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 999;
}
.formToolbarWrapper .relativePos {
  position: relative;
}
.formToolbarWrapper .formToolbar {
  padding: 8px;
  margin-left: 0px;
  margin-right: 0px;
  height: 72px;
  border-bottom: 1px solid #dedede;
}
.formToolbarWrapper .formToolbar .alignCenter {
  align-items: center;
}
.formToolbarWrapper .formToolbar .formToolbarButton {
  margin: 8px;
  display: flex;
  align-items: center;
}
.formToolbarWrapper .formToolbar .formToolbarButton .formToolbarButtonIcon {
  margin-right: 8px;
}
.formToolbarWrapper .formToolbar .formToolbarButton .formToolbarPreviewIcon {
  height: 16px;
}
.formToolbarWrapper .formToolbar .formToolbarSaveControls {
  margin-left: auto;
}

.ConfirmModal.confirmFormModal {
  width: 420px;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/DiscreteDataModal.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.discreteDataModal.discreteDataModal {
  min-width: 560px;
  min-height: 720px;
  overflow: hidden;
}
.discreteDataModal.discreteDataModal .discreteDataModalContent {
  margin-top: 16px;
}
.discreteDataModal.discreteDataModal .discreteDataModalContent .discreteDataSearchField {
  width: 100%;
  margin-bottom: 24px;
}
.discreteDataModal.discreteDataModal .discreteDataModalContent .discreteDataModalRadioGroup {
  height: 470px;
  overflow-y: auto;
}
.discreteDataModal.discreteDataModal .discreteDataModalContent .discreteDataModalRadioGroup.noResults {
  color: #595959;
  display: flex;
  justify-content: center;
  align-items: center;
}
.discreteDataModal.discreteDataModal .discreteDataModalContent .discreteDataModalRadioGroup .radioButton {
  margin: 0;
  width: 100%;
  border: 1px solid transparent;
}
.discreteDataModal.discreteDataModal .discreteDataModalContent .discreteDataModalRadioGroup .radioButton:hover {
  border: 1px solid;
  border-radius: 4px;
}
.discreteDataModal.discreteDataModal .discreteDataModalContent .discreteDataModalRadioGroup .radioButton.disabledFormControl:hover {
  border-color: transparent;
}
.discreteDataModal.discreteDataModal .discreteDataModalContent .discreteDataModalRadioGroup .disabledFormLabel {
  justify-content: space-between;
  margin-right: 12px;
}
.discreteDataModal.discreteDataModal .discreteDataModalContent .discreteDataModalRadioGroup .unselectedRadioButton {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}
.discreteDataModal.discreteDataModal .discreteDataModalContent .discreteDataModalRadioGroup .selectedRadioButton {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.discreteDataModal.discreteDataModal .discreteDataModalContent .discreteDataModalDivider {
  margin-bottom: 24px;
}
.discreteDataModal.discreteDataModal .discreteDataModalContent .discreteDataModalButton {
  width: 100%;
}

.sexConfirmationModal.sexConfirmationModal {
  width: 420px;
  min-height: 296px;
}
.sexConfirmationModal.sexConfirmationModal .PopoverModalTitleWrapper {
  align-items: normal;
}
.sexConfirmationModal.sexConfirmationModal .PopoverModalTitleWrapper .closePopoverModalButton {
  align-self: flex-start;
}
.sexConfirmationModal.sexConfirmationModal .discreteDataSexModalContent {
  margin-top: 24px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}
.sexConfirmationModal.sexConfirmationModal .discreteDataSexModalButton {
  width: 100%;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/formbuilder/FormBuilder.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.FormBuilder.flexGrow {
  flex-grow: 1;
}
.FormBuilder.content {
  max-width: calc(70vw + 24px);
  margin-left: auto;
  margin-right: auto;
}
.FormBuilder .formListItem {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 0px;
  padding-right: 0px;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/Switch.scss ***!
  \**************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.librarySwitch.librarySwitch .librarySwitchLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.librarySwitch.librarySwitch .librarySwitchUnchecked {
  color: #595959;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/__deprecated/ParticipantAutofillDropdown.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.participantAutofillDropdown {
  width: 100%;
  max-height: 280px !important;
  background: #ffffff;
  border: 1px solid #dedede;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1) !important;
  border-radius: 6px !important;
  margin: 0;
  padding-top: 16px;
}
.participantAutofillDropdown .dropdownParticipantRowContainer {
  display: block;
  background: #ffffff;
  padding: 16px 16px 0;
  height: 100%;
  margin: 0 16px 0;
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid transparent;
  color: #000209;
}
.participantAutofillDropdown .dropdownParticipantRowContainer .dropdownParticipantRowDivider {
  height: 0px;
  border-bottom: 1px solid #dedede;
  margin: 4px 16px;
  display: block;
}
.participantAutofillDropdown .dropdownParticipantRow {
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
  height: 56px;
  padding: 8px 16px;
  border: 1px solid transparent;
}
.participantAutofillDropdown .dropdownParticipantRow .dropdownParticipantNameAndEmail {
  display: flex;
  flex-direction: column;
  line-height: inherit;
  justify-content: flex-end;
}
.participantAutofillDropdown .dropdownParticipantRow .dropdownParticipantNameAndEmail .dropdownParticipantName {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.25px;
}
.participantAutofillDropdown .dropdownParticipantRow .dropdownParticipantNameAndEmail .dropdownParticipantEmail {
  width: 290px;
  font-size: 12px;
}
.participantAutofillDropdown .dropdownParticipantRow .dropdownParticipantOwnerLabel {
  display: flex;
  line-height: inherit;
  align-items: flex-end;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.25px;
  overflow: hidden;
}
.participantAutofillDropdown .dropdownParticipantRow .dropdownParticipantOwnerLabel .providerNameValue {
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 2px;
}
.participantAutofillDropdown .dropdownParticipantRowContainer:hover {
  background: #ffffff;
}
.participantAutofillDropdown .dropdownParticipantRow:hover {
  background: #e3f1fc;
  border: 1px solid #2c4e69;
  border-radius: 6px;
  color: #102638;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/__deprecated/AutofillDropdown.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.appointmentDropdown {
  z-index: 2;
  margin-top: 5px;
  overflow: auto;
  width: 100%;
  position: absolute;
}
.appointmentDropdown .bold {
  font-weight: 900;
}
.appointmentDropdown .selectedMenuItem {
  background-color: #eaeaea;
}
.appointmentDropdown .selectedMenuItem .menuItemContents {
  color: black;
}
.appointmentDropdown .appointmentDropdownItem {
  position: relative;
}
.appointmentDropdown .appointmentDropdownItem .primary {
  position: absolute;
  left: 6px;
  top: 4px;
  font-size: 1.05rem;
}
.appointmentDropdown .appointmentDropdownItem .secondary {
  position: absolute;
  right: 6px;
  bottom: 6px;
  font-size: 0.9rem;
}
.appointmentDropdown .appointmentDropdownItem.compact .primary {
  left: 6px;
  top: 3px;
  font-size: 14px;
}
.appointmentDropdown .appointmentDropdownItem.compact .secondary {
  right: 6px;
  bottom: 3px;
  font-size: 10px;
}
.appointmentDropdown .selectionCover {
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.08);
}
.appointmentDropdown .coverHide {
  display: none;
}
.appointmentDropdown .menuItemContents {
  display: inline-block;
  padding: 2%;
}
.appointmentDropdown .compact {
  height: 20px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 12px;
}
.appointmentDropdown .compactCover {
  height: 32px;
}
.appointmentDropdown .regularCover {
  height: 48px;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/ProviderSelector.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.providerSelectUl.providerSelectUl {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/appointmenteditor/RecurrenceEditor.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.recurrenceEditor .recurrenceEditorSwitch {
  padding-left: 8px;
}
.recurrenceEditor .recurrenceControls {
  margin-top: 8px;
}
.recurrenceEditor .recurrenceControls .frequency {
  width: 350px;
  margin-right: 16px;
}
.recurrenceEditor .recurrenceControls .recurrenceCount {
  width: 250px;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/TemplateModal.scss ***!
  \********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.templateModalPaper.templateModalPaper {
  max-height: none;
}

.templateModal {
  margin-top: 8px;
}
.templateModal .filterControls {
  align-items: flex-end;
}
.templateModal .filterControls > div:not(:last-child) {
  margin-right: 10px;
}
.templateModal .filterControls .largeInputField {
  max-width: 211px;
}
.templateModal .filterControls .templateSearchField {
  margin-bottom: 23px;
}
.templateModal .templatesTableContainer.templatesTableContainer {
  width: 652px;
  height: 60vh;
  /* Scrollbar always visible on MacOS, except FF on MacOS */
}
.templateModal .templatesTableContainer.templatesTableContainer .templateModalRow {
  cursor: pointer;
  width: 100%;
}
.templateModal .templatesTableContainer.templatesTableContainer .loadingOverlay {
  z-index: 1301;
  background-color: #ffffff;
}
.templateModal .templatesTableContainer.templatesTableContainer .loadingOverlay .loadingIndicator {
  padding: 0;
}
.templateModal .templatesTableContainer.templatesTableContainer .noRowsOverlay {
  background-color: #ffffff;
  flex-direction: column;
}
.templateModal .templatesTableContainer.templatesTableContainer .noRowsOverlay .noRowsFoundText {
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.templateModal .templatesTableContainer.templatesTableContainer .noRowsOverlay .noRowsFoundHintsText {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.templateModal .templatesTableContainer.templatesTableContainer .templatesDataGridCellSelected.templatesDataGridCellSelected {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
}
.templateModal .templatesTableContainer.templatesTableContainer .appointmentTypeIconWrapper {
  display: flex;
}
.templateModal .templatesTableContainer.templatesTableContainer .appointmentTypeIconWrapper .appointmentTypeIcon {
  width: 20px;
  height: 20px;
}
.templateModal .templatesTableContainer.templatesTableContainer .appointmentTypeIconWrapper .appointmentTypeIcon > path {
  fill: #000209;
}
.templateModal .templatesTableContainer.templatesTableContainer ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}
.templateModal .templatesTableContainer.templatesTableContainer ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.templateModal .applyTemplateButton {
  width: 100%;
}

.templateModalPopperOverflowLabel {
  line-height: 24px;
}
.templateModalPopperOverflowLabel.templateModalPopperOverflowLabelSelected {
  color: #000209;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/signup/tutorial/AppointmentEditorGuide.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.trialAppointmentHelp {
  height: 100%;
  box-shadow: -1px 0 0 0 #cbcbcb;
  background-color: white;
  max-width: 388px;
  padding: 24px;
  font-family: "SF Pro Display";
  overflow: auto;
}
.trialAppointmentHelp > .trialHelperHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.trialAppointmentHelp > .trialHelperBlock {
  margin: 16px 0 32px;
}
.trialAppointmentHelp > .trialHelperBlock:last-child {
  margin-bottom: 0px;
}
.trialAppointmentHelp > .trialHelperBlock .trialHelperBlockTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  align-items: center;
  color: black;
  margin: 0;
}
.trialAppointmentHelp > .trialHelperBlock .trialHelperBlockText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-top: 8px;
  color: #727272;
}
.trialAppointmentHelp > .trialHelperBlock .trialHelperBlockText .link {
  font-weight: 600;
}
.trialAppointmentHelp > .trialHelperBlock .helperIcon {
  margin-right: 16px;
  width: 18px;
}
.trialAppointmentHelp > .trialHelperBlock .SVGIcon {
  width: 20px;
}
.trialAppointmentHelp .longArrowPointingUp {
  position: absolute;
  right: 20px;
  top: 10px;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/RecurrenceEditModal.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.RecurringAppointmentsModal .RecurrenceEditModal-datatimeChangeWarning {
  max-width: 330px;
  margin: 14px 5px 8px 5px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.RecurringAppointmentsModal .RecurrenceEditModal-datatimeChangeWarning .RecurrenceEditModal-datatimeChangeWarning-prefix {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  margin-right: 4px;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/RecurrenceModal.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.RecurringAppointmentsModal.RecurringAppointmentsModal {
  min-width: 420px;
}
.RecurringAppointmentsModal.RecurringAppointmentsModal .RecurringAppointmentsModalTitle {
  padding: 24px 22px 10px 22px;
}
.RecurringAppointmentsModal.RecurringAppointmentsModal .RecurringAppointmentsModalTitle .closeRecurringAppointmentsModalButton {
  width: 35px;
  height: 35px;
  margin-right: 8px;
  margin-top: -3px;
}
.RecurringAppointmentsModal.RecurringAppointmentsModal .RecurringAppointmentsModalTitle .closeRecurringAppointmentsModalButton .closeRecurringAppointmentsModalIcon {
  vertical-align: middle;
  font-weight: 600;
  font-size: 28px;
}
.RecurringAppointmentsModal.RecurringAppointmentsModal .RecurringAppointmentsModalTitle .closeRecurringAppointmentsModalText {
  font-weight: 600;
}
.RecurringAppointmentsModal.RecurringAppointmentsModal .RecurringAppointmentsModalContent {
  padding: 20px 0px;
}
.RecurringAppointmentsModal.RecurringAppointmentsModal .RecurringAppointmentsModalOptionLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.RecurringAppointmentsModal.RecurringAppointmentsModal .RecurringAppointmentsModalOptionRadio {
  height: 42px;
  width: 42px;
}
.RecurringAppointmentsModal.RecurringAppointmentsModal .RecurringAppointmentsModalOptionLabelRoot {
  margin-left: -2px;
  margin-right: 4px;
}
.RecurringAppointmentsModal.RecurringAppointmentsModal .RecurringAppointmentsModalAction {
  justify-content: flex-start;
  padding: 0 22px 22px 22px;
  margin: 0;
}
.RecurringAppointmentsModal.RecurringAppointmentsModal .confirmButton {
  font-weight: 400;
  min-width: 120px;
  border-radius: 4px;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/appointmenteditor/AppointmentEditor.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.newAppointmentEditorConfirmModal .ConfirmModalBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  width: 372px;
}

.newAppointmentEditor .editorContentWrapper {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  background-color: #fafbfc;
}
.newAppointmentEditor .editorContentWrapper .sectionTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin: 0px;
}
.newAppointmentEditor .editorContentWrapper .sectionTitle .optionalText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-left: 4px;
  color: #595959;
}
.newAppointmentEditor .editorContentWrapper .sectionDescription {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 0px 0px 12px 0px;
}
.newAppointmentEditor .appointmentEditorCardWrapper {
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
.newAppointmentEditor .appointmentEditorCard {
  max-width: 1095px;
  flex-basis: 0;
  flex-grow: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 24px;
  margin: 24px 40px;
  border: 1px solid #dedede;
  border-radius: 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  overflow: visible;
}
.newAppointmentEditor .appointmentEditorForm > *:not(:last-child) {
  margin-bottom: 12px;
}
.newAppointmentEditor .smallInputField {
  width: 180px;
  flex-shrink: 0;
}
.newAppointmentEditor .largeInputField {
  width: 376px;
}
.newAppointmentEditor .smallInputField:not(:last-child),
.newAppointmentEditor .largeInputField:not(:last-child) {
  margin-right: 16px;
}
.newAppointmentEditor .appointmentConflictContainer {
  width: 512px;
}
.newAppointmentEditor .appointmentConflictContainer .conflictNote {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c71b16;
  margin: -24px 0px 10px 0px;
}
.newAppointmentEditor .appointmentConflictContainer .conflictContent {
  padding: 12px;
  border: 2px solid #c71b16;
  border-radius: 4px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.newAppointmentEditor .appointmentConflictContainer .conflictContent .conflictList * {
  margin: 0;
}
.newAppointmentEditor .appointmentConflictContainer .conflictContent .conflictList > *:not(:last-child) {
  margin-bottom: 16px;
}
.newAppointmentEditor .appointmentConflictContainer .conflictContent .conflictList .conflictingAppointmentTitle {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.newAppointmentEditor .appointmentConflictContainer .conflictContent .conflictList .conflictingAppointmentTime {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.newAppointmentEditor .appointmentConflictContainer .conflictContent .expandConflictButton {
  border: none;
  background-color: white;
  padding: 0px;
}
.newAppointmentEditor .appointmentConflictContainer .conflictContent .expandConflictButton .conflictingAppointmentOthers {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-decoration: underline;
  margin: 10px 0px 0px 0px;
  color: #595959;
}
.newAppointmentEditor .appointmentConflictContainer .conflictContent .expandConflictButton .conflictingAppointmentOthers:hover {
  color: #0d0d0d;
}
.newAppointmentEditor .participantContainer {
  border: none;
  padding: 0px;
  letter-spacing: -0.25px;
  align-items: flex-start;
  margin-left: 0px;
  min-width: 800px;
}
.newAppointmentEditor .participantContainer > div:not(:last-child) {
  margin-bottom: 8px;
}
.newAppointmentEditor .participantContainer .providerParticipantAlert {
  border-radius: 6px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.newAppointmentEditor .participantContainer .providerParticipantAlert .alertIcon {
  align-items: center;
}
.newAppointmentEditor .participantContainer .addParticipantsHeading {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.newAppointmentEditor .participantContainer .participantsHeadingDivider {
  margin: 4px 0 16px;
  width: 100%;
}
.newAppointmentEditor .participantContainer .participantRow {
  width: 100%;
}
.newAppointmentEditor .participantContainer .participantRow > *:not(:last-child) {
  margin-right: 16px;
}
.newAppointmentEditor .participantContainer .emailField {
  flex-basis: 180px;
  flex-grow: 1;
  flex-shrink: 1;
}
.newAppointmentEditor .participantContainer .appointmentFee {
  width: 90px;
  flex-shrink: 0;
}
.newAppointmentEditor .participantContainer .appointmentFee .feeInputLabel {
  white-space: nowrap;
}
.newAppointmentEditor .participantContainer .appointmentFeeGMP {
  width: 140px;
}
.newAppointmentEditor .participantContainer .editFeeButton {
  margin-left: 16px;
  margin-top: 4px;
}
.newAppointmentEditor .participantContainer .editFeeButton .MuiButton-label {
  white-space: nowrap;
}
.newAppointmentEditor .participantContainer .firstEditFeeButton {
  margin-top: 27px;
}
.newAppointmentEditor .participantContainer .firstEditFeeButton .MuiButton-label {
  white-space: nowrap;
}
.newAppointmentEditor .participantContainer .appointmentFeeContainer {
  display: flex;
}
.newAppointmentEditor .participantContainer .addToRosterRoot {
  margin-left: 0px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.newAppointmentEditor .participantContainer .addToRosterRoot .addToRosterLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  white-space: nowrap;
}
.newAppointmentEditor .participantContainer .firstAddToRosterRoot {
  margin-top: 28px;
}
.newAppointmentEditor .participantContainer .addToRosterRootHidden {
  visibility: hidden;
}
.newAppointmentEditor .participantContainer .addToRoster {
  height: 32px;
  width: 32px;
}
.newAppointmentEditor .participantContainer .removeParticipantButton {
  width: 40px;
  height: 32px;
  padding: 12px;
  margin-top: 4px;
}
.newAppointmentEditor .participantContainer .firstRemoveParticipantButton {
  margin-top: 27px;
}
.newAppointmentEditor .participantContainer .participantDropdownContainer {
  position: relative;
  flex-grow: 1;
}
.newAppointmentEditor .participantContainer .addParticipantWrapper {
  display: flex;
  margin: 8px 0 20px;
}
.newAppointmentEditor .participantContainer .addParticipantWrapper .addParticipantButton {
  margin-right: 16px;
  padding-left: 12px;
}
.newAppointmentEditor .participantContainer .addParticipantWrapper .addParticipantButton i {
  margin-right: 8px;
}
.newAppointmentEditor .participantContainer .addParticipantWrapper .participantsCountWrapper {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #595959;
  display: flex;
  align-items: center;
}
.newAppointmentEditor .participantContainer .addParticipantWrapper .participantsCountWrapper .participantsCountIcon {
  margin-right: 4px;
  fill: #595959;
}
.newAppointmentEditor .participantContainer .addParticipantWrapper .participantsCountWrapper .participantsCount {
  margin: 0;
}
@media screen and (max-width: 1199px) {
  .newAppointmentEditor .appointmentEditorGuideWrapper {
    display: none;
  }
}
.newAppointmentEditor .modalActionButtons {
  margin-top: 8px;
}
.newAppointmentEditor .modalActionButtons.recurringDisabled {
  margin-top: 20px;
}
.newAppointmentEditor .modalActionButtons.recurringEnabled {
  margin-top: 6px;
}
.newAppointmentEditor .modalActionButtons .actionButton {
  flex-grow: 1;
  flex-basis: 0;
}
.newAppointmentEditor .modalActionButtons .actionButton:not(:last-child) {
  margin-right: 16px;
}
.newAppointmentEditor .modalActionButtons .loadingSpinner {
  height: 24px;
}
.newAppointmentEditor .editorHasErrors {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 4px 0 12px;
  text-align: center;
}
.newAppointmentEditor .templateBar {
  align-items: center;
  padding: 16px;
  margin-bottom: 32px;
  justify-content: space-between;
  border-radius: 6px;
  max-height: 200px;
  min-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), padding-top 0.4s linear, padding-bottom 0.4s linear, margin-bottom 0.4s linear;
}
.newAppointmentEditor .templateBar.disableTemplates {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.newAppointmentEditor .templateBar.noTemplates .templateTitle, .newAppointmentEditor .templateBar.noTemplates .templateDescription {
  color: #595959;
}
.newAppointmentEditor .templateBar .header {
  align-items: center;
}
.newAppointmentEditor .templateBar .header .icon {
  display: flex;
  align-items: center;
  width: 28px;
  padding: 0px 8px 0px 4px;
  flex-shrink: 0;
}
.newAppointmentEditor .templateBar .header .integrationIcon {
  display: flex;
  align-items: center;
  margin-right: 4px;
  width: 30px;
  fill: #102638;
}
.newAppointmentEditor .templateBar .header .integrationTitle {
  color: #102638;
}
.newAppointmentEditor .templateBar .header .successFill {
  fill: #1c834b;
}
.newAppointmentEditor .templateBar .header .minimumFill {
  fill: #595959;
}
.newAppointmentEditor .templateBar .header .templateTitle {
  margin: 0;
}
.newAppointmentEditor .templateBar .templateDescription {
  margin: 0;
}
.newAppointmentEditor .templateBar .noTemplatesDescription {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
.newAppointmentEditor .templateBar .descriptionWithIcon {
  margin-top: 5px;
}
.newAppointmentEditor .templateBar .applyButton {
  margin-left: 20px;
  flex-shrink: 0;
}
.newAppointmentEditor .templateBar .appliedButtons {
  margin-top: 20px;
}
.newAppointmentEditor .templateBar .appliedButtons .applyNewButton {
  margin-left: 0px;
  margin-right: 8px;
}
.newAppointmentEditor .templateBar .absoluteLoader {
  position: relative;
  padding: 0;
  width: 153px;
}
.newAppointmentEditor .templateBar .absoluteLoader > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.newAppointmentEditor .templateBar .absoluteLoader svg {
  width: 100%;
}
.newAppointmentEditor .recurrenceDescription {
  margin-bottom: 8px;
}
.newAppointmentEditor .plusIcon {
  margin-right: 4px;
}
.newAppointmentEditor .addFormsContainer {
  padding-bottom: 20px;
}
.newAppointmentEditor .addFormsContainer .addFormButton {
  padding-left: 12px;
}
.newAppointmentEditor .addFormsContainer .formChipList {
  margin-top: 16px;
  align-items: flex-start;
}
.newAppointmentEditor .addFormsContainer .formChipList.userList {
  margin-top: 8px;
}
.newAppointmentEditor .addFormsContainer .formChipList > *:not(:last-child) {
  margin-bottom: 8px;
}
.newAppointmentEditor .addFormsContainer .formChipList .formChip {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  height: 24px;
  padding-left: 8px;
  border: 1px solid;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  cursor: pointer;
}
.newAppointmentEditor .addFormsContainer .formChipList .formChip.templateFormChip {
  padding-left: 4px;
}
.newAppointmentEditor .addFormsContainer .formChipList .formChip:focus {
  filter: brightness(90%);
  -webkit-filter: brightness(90%);
}
.newAppointmentEditor .addFormsContainer .formChipList .formChip .formChipLabel {
  padding: 0;
}
.newAppointmentEditor .addFormsContainer .formChipList .formChip .templateIcon {
  width: 10px;
  margin-right: 5px;
}
.newAppointmentEditor .addFormsContainer .formChipList .formChip .deleteIcon {
  width: 18px;
  height: 18px;
  margin: 0px 8px 0px 4px;
  padding: 0px 5px;
}
.newAppointmentEditor .addFormsContainer .formChipList .formChip .deleteIcon:hover {
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
}
.newAppointmentEditor .addFormsContainer .ehrWarningContainer {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  gap: 8px;
  margin-top: 16px;
}
.newAppointmentEditor .addFormsContainer .ehrWarningContainer .ehrWarning {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #c71b16;
}
.newAppointmentEditor .addFormsContainer .ehrWarningContainer p {
  margin: 0;
}

.providerSelectPopper li:first-child > .providerDropdownGroupList {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.providerSelectPopper li:last-child > .providerDropdownGroupList {
  color: #595959;
}

.MuiPaper-root.editFeeModal {
  padding: 24px;
  width: 420px;
  border-radius: 12px;
}
.MuiPaper-root.editFeeModal .editFeeModalHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.MuiPaper-root.editFeeModal .editFeeModalHeader .editFeeModalTitle {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
  color: #000209;
}
.MuiPaper-root.editFeeModal .editFeeModalHeader .editFeeModalCloseButton .editFeeModalCloseIcon {
  width: 16px;
}
.MuiPaper-root.editFeeModal .editFeeModalDescription {
  margin-bottom: 16px;
  margin-top: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #000209;
}
.MuiPaper-root.editFeeModal .ehrFeeSection {
  margin-bottom: 16px;
}
.MuiPaper-root.editFeeModal .ehrFeeSection .ehrFeeSectionHeader {
  font-weight: bold;
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 0;
}
.MuiPaper-root.editFeeModal .ehrFeeSection .ehrFeeSectionHeader .ehrFeeLockIcon {
  margin-left: 8px;
  font-size: 16px;
}
.MuiPaper-root.editFeeModal .ehrFeeSection .ehrFeeSectionDescription {
  color: #595959;
  font-size: 12px;
  margin-bottom: 8px;
}
.MuiPaper-root.editFeeModal .ehrFeeSection .ehrFeeInput {
  width: 100%;
}
.MuiPaper-root.editFeeModal .overrideEhrFeeSection {
  border-radius: 8px;
  margin-bottom: 24px;
  border: 1px solid #dedede;
}
.MuiPaper-root.editFeeModal .overrideEhrFeeSection .overrideEhrFeeSectionHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.MuiPaper-root.editFeeModal .overrideEhrFeeSection .overrideEhrFeeSectionHeader .overrideEhrFeeSectionBody {
  padding: 16px;
}
.MuiPaper-root.editFeeModal .overrideEhrFeeSection .overrideEhrFeeSectionHeader .overrideEhrFeeSectionBody .overrideEhrFeeSectionTitle {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 4px;
}
.MuiPaper-root.editFeeModal .overrideEhrFeeSection .overrideEhrFeeSectionHeader .overrideEhrFeeSectionBody .overrideEhrFeeSectionDescription {
  color: #595959;
  font-size: 12px;
}
.MuiPaper-root.editFeeModal .overrideEhrFeeSection .overrideEhrFeeSectionHeader .overrideEhrFeeSectionSwitch {
  margin-right: 4px;
  margin-top: 4px;
}
.MuiPaper-root.editFeeModal .overrideEhrFeeSection .overrideEhrFeeSectionContent {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
}
.MuiPaper-root.editFeeModal .overrideEhrFeeSection .overrideEhrFeeSectionContent .updatedFeeLabel {
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 14px;
}
.MuiPaper-root.editFeeModal .overrideEhrFeeSection .overrideEhrFeeSectionContent .updatedFeeInput {
  width: 100%;
}
.MuiPaper-root.editFeeModal .editFeeModalActions .confirmButton {
  width: 100%;
  border-radius: 4px;
  padding: 12px 0;
  margin-bottom: 8px;
}
.MuiPaper-root.editFeeModal .editFeeModalActions .cancelButton {
  width: 100%;
  border-radius: 4px;
  padding: 12px 0;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/basicelements/DateTimePicker.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.dateTimePicker .dateTimePickerError {
  padding-left: 5px;
  padding-top: 5px;
  min-height: 24px;
}
.dateTimePicker.hasError .rw-widget-picker {
  background-color: transparent;
  border-color: #f44336;
  box-shadow: 0 0 8px rgba(233, 102, 102, 0.6);
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/SearchableDropdown.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.textFieldAndMenuItemsContainer {
  position: relative;
}
.textFieldAndMenuItemsContainer .menuItemsContainer {
  position: absolute;
  z-index: 30;
  max-height: 300px;
  overflow: auto;
  width: 100%;
}
.textFieldAndMenuItemsContainer .menuItemsContainer .menuItem.canWrap {
  white-space: normal;
  height: auto;
  overflow: visible;
}
.textFieldAndMenuItemsContainer .menuItemsContainer .menuItem.noWrap {
  min-height: 36px;
}
.textFieldAndMenuItemsContainer .smallLoadingIndicator {
  transform: scale(0.5);
  padding: 0px;
  margin: 0px;
  width: auto;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/__deprecated/InputText.scss ***!
  \**********************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.fas.form-control {
  font-weight: normal;
}
.fas.form-control.above {
  z-index: 1;
}
.fas.form-control.error::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 900;
  color: #dd0000;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/__deprecated/AppointmentEditor.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.appointmentEditor {
  color: #000209;
  height: 100%;
  overflow: hidden;
}
.appointmentEditor .fullWidth {
  width: 100%;
}
.appointmentEditor > header {
  position: relative;
}
.appointmentEditor > header .headerText {
  flex: 1;
}
.appointmentEditor .appointmentEditorBody {
  height: 100%;
  align-items: flex-start;
  display: flex;
  flex-direction: row-reverse;
}
.appointmentEditor .appointmentEditorBody .closeEditorIcon {
  position: absolute;
  top: 0;
  left: 0;
}
.appointmentEditor .appointmentEditorBody .appointmentEditorBodyContainer {
  height: 100%;
  overflow-y: auto;
  padding: 0 42px;
  flex-grow: 1;
}
.appointmentEditor .appointmentEditorBody .optionalLabel {
  color: rgba(0, 0, 0, 0.26);
  font-weight: 500;
  margin-top: 10px;
  width: 100%;
}
.appointmentEditor .loadingIndicator {
  padding-top: 150px;
}
.appointmentEditor .submitButton {
  width: 240px;
  height: 50px;
}
.appointmentEditor .submitButton .loadingSpinner {
  position: absolute;
  bottom: 0;
  left: 15px;
  height: 40px;
  padding: 0;
}
.appointmentEditor .flexColumn.editorFields {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
  width: 100%;
  align-items: flex-start;
}
.appointmentEditor .flexColumn.editorFields label,
.appointmentEditor .flexColumn.editorFields .fieldLabel {
  color: #727272;
}
.appointmentEditor .flexColumn.editorFields .fieldLabel {
  font-weight: 400;
  margin-bottom: 7px;
}
.appointmentEditor .flexColumn.editorFields .optionList > div {
  line-height: 38px;
  margin-top: 0px;
}
.appointmentEditor .flexColumn.editorFields .flexWrap.fullWidth.providerDivisionSelector .doctorSelect {
  margin-top: 10px;
  width: 100%;
}
.appointmentEditor .flexColumn.editorFields .flexWrap.fullWidth.providerDivisionSelector .doctorSelector {
  width: 100%;
  margin: 8px 8px 8px 0;
}
.appointmentEditor .flexColumn.editorFields .flexWrap.fullWidth.providerDivisionSelector .doctorSelector > .form-control {
  width: 100%;
}
.appointmentEditor .flexColumn.editorFields .flexWrap.fullWidth.providerDivisionSelector .providerSelector {
  margin-top: 8px;
}
.appointmentEditor .flexColumn.editorFields .invalidSelectorDivision {
  text-align: center;
  padding: 24px 40px;
  font-weight: 600;
  border: 1px solid #d50000;
  border-radius: 8px;
  margin: 12px 24px;
}
.appointmentEditor .flexColumn.editorFields .appointmentConflictWarning {
  margin: 10px 0 0 0;
  width: 100%;
  border: 1.5px solid #fb6419;
  border-radius: 10px;
  padding: 16px 16px 6px 16px;
  color: #202020;
  font-size: 0.875rem;
  box-sizing: border-box;
}
.appointmentEditor .flexColumn.editorFields .appointmentConflictWarning .appointmentConflictWarningPrefix {
  font-weight: 600;
}
.appointmentEditor .flexColumn.editorFields .appointmentConflictWarning .conflictingAppointmentOthers {
  margin: 0;
  margin-bottom: 10px;
  color: #6c6c6c;
  text-decoration: underline;
  cursor: pointer;
}
.appointmentEditor .flexColumn.editorFields .appointmentConflictWarning .appointmentConflictListContainer {
  width: 100%;
  margin-top: 20px;
}
.appointmentEditor .flexColumn.editorFields .appointmentConflictWarning .appointmentConflictListContainer * {
  margin: 0;
  color: #202020;
}
.appointmentEditor .flexColumn.editorFields .appointmentConflictWarning .appointmentConflictListContainer .conflictingAppointmentTitle {
  font-weight: 600;
}
.appointmentEditor .flexColumn.editorFields .appointmentConflictWarning .appointmentConflictListContainer .conflictingAppointmentOthers,
.appointmentEditor .flexColumn.editorFields .appointmentConflictWarning .appointmentConflictListContainer .conflictingAppointmentTime {
  margin-top: 5px;
}
.appointmentEditor .flexColumn.editorFields .appointmentConflictWarning .appointmentConflictListContainer .appointmentConflictItem {
  margin: 0;
  margin-bottom: 10px;
}
.appointmentEditor .flexColumn.editorFields .appointmentEditorBar {
  justify-content: space-between;
  align-items: center;
}
.appointmentEditor .flexColumn.editorFields .appointmentEditorBar .cancelAppointmentButton {
  min-width: 170px;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  height: 30px;
  color: #d03838;
}
.appointmentEditor .flexColumn.editorFields .appointmentEditorBar .headerText {
  text-align: center;
  line-height: 2.3;
}
.appointmentEditor .flexColumn.editorFields .rowHeight {
  height: 36px;
}
.appointmentEditor .flexColumn.editorFields .checkboxWidth {
  width: 36px;
}
.appointmentEditor .flexColumn.editorFields .rightPaddedRow {
  margin-top: 8px;
  width: 100%;
}
.appointmentEditor .flexColumn.editorFields .rightPaddedRow > * {
  padding-right: 20px;
}
.appointmentEditor .flexColumn.editorFields .rightPaddedRow > *:last-child {
  padding-right: 0;
}
.appointmentEditor .flexColumn.editorFields .fieldRow {
  margin-top: 20px;
  width: 100%;
}
.appointmentEditor .flexColumn.editorFields .fieldRow > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
.appointmentEditor .flexColumn.editorFields .fieldRow > *:last-child {
  padding-right: 0;
}
.appointmentEditor .flexColumn.editorFields .participantList {
  position: relative;
  margin: 29px 0;
}
.appointmentEditor .flexColumn.editorFields .participantList .addParticipantLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
}
.appointmentEditor .flexColumn.editorFields .participantList .participantHeader {
  height: 36px;
  align-items: center;
  background-color: #f8f8f8;
  border-radius: 5px;
  color: #727272;
  font-size: 12px;
  font-weight: 600;
}
.appointmentEditor .flexColumn.editorFields .participantList .participantHeader .addRoster {
  text-align: center;
}
.appointmentEditor .flexColumn.editorFields .participantList .participantHeader > *.noRoster:first-child,
.appointmentEditor .flexColumn.editorFields .participantList .participantFields > *.noRoster:first-child {
  padding-left: 20px;
}
.appointmentEditor .flexColumn.editorFields .participantList .addRoster {
  padding-right: 0;
}
.appointmentEditor .flexColumn.editorFields .participantList .columnFirstName,
.appointmentEditor .flexColumn.editorFields .participantList .columnLastName {
  width: 17.5%;
}
.appointmentEditor .flexColumn.editorFields .participantList .columnEmail {
  width: 35%;
}
.appointmentEditor .flexColumn.editorFields .participantList .columnFirstName.noRoster,
.appointmentEditor .flexColumn.editorFields .participantList .columnLastName.noRoster {
  width: 23.75%;
}
.appointmentEditor .flexColumn.editorFields .participantList .columnEmail.noFee {
  width: 47.5%;
}
.appointmentEditor .flexColumn.editorFields .participantList .columnFee,
.appointmentEditor .flexColumn.editorFields .participantList .addRoster {
  width: 12.5%;
}
.appointmentEditor .flexColumn.editorFields .participantList .columnFee.noFee {
  width: 0;
}
.appointmentEditor .flexColumn.editorFields .participantList .addRoster.noRoster {
  width: 0;
}
.appointmentEditor .flexColumn.editorFields .participantList .addDeleteEntry {
  width: 5%;
  flex-grow: 0;
  flex-shrink: 0;
}
.appointmentEditor .flexColumn.editorFields .participantList .addParticipant {
  min-width: 0;
  box-shadow: none;
  width: 33%;
  left: 100%;
  transform: translateX(-100%);
  margin-top: 25px;
  color: #727272;
}
.appointmentEditor .flexColumn.editorFields .participantList .addParticipant i {
  margin: 0 10px;
}
.appointmentEditor .flexColumn.editorFields .participantList .participantRow {
  overflow: visible;
}
.appointmentEditor .flexColumn.editorFields .participantList .participantRow .participantDropdownContainer {
  display: flex;
  justify-content: center;
  width: 93%;
}
.appointmentEditor .flexColumn.editorFields .participantList .participantRow .participantDropdownContainer .participantAutofillDropdown {
  width: 650px;
}
.appointmentEditor .flexColumn.editorFields .participantList .participantRow .participantFields {
  height: 40px;
  margin-top: 0;
  align-items: flex-end;
}
.appointmentEditor .flexColumn.editorFields .participantList .participantRow .participantFields .rosterCheckbox {
  display: flex;
  padding-right: 0;
  justify-content: center;
}
.appointmentEditor .flexColumn.editorFields .participantList .participantRow .participantFields .rosterCheckbox .checkboxInput {
  z-index: 1;
}
.appointmentEditor .flexColumn.editorFields .participantList .participantRow .participantFields .patientFirstName,
.appointmentEditor .flexColumn.editorFields .participantList .participantRow .participantFields .patientLastName,
.appointmentEditor .flexColumn.editorFields .participantList .participantRow .participantFields .patientEmail,
.appointmentEditor .flexColumn.editorFields .participantList .participantRow .participantFields .fee {
  width: 100%;
}
.appointmentEditor .flexColumn.editorFields .participantList .participantRow .participantFields .patientFirstName.hasValue > label,
.appointmentEditor .flexColumn.editorFields .participantList .participantRow .participantFields .patientLastName.hasValue > label,
.appointmentEditor .flexColumn.editorFields .participantList .participantRow .participantFields .patientEmail.hasValue > label,
.appointmentEditor .flexColumn.editorFields .participantList .participantRow .participantFields .fee.hasValue > label {
  display: none;
}
.appointmentEditor .flexColumn.editorFields .participantList .participantRow .participantFields .smallerText {
  font-size: 14px;
}
.appointmentEditor .flexColumn.editorFields .participantList .participantRow .participantFields .removeParticipant {
  height: 40px;
  color: #dd0000;
  position: relative;
  top: 4px;
}
.appointmentEditor .flexColumn.editorFields .recurrenceRow {
  align-items: center;
}
.appointmentEditor .flexColumn.editorFields .recurrenceRow .noOfAppointmentInput {
  width: 297.5px;
}
.appointmentEditor .providerParticipantAlert {
  margin: 10px 0;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/appointmenteditor/AppointmentEditorButton.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
._floatingAction {
  position: fixed;
  bottom: 15px;
  right: 30px;
}
._floatingAction > button {
  font-size: 0px;
}
._floatingAction svg {
  font-size: 36px;
  position: relative;
  top: -6px;
}
._floatingAction._disabledFloatingAction button, ._floatingAction._disabledFloatingAction button:focus, ._floatingAction._disabledFloatingAction button:hover {
  color: rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.12);
  pointer-events: none;
}

.appointmentTypeIcon {
  width: 40px;
  height: 40px;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/calendar.scss ***!
  \********************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.currentTimeBar {
  height: 2px;
  margin-top: -2px;
  width: calc(100% - 6px);
  left: 3px;
  position: relative;
  background-color: #0600ff8f;
  z-index: 5;
}
.currentTimeBar:before {
  height: 10px;
  width: 10px;
  content: ".";
  -webkit-clip-path: circle(3px at center);
          clip-path: circle(3px at center);
  background-color: #0600ff8f;
  position: absolute;
  top: -4px;
  left: -8px;
}
.currentTimeBar:after {
  height: 10px;
  width: 10px;
  content: ".";
  -webkit-clip-path: circle(3px at center);
          clip-path: circle(3px at center);
  background-color: #0600ff8f;
  position: absolute;
  top: -4px;
  right: -8px;
}

.isNow {
  background-color: #f9a99647;
}

.relative {
  position: "relative";
}

.flexRow {
  display: flex;
  flex-direction: row;
}

.flexColumn {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.flexCenter {
  justify-content: center;
  align-items: center;
}

.flexGrow {
  flex-grow: 1;
  flex-shrink: none;
}
.flexGrow .flexShrink {
  flex-shrink: 1;
}

.inlineBlock {
  display: inline-block;
}

.flexShrink {
  flex-shrink: 1;
}

.noShrink {
  flex-shrink: 0;
}

.calendarMain {
  height: 100%;
}

.sidebarToggle {
  position: relative;
  height: 24px;
  cursor: pointer;
  transition: left 0.3s;
}
.sidebarToggle > span {
  margin-left: -5px;
  margin-right: -5px;
}

.calendarSidebar {
  position: relative;
  min-height: 110px;
  width: 210px;
  transition: width 0.2s, min-width 0.2s;
  overflow-x: hidden;
  border-right: 1px solid #dedede;
}
.calendarSidebar .sideBarControls {
  justify-content: space-between;
  padding-left: 14px;
}
.calendarSidebar .providerTitle {
  padding-top: 10px;
}
.calendarSidebar .room {
  margin-top: 4px;
  margin-bottom: 4px;
}
.calendarSidebar.closed {
  width: 14px;
  min-width: 14px;
}
.calendarSidebar > .flexItem {
  padding-left: 15px;
}
.calendarSidebar .providers {
  overflow-y: auto;
  overflow-x: hidden;
}
.calendarSidebar .providers .selectToggle {
  padding-top: 5px;
  padding-bottom: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.calendarSidebar .checkboxItem {
  min-height: 24px;
  flex-basis: 30px;
  overflow: hidden;
}
.calendarSidebar .toggleOptions {
  cursor: pointer;
  height: 14px;
  width: 24px;
  position: absolute;
  right: 12px;
  bottom: 82px;
}
.calendarSidebar .toggleOptions.open .icon {
  margin-top: -5px;
  color: gray;
}
.calendarSidebar .toggleOptions.closed {
  bottom: 12px;
  height: 24px;
}
.calendarSidebar .toggleOptions.closed .icon {
  height: 24px;
  color: black;
}
.calendarSidebar .eventOptions {
  height: 96px;
  min-height: 96px;
  transition: height 0.2s, min-height 0.2s;
}
.calendarSidebar .eventOptions.closed {
  height: 0px;
  min-height: 0px;
  overflow: hidden;
}

.calendarContainer {
  display: flex;
}
.calendarContainer > .flexGrow {
  flex-grow: 1;
}

.toolRow {
  background-color: #fff;
  width: 100%;
  border-bottom: 1px solid #dedede;
  align-items: center;
  height: 54px;
  padding: 0 12px;
}
.toolRow .cal-button-bar {
  margin: 0;
  padding: 10px 20px 10px 5px;
  border-right: 1px solid #dedede;
}
.toolRow .calendarToggle .sidebarColumn {
  height: 48px;
  background-color: #fff;
  align-items: center;
  justify-content: center;
}

.calendarBox {
  position: relative;
  transition: margin-right 0.2s, margin-left 0.2s;
  margin-left: 10px;
  margin-right: 10px;
}

.calendarPadded {
  margin-left: 90px;
  margin-right: 90px;
}

.calendar-toolbar {
  background-color: white;
}
.calendar-toolbar .toolsRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.calendar-toolbar .arrowButton {
  height: 22px;
  width: 24px;
  background-color: white;
  border: 1px solid #595959;
  color: #595959;
  cursor: pointer;
  margin: 3px 13px;
  margin-top: 10px;
  border-radius: 4px;
}
.calendar-toolbar .arrowButton > * {
  margin-top: -2px;
}
.calendar-toolbar .arrowButton .left {
  margin-left: -2px;
}
.calendar-toolbar .week-change {
  background-color: white;
  padding: 0px 0px;
}
.calendar-toolbar .calendarToolbarDateTools {
  display: flex;
  height: 38px;
}
.calendar-toolbar .calendarToolbarDateTools button {
  height: 22px;
  background-color: white;
  border: 1px solid #595959;
  color: #595959;
  padding: 0px 7px 1px 7px;
  cursor: pointer;
  margin: 3px 13px;
  text-align: center;
  margin-top: 10px;
  border-radius: 4px;
}
.calendar-toolbar .providersShown {
  font-size: 12px;
  height: 24px;
  margin: auto;
  margin-left: 15px;
  line-height: 28px;
}
.calendar-toolbar .calendarToolbarViewTools {
  display: flex;
  align-items: center;
  padding: 5px 15px;
}
.calendar-toolbar .calendarToolbarViewTools button {
  outline: none;
  margin: 0px;
}
.calendar-toolbar .calendarToolbarViewTools .setAvailabilityButton:not(:last-child) {
  margin-right: 6px;
}
.calendar-toolbar .current-range {
  padding: 12px;
  color: #595959;
}

.calendarHeader {
  background-color: white;
}

.calendarHeaderRow {
  display: flex;
  background-color: white;
}
.calendarHeaderRow .providerHeader {
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: #f2f2f2;
  border: 0.5px solid #dedede;
  border-top: none;
  border-right: none;
}
.calendarHeaderRow .clickableHeader {
  cursor: pointer;
}
.calendarHeaderRow .clickableHeader:hover {
  border-bottom: 2px solid gray;
  border-right: 0.5px solid lightgray;
  border-top: 0.5px solid lightgray;
  border-left: 0.5px solid lightgray;
}
.calendarHeaderRow .providerScroll {
  position: absolute;
  top: -1;
  height: 100%;
  color: white;
  line-height: 4.2;
  background-color: #4a4a4a;
  border: 0.5px solid #dedede;
}
.calendarHeaderRow .providerScroll.enabled {
  cursor: pointer;
}
.calendarHeaderRow .providerScroll.disabled {
  opacity: 0.25;
}
.calendarHeaderRow .providerScroll.next {
  right: 0;
}
.calendarHeaderRow .providerScroll.previous {
  left: calc(7% - 24px);
}
.calendarHeaderRow .providerScroll.previous > span {
  margin-left: 5px;
  margin-right: -5px;
}
.calendarHeaderRow .calendarHeaderCell {
  flex: 1;
  height: 60px;
  border-bottom: 0.25px solid #dedede;
}
.calendarHeaderRow .calendarHeaderCell .day {
  padding: 0px 5px;
  outline: none;
  font-size: 30px;
  color: #595959;
  float: left;
  width: 100%;
}
.calendarHeaderRow .calendarHeaderCell .date {
  display: block;
  padding: 0px 5px;
  outline: none;
  font-size: 15px;
  color: #595959;
  float: left;
  width: 100%;
  margin: -2px 0px;
}
.calendarHeaderRow .calendarEmptyHeaderCell.providerHeader {
  background-color: #f2f2f2;
  border-bottom: 1px solid #dedede;
  height: 60px;
}

.calendarTable {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 118px);
}

.calendarBody {
  transform: translate(0, 0);
  background-color: white;
  overflow-y: auto;
  display: flex;
  width: 100%;
}

.timeColumn {
  flex-basis: 7%;
}

.contentColumn {
  flex-basis: 13.5%;
}

.providerColumn {
  overflow: hidden;
}

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

.calendarColumn {
  position: relative;
  height: 1200px;
}
.calendarColumn .calendarCell {
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  max-width: 100%;
  overflow-y: visible;
  position: relative;
}
.calendarColumn .calendarCell.odd {
  border-bottom: 1px dotted #dedede;
  border-left: 1px solid #dedede;
}
.calendarColumn .calendarCell .calendarCurrentCell {
  background-color: rgba(251, 83, 0, 0.9);
  border: 1px solid white;
  color: #ffffff;
  cursor: pointer;
  margin-left: 2px;
}
.calendarColumn .calendarCell .calendarAvailabilityCell {
  background-color: rgba(240, 240, 240, 0.75);
  color: #163045;
  border: solid 1px #fb5300;
  cursor: pointer;
  z-index: 2;
}
.calendarColumn .calendarCell .calendarPastCell {
  color: #ffffff;
  z-index: 3;
}
.calendarColumn .calendarPastCell {
  background-color: rgba(251, 83, 0, 0.5);
  color: #ffffff;
  z-index: 3;
}
.calendarColumn .calendarCellContent {
  width: 90%;
  border-radius: 2px;
  float: left;
  position: absolute;
  overflow: hidden;
  transition: width 0.2s, left 0.2s, height 0.2s;
}
.calendarColumn .calendarCellContent .calendarCellContentName {
  overflow: hidden;
  font-size: 10px;
  font-weight: bold;
  position: relative;
}
.calendarColumn .calendarCellContent .calendarCellContentName .calendar-icon {
  margin: 0 3%;
}
.calendarColumn .calendarCellContent .calendarCellContentName .delete-availability-icon {
  float: right;
  margin: 4% 4% 0 0;
}
.calendarColumn .calendarCellContent .calendarCellContentName .calendarCellPatientName {
  display: inline-block;
}
.calendarColumn .calendarCellContent .calendarCellContentName .calendarRecurrenceIcon {
  position: absolute;
  right: 5px;
  top: 1px;
  height: 10px;
  width: 10px;
  fill: #fff;
}
.calendarColumn .calendarCellContent.readOnly {
  cursor: initial;
}
.calendarColumn .calendarGroupedEventsCell {
  border-radius: 2px;
  position: absolute;
}
.calendarColumn .calendarGroupedEventsCell .groupedEventsTitle {
  font-size: 12px;
  font-weight: 600;
  margin-left: 5px;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendarColumn .groupedContainer.isOpen {
  outline: 3px solid lightblue;
}
.calendarColumn .groupedContainer .calloutContainer {
  z-index: 100;
  flex-wrap: wrap-reverse;
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.calendarColumn .groupedContainer .calloutContainer .calendarPastCell {
  opacity: 1;
}
.calendarColumn .groupedContainer .calloutContainer .wrapSpacer {
  height: 25px;
}
.calendarColumn .groupedContainer .calloutContainer .callout {
  width: 256px;
  min-width: 256px;
  min-height: 75px;
  border-radius: 4px;
  background: #f8f8f8;
  padding: 5px 10px;
}
.calendarColumn .groupedContainer .calloutContainer .callout .groupedEventCellContent {
  border-radius: 4px;
  margin-left: 0px;
  padding-top: 4px;
}
.calendarColumn .groupedContainer .calloutContainer .callout .groupedEventIcon {
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 5px;
}
.calendarColumn .groupedContainer .calloutContainer .callout .groupedCalendarCellPatientName {
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.calendarColumn .groupedContainer .calloutContainer .callout .groupedCalendarCellPatientName .calendarRecurrenceIcon {
  position: absolute;
  right: 3%;
  height: 10px;
  width: 10px;
  fill: #fff;
  top: 11%;
}
.calendarColumn .groupedContainer .calloutContainer .callout .groupedCalenderCellContentTime {
  font-size: 12px;
  font-weight: 600;
  margin-right: 10px;
  margin-left: 5px;
  flex-shrink: 0;
}
.calendarColumn .groupedContainer .calloutContainer.readOnly {
  cursor: initial;
}
.calendarColumn .groupedContainer .calloutContainer.readOnly .groupedEventCellContent {
  cursor: initial;
}
.calendarColumn .calenderCellContentTime {
  overflow: hidden;
  max-height: 70%;
  font-size: 12px;
  padding: 0 2%;
}
.calendarColumn .calendarTimeCell {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  height: 25px;
  width: 100%;
  border-bottom: 1px solid #dedede;
}
.calendarColumn .calendarTimeCell.odd {
  border-bottom: 1px dotted #dedede;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/calendar/CalendarModal.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.calendarModalDialog .calandarModal {
  overflow-x: hidden;
}
.calendarModalDialog .topbar {
  justify-content: left;
  margin: 0 5%;
  padding-top: 3%;
  width: 100%;
}
.calendarModalDialog .doctorSelector,
.calendarModalDialog .doctorSelect {
  margin-top: 10px;
  width: 100%;
}
.calendarModalDialog .calendarEditorDeleteAvailabilityContent {
  height: 200px;
  width: 330px;
}
.calendarModalDialog .calendarAvailabilityModalContent {
  margin: 0 5%;
  padding: 4% 0 1%;
  position: relative;
  overflow: visible;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarAvailabilityModalDetails {
  width: 100%;
  border-top: solid 1px #9b9b9b;
  display: inline-block;
  margin: 2% 0;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarAvailabilityModalTime {
  display: inline-block;
  width: 40%;
  margin: 2% 0;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarAvailabilityModalTime input[type=text] {
  font-size: 15px;
  height: 30px;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarAvailabilityModalTime div {
  font-size: 13px;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarModalRow {
  margin: 0 0 3% 0;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarModalRow .calendarModalRowItem {
  flex: 1;
  margin: 0;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarModalRow .formElement {
  flex: 1;
  margin: 0;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarModalFlexRow {
  display: flex;
  margin: 0 0 3% 0;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarModalFlexRow .calendarModalFlexRowItem {
  flex: 1;
  margin: 0% 2%;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarModalFlexRow .formElement {
  flex: 1;
  margin: 0 2%;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarModalFlexRow .formElement:first-child {
  margin-left: 0;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarModalFlexRow .formElement:last-child {
  margin-right: 0;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarModalFlexButtonRow {
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarModalFlexButtonRow button {
  flex: 1;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarAppointmentModalTime input[type=text] {
  font-size: 15px;
  height: 30px;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarAppointmentModalTime div {
  font-size: 13px;
}
.calendarModalDialog .calendarAvailabilityModalContent .marginBefore {
  margin-top: 8px;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarAppointmentModalInput {
  width: 100%;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarAvailabilityModalLine {
  display: inline-block;
  margin: 0 1%;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarAvailabilityModalTitle {
  font-weight: bold;
  font-size: 18px;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarAvailabilityModalSubtitle {
  font-weight: bold;
  font-size: 13px;
  margin: 1% 0;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarAvailabilityModalSubtitle .calendarAvailabilityModalSubtitleAlert {
  font-size: 11px;
  font-weight: 400;
  color: #f44336;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarAvailabilityModalRepeatCheckbox {
  border-radius: 50%;
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  text-align: center;
  width: 20px;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarAvailabilityModalRepeatCheckboxSelected {
  background-color: rgba(251, 83, 0, 0.9);
  color: white;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarAvailabilityModalRepeatCheckboxNotSelected {
  background-color: rgba(240, 240, 240, 0.75);
  color: black;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarAvailabilityModalRepeat {
  display: flex;
  justify-content: space-between;
  height: 30px;
  margin: 2% 0;
}
.calendarModalDialog .calendarAvailabilityModalContent .calendarAvailabilityModalFieldset {
  width: 90%;
}
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/IntegrationAppointmentEditRejectionModal.scss ***!
  \***********************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.integrationAppointmentEditRejectionModal .description {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 16px;
  color: #000209;
}
.integrationAppointmentEditRejectionModal .integrationAppointmentEditRejectionModalOverride {
  max-height: 640px;
  border-radius: 6px;
  padding: 24px;
  justify-content: space-between;
}
.integrationAppointmentEditRejectionModal .integrationAppointmentEditRejectionModalOverride .integrationAppointmentEditRejectionModal_button {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  width: 100%;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/ContactModal.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.modal.contact-modal {
  flex: 0 1 auto;
  float: left;
  overflow: initial !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.modal.contact-modal .modal-dialog {
  position: absolute;
  top: 14px;
  left: 20px;
  right: 18px;
}
.modal.contact-modal .modal-roster-container {
  top: 25%;
  left: 37%;
  right: 37%;
  position: absolute;
  background-color: white;
  height: 469px;
  width: 450px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-radius: 10px;
  box-shadow: 0 2px 10px 0 #727272;
  outline: none;
}
.modal.contact-modal .modal-roster-container .modal-content {
  border-radius: 0px;
  margin-top: 0px;
}
.modal.contact-modal .modal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 20px;
}
.modal.contact-modal .modal-header ._modal-button {
  margin-right: -6px;
}
.modal.contact-modal .modal-header .modal-title {
  margin-top: 13px;
  margin-bottom: 0px;
}
.modal.contact-modal .formSelectControl {
  width: 100%;
  display: block;
  margin-top: 8px;
  width: 88%;
}
.modal.contact-modal .formSelectSelect {
  width: 100%;
  font-size: inherit;
}
.modal.contact-modal .formSelectSelect select {
  font-size: inherit;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 16px;
  height: 24px;
}
.modal.contact-modal .formSelect {
  display: block;
  width: 100%;
}
.modal.contact-modal .formSelect select {
  width: 100%;
  font: inherit;
  font-size: inherit;
}
.modal.contact-modal ._modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
}
.modal.contact-modal .textfield {
  width: 88%;
}
.modal.contact-modal .selectDivision {
  width: 88%;
}
.modal.contact-modal .modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 40px;
}
.modal.contact-modal .modal-footer .cancel-button {
  width: 78px;
  height: 32px;
  border-radius: 4px;
  border: solid 1px #9b9b9b;
  margin-right: 10px;
  background-color: #4a4a4a;
}
.modal.contact-modal .modal-footer .create-button {
  width: 79px;
  height: 32px;
  border-radius: 4px;
  background-color: #2c4e69;
  border: solid 1px #9b9b9b;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/UserInformationModal.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.userInformationModal ._cancelButton {
  position: absolute;
  right: 5px;
  top: 0;
  z-index: 1;
}
.userInformationModal .userInformationTopContent {
  background-color: #f5f5f5;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.userInformationModal .userInformationTopContent .participantInformationHeader {
  font-size: 16pt;
  font-weight: 500;
  padding: 12px;
}
.userInformationModal .userInformationTopContent .participantTabs {
  flex-grow: 1;
  height: 48px;
  overflow-x: auto;
}
.userInformationModal .userInformationTopContent .participantTabs .userInfoTab {
  position: relative;
  height: 100%;
  text-align: center;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  white-space: nowrap;
  max-width: 200px;
  min-width: 100px;
  outline-offset: -1px;
}
.userInformationModal .userInformationTopContent .participantTabs .userInfoTab.active {
  border-bottom: 2px solid #555;
}
.userInformationModal .userInformationTopContent .participantTabs .userInfoTab.inactive {
  border-bottom: 2px solid transparent;
}
.userInformationModal .userInformationTopContent .participantTabs .userInfoTab .tabLabel {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.userInformationModal .userInformationHeader .userInformationHeaderText {
  max-width: 450px;
}
.userInformationModal .userInformationBody {
  padding: 20px 24px 24px;
  height: 250px;
  outline-offset: -1px;
}
.userInformationModal .userInformationBody dd, .userInformationModal .userInformationBody dt {
  display: inline;
  margin: 0;
}
.userInformationModal .userInformationBody .customFieldValue {
  margin: 10px 0;
}
.userInformationModal .userInformationBody .customFieldValue .customFieldKey {
  font-weight: bold;
}
.userInformationModal .userInformationBody .customFieldValue .customFieldEmptyValue {
  font-style: italic;
  color: darkgray;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/ProviderFilterDropdown.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.contactSidebar {
  width: 290px;
  height: 100%;
  padding-top: 10px;
  background-color: #fff;
  background-color: #f9f9f9;
}
.contactSidebar .shadow {
  box-shadow: 0px 0px 7px 2px #dedede, 0px 0px 16px 4px #eeeeee;
  margin: 10px;
  border-radius: 4px;
}
.contactSidebar .searchField {
  padding: 0px 20px;
}
.contactSidebar input {
  width: 100%;
}
.contactSidebar .resetSearch {
  position: absolute;
  right: 44px;
  color: #dedede;
  cursor: pointer;
}
.contactSidebar .attachedButton {
  width: 38px;
  height: 34px;
  min-height: 34px;
  min-width: 38px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: #2C4E69;
  padding: 0;
  text-transform: none;
}
.contactSidebar .attachedButton > span {
  color: white;
}
.contactSidebar .contacts {
  width: 100%;
  overflow: auto;
}
.contactSidebar .contactsFilterRow {
  z-index: 5;
  position: relative;
  margin-left: 8px;
}
.contactSidebar .contactsFilterRow .stickyTop {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.contactSidebar .contactsFilter {
  text-align: center;
  width: 100%;
  overflow-y: auto;
  max-height: 200px;
  flex-wrap: wrap;
  margin: 4px;
}
.contactSidebar .contactsDetailLabel {
  margin-left: 8px;
  padding: 4px;
  font-size: 10px;
  color: #949494;
}
.contactSidebar .providerFilterAnchor {
  position: absolute;
  top: 100%;
  left: 100%;
}
.contactSidebar .portalTarget {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}
.contactSidebar .shadow {
  box-shadow: 0px 0px 7px 2px #dedede, 0px 0px 16px 4px #eeeeee;
  margin: 10px;
  border-radius: 4px;
}
.contactSidebar .providerFilter {
  z-index: 3;
  position: absolute;
  top: 100%;
  left: 15px;
  min-height: 300px;
  max-height: 400px;
  min-width: 225px;
  min-width: 270px;
}
.contactSidebar .providerFilter .searchFilterContainer {
  margin-top: 16px;
  margin-left: 8px;
  display: block;
  margin-right: 8px;
}
.contactSidebar .providerFilter .searchFilterContainer .filterTitle {
  padding-left: 10px;
  font-weight: bold;
  color: #727272;
}
.contactSidebar .providerFilter .providerDivisionFilter {
  padding-left: 10px;
}
.contactSidebar .providerFilter .providers {
  padding: 16px;
  overflow-y: auto;
  overflow-x: hidden;
}
.contactSidebar .providerFilter .providerOptions {
  justify-content: space-between;
  width: 100%;
}
.contactSidebar .providerFilter .checkboxItem {
  min-height: 24px;
  flex-basis: 30px;
  overflow: hidden;
}
.contactSidebar .providerFilter .checkboxItem .smallerCheckbox {
  transform: scale(0.8);
}
.contactSidebar .providerFilter .close {
  position: absolute;
  right: 8px;
  top: 8px;
}
.contactSidebar .contactItem {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: 0 1px 0 0 #cbcbcb;
  width: 100%;
  padding: 8px 36px 8px 20px;
  justify-content: space-evenly;
  border-left: 4px solid rgba(0, 0, 0, 0);
  overflow: hidden;
}
.contactSidebar .contactItem .phoneEmail {
  width: 100%;
  white-space: none;
  overflow: hidden;
}
.contactSidebar .contactItem .phoneEmail .phone {
  white-space: nowrap;
}
.contactSidebar .contactItem .phoneEmail .email {
  overflow: hidden;
  text-overflow: ellipsis;
}
.contactSidebar .contactItem .contactName {
  max-width: 100%;
  font-size: 14px;
  font-weight: 800;
}
.contactSidebar .contactItem .textContactDetails {
  font-size: 12px;
  color: #727272;
}
.contactSidebar .contactItem .textContactDetails.providerName, .contactSidebar .contactItem .textContactDetails.divisionName {
  align-items: center;
}
.contactSidebar .contactItem .textContactDetails.providerName > span, .contactSidebar .contactItem .textContactDetails.divisionName > span {
  margin-left: 4px;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 800;
}
.contactSidebar .contactItem:hover, .contactSidebar .contactItem.selected {
  border-left: 4px solid #4a4a4a;
}

.providerDropdownContainer .shadow {
  box-shadow: 0px 0px 7px 2px #dedede, 0px 0px 16px 4px #eeeeee;
  margin: 10px;
  border-radius: 4px;
}
.providerDropdownContainer .providerFilter {
  z-index: 3;
  position: absolute;
  top: 100%;
  left: 15px;
  min-height: 300px;
  max-height: 400px;
  min-width: 225px;
  min-width: 270px;
}
.providerDropdownContainer .providerFilter .searchFilterContainer {
  margin-top: 16px;
  margin-left: 8px;
  display: block;
  margin-right: 8px;
}
.providerDropdownContainer .providerFilter .searchFilterContainer .filterTitle {
  padding-left: 10px;
  font-weight: bold;
  color: #727272;
}
.providerDropdownContainer .providerFilter .providerDivisionFilter {
  padding-left: 10px;
}
.providerDropdownContainer .providerFilter .providers {
  padding: 16px;
  overflow-y: auto;
  overflow-x: hidden;
}
.providerDropdownContainer .providerFilter .providerOptions {
  justify-content: space-between;
  width: 100%;
}
.providerDropdownContainer .providerFilter .checkboxItem {
  min-height: 24px;
  flex-basis: 30px;
  overflow: hidden;
}
.providerDropdownContainer .providerFilter .checkboxItem .smallerCheckbox {
  transform: scale(0.8);
}
.providerDropdownContainer .providerFilter .close {
  position: absolute;
  right: 8px;
  top: 8px;
}
.providerDropdownContainer .searchField {
  padding: 0px 20px;
}
.providerDropdownContainer .resetSearch {
  position: absolute;
  right: 44px;
  color: #dedede;
  cursor: pointer;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/roster/RosterVerifyNamesModal.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.RosterVerifyNamesModal .RosterVerifyNamesModalTitle {
  padding-top: 24px;
  padding-right: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.RosterVerifyNamesModal .RosterVerifyNamesModalTitle .RosterVerifyNamesModalTitleText {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
.RosterVerifyNamesModal .RosterVerifyNamesModalTitle .RosterVerifyNamesModalTitleCloseButton {
  font-size: 1rem;
  color: #000209;
  width: 36px;
  height: 36px;
}
.RosterVerifyNamesModal .RosterVerifyNamesModalContent {
  padding-bottom: 4px;
}
.RosterVerifyNamesModal .RosterVerifyNamesModalContent .contactSidebarExample {
  width: 290px;
  padding: 8px 36px 8px 20px;
  margin-bottom: 16px;
  background-color: #ffffff;
  border: 1px solid #fafbfc;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.1));
}
.RosterVerifyNamesModal .RosterVerifyNamesModalContent .contactSidebarExample .contactSidebarExampleName {
  font-size: 14px;
  line-height: 17px;
  font-weight: 800;
}
.RosterVerifyNamesModal .RosterVerifyNamesModalContent .contactSidebarExample .contactSidebarExampleDetails {
  font-size: 12px;
  line-height: 14.5px;
  font-weight: 300;
  color: #727272;
}
.RosterVerifyNamesModal .RosterVerifyNamesModalContent .RosterVerifyNamesModalContentTextSmallSemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.RosterVerifyNamesModal .RosterVerifyNamesModalContent .RosterVerifyNamesModalContentText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #000209;
}
.RosterVerifyNamesModal .RosterVerifyNamesModalContent .RosterVerifyNamesModalContentTextSmall {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
}
.RosterVerifyNamesModal .RosterVerifyNamesModalContent .RosterVerifyNamesModalContentLink {
  padding-left: 24px;
}
.RosterVerifyNamesModal .RosterVerifyNamesModalContent .RosterVerifyNamesModalContentLink:link {
  color: #007bc2;
}
.RosterVerifyNamesModal .RosterVerifyNamesModalActions {
  flex-direction: column;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 0px;
  padding-bottom: 24px;
}
.RosterVerifyNamesModal .RosterVerifyNamesModalActions .RosterVerifyNamesModalVerifyButton {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-transform: none;
  margin-bottom: 16px;
  background-color: #2c4e69;
  color: white;
}
.RosterVerifyNamesModal .RosterVerifyNamesModalActions .RosterVerifyNamesModalVerifyButton:hover {
  background-color: #1d3549;
}
.RosterVerifyNamesModal .RosterVerifyNamesModalActions .RosterVerifyNamesModalLaterButton {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-transform: none;
  color: #2c4e69;
}
.RosterVerifyNamesModal .RosterVerifyNamesModalActions .RosterVerifyNamesModalLaterButton:hover {
  background-color: #b3b3b3;
  color: #1d3549;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/roster/RosterContactSidebar.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.contactSidebar {
  width: 290px;
  height: 100%;
  padding-top: 10px;
  background-color: #f9f9f9;
  box-shadow: 1px 0px 0px #d6d6d6;
}
.contactSidebar .shadow {
  box-shadow: 0px 0px 7px 2px #dedede, 0px 0px 16px 4px #eeeeee;
  margin: 10px;
  border-radius: 4px;
}
.contactSidebar .searchField {
  padding: 0px 20px;
}
.contactSidebar .resetSearch {
  position: absolute;
  right: 44px;
  color: #dedede;
  cursor: pointer;
}
.contactSidebar .attachedButton {
  width: 38px;
  height: 34px;
  min-height: 34px;
  min-width: 38px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: #2c4e69;
  padding: 0;
  text-transform: none;
}
.contactSidebar .attachedButton > span {
  color: white;
}
.contactSidebar .attachedButton:hover {
  background-color: #1d3549;
}
.contactSidebar .attachedButton.disabled {
  background-color: rgba(0, 0, 0, 0.26);
  cursor: initial;
}
.contactSidebar .contacts {
  width: 100%;
  overflow: auto;
}
.contactSidebar .contactsFilterRow {
  z-index: 5;
  position: relative;
  margin-left: 8px;
}
.contactSidebar .contactsFilterRow .stickyTop {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.contactSidebar .contactsFilter {
  text-align: center;
  width: 100%;
  overflow-y: auto;
  max-height: 200px;
  flex-wrap: wrap;
  margin: 4px;
}
.contactSidebar .contactsVerifyNamesButton {
  height: 56px;
  width: 100%;
  background-color: #595959;
  color: #ffffff;
  border-radius: 0px;
}
.contactSidebar .contactsVerifyNamesButton:hover {
  background-color: #0d0d0d;
}
.contactSidebar .contactsVerifyNamesButton .contactsVerifyNamesButtonLabel {
  justify-content: space-between;
}
.contactSidebar .contactsVerifyNamesButton .contactsVerifyNamesButtonIcon > i {
  font-size: 14px;
}
.contactSidebar .contactsVerifyNamesSectionActive {
  display: flex;
  justify-content: space-between;
  padding-left: 16px;
  padding-bottom: 16px;
  width: 100%;
  background-color: #595959;
  color: #ffffff;
}
.contactSidebar .contactsVerifyNamesSectionActive .contactsVerifyNamesBody {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.contactSidebar .contactsVerifyNamesSectionActive .contactsVerifyNamesBody .contactsVerifyNamesCompleteButton {
  margin-top: 16px;
  background-color: #f9f9f9;
  color: #2c4e69;
  border: 1px solid #2c4e69;
}
.contactSidebar .contactsVerifyNamesSectionActive .contactsVerifyNamesBody .contactsVerifyNamesCompleteButton:hover {
  background-color: #adadad;
  color: #1d3549;
  border-color: #1d3549;
}
.contactSidebar .contactsVerifyNamesSectionActive .contactsVerifyNamesCloseButton {
  margin-top: 8px;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  fill: #ffffff;
  stroke: #ffffff;
}
.contactSidebar .contactsVerifyNamesSectionActive .contactsVerifyNamesCloseButton:hover {
  background-color: #0d0d0d;
  border-width: 0px;
}
.contactSidebar .contactsDetailLabel {
  margin-left: 8px;
  padding: 4px;
  font-size: 10px;
  color: #949494;
  width: 100%;
}
.contactSidebar .providerFilterAnchor {
  position: absolute;
  top: 100%;
  left: 100%;
}
.contactSidebar .portalTarget {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}
.contactSidebar .clearUnderline.clearUnderline:after {
  display: none;
}
.contactSidebar .clearUnderline.clearUnderline:before {
  display: none;
}
.contactSidebar .shadow {
  box-shadow: 0px 0px 7px 2px #dedede, 0px 0px 16px 4px #eeeeee;
  margin: 10px;
  border-radius: 4px;
}
.contactSidebar .providerFilter {
  z-index: 3;
  position: absolute;
  top: 100%;
  left: 15px;
  min-height: 300px;
  max-height: 400px;
  min-width: 225px;
  max-width: 270px;
}
.contactSidebar .providerFilter .searchContainer {
  margin-top: 16px;
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
}
.contactSidebar .providerFilter .providerDivisionFilter {
  padding-left: 10px;
}
.contactSidebar .providerFilter .providers {
  padding: 16px;
  overflow-y: auto;
  overflow-x: hidden;
}
.contactSidebar .providerFilter .providerOptions {
  justify-content: space-between;
  width: 100%;
}
.contactSidebar .providerFilter .checkboxItem {
  min-height: 24px;
  flex-basis: 30px;
  overflow: hidden;
}
.contactSidebar .providerFilter .checkboxItem .smallerCheckbox {
  transform: scale(0.8);
}
.contactSidebar .providerFilter .close {
  position: absolute;
  right: 8px;
  top: 8px;
}
.contactSidebar .providerFilter .ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contactSidebar .contactItem {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: 0 1px 0 0 #cbcbcb;
  width: 100%;
  padding: 8px 36px 8px 20px;
  justify-content: space-evenly;
  border-left: 4px solid rgba(0, 0, 0, 0);
  overflow: hidden;
}
.contactSidebar .contactItem .phoneEmail {
  width: 100%;
  white-space: none;
  overflow: hidden;
}
.contactSidebar .contactItem .phoneEmail .phone {
  white-space: nowrap;
}
.contactSidebar .contactItem .phoneEmail .email {
  overflow: hidden;
  text-overflow: ellipsis;
}
.contactSidebar .contactItem .contactName {
  max-width: 100%;
  font-size: 14px;
  line-height: 17px;
  font-weight: 800;
}
.contactSidebar .contactItem .textContactDetails {
  font-size: 12px;
  line-height: 14.5px;
  font-weight: 300;
  color: #727272;
}
.contactSidebar .contactItem .textContactDetails.providerName, .contactSidebar .contactItem .textContactDetails.divisionName {
  align-items: center;
}
.contactSidebar .contactItem .textContactDetails.providerName > span, .contactSidebar .contactItem .textContactDetails.divisionName > span {
  margin-left: 4px;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 800;
}
.contactSidebar .contactItem:hover, .contactSidebar .contactItem.selected {
  border-left: 4px solid #4a4a4a;
}

.providerDropdownContainer .clearUnderline.clearUnderline:after {
  display: none;
}
.providerDropdownContainer .clearUnderline.clearUnderline:before {
  display: none;
}
.providerDropdownContainer .shadow {
  box-shadow: 0px 0px 7px 2px #dedede, 0px 0px 16px 4px #eeeeee;
  margin: 10px;
  border-radius: 4px;
}
.providerDropdownContainer .providerFilter {
  z-index: 3;
  position: absolute;
  top: 100%;
  left: 15px;
  min-height: 300px;
  max-height: 400px;
  min-width: 225px;
  max-width: 270px;
}
.providerDropdownContainer .providerFilter .searchContainer {
  margin-top: 16px;
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
}
.providerDropdownContainer .providerFilter .providerDivisionFilter {
  padding-left: 10px;
}
.providerDropdownContainer .providerFilter .providers {
  padding: 16px;
  overflow-y: auto;
  overflow-x: hidden;
}
.providerDropdownContainer .providerFilter .providerOptions {
  justify-content: space-between;
  width: 100%;
}
.providerDropdownContainer .providerFilter .checkboxItem {
  min-height: 24px;
  flex-basis: 30px;
  overflow: hidden;
}
.providerDropdownContainer .providerFilter .checkboxItem .smallerCheckbox {
  transform: scale(0.8);
}
.providerDropdownContainer .providerFilter .close {
  position: absolute;
  right: 8px;
  top: 8px;
}
.providerDropdownContainer .providerFilter .ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.providerDropdownContainer .searchField {
  padding: 0px 20px;
}
.providerDropdownContainer .resetSearch {
  position: absolute;
  right: 44px;
  color: #dedede;
  cursor: pointer;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/DateOfBirthInput.scss ***!
  \************************************************************************************************************************************************************************************************************/
.DateOfBirthInput {
  padding: 0;
  margin: 0;
  border: 0;
  min-inline-size: auto;
}
.DateOfBirthInput .DateOfBirthInputLabel {
  display: block;
  padding: 0;
  font-size: 12px;
}
.DateOfBirthInput .DateOfBirthInputContainer {
  display: flex;
}
.DateOfBirthInput .DateOfBirthInputContainer .DateOfBirthInputField {
  flex: 1;
  margin-right: 10px;
}
.DateOfBirthInput .DateOfBirthInputContainer .DateOfBirthInputField:last-child {
  margin-right: 0;
}
.DateOfBirthInput .DateOfBirthInputContainer .DateOfBirthInputField.DateOfBirthYearInputField {
  flex: 2;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/roster/RosterFiles.scss ***!
  \******************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.RosterFiles .RosterFilesActions {
  justify-content: space-between;
  margin-bottom: 16px;
}
.RosterFiles .RosterFilesActions .RosterFilesAction {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  font-weight: 500;
}
.RosterFiles .RosterFilesActions .RosterFilesAction .plusIcon {
  width: 12px;
  margin-right: 12px;
}
.RosterFiles .RosterFilesActions .fileListSearchText {
  width: 360px;
}
.RosterFiles .headerWithInfo {
  display: flex;
  align-items: center;
  gap: 2px;
}
.RosterFiles .headerWithInfo .svgIcon {
  width: 16px;
  height: 16px;
}
.RosterFiles .RosterFilesTitleCell {
  width: 100%;
}
.RosterFiles .RosterFilesTitleCell .title {
  line-height: 24px;
}
.RosterFiles .RosterFilesTitleCell .pill {
  line-height: 16px;
}
.RosterFiles .RosterFilesTitleCell .pill .MuiChip-label {
  max-width: 210px;
}
.RosterFiles .RosterFilesUploadedBy {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  line-height: 24px;
}

.fileButtons {
  width: 100%;
  display: flex;
  gap: 8px;
}
.fileButtons .fileDownloadButton {
  width: 100%;
  font-weight: 500;
}

.MuiDataGrid-iconButtonContainer {
  display: flex;
}

.RosterFilesMenuDropdown.RosterFilesMenuDropdown {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.RosterFilesMenuDropdown.RosterFilesMenuDropdown.Alert {
  fill: #e42721 !important;
  color: #e42721 !important;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/roster/RosterInsurance.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.RosterInsurance .RosterInsuranceContainer p {
  font-size: 14px;
}
.RosterInsurance .RosterInsuranceContainer .viewEligibilityHistoryLink {
  text-decoration: underline;
  color: #2C4E69;
  font-weight: bold;
  cursor: pointer;
}
.RosterInsurance .RosterInsuranceContainer .insuranceProfilesContainer {
  margin-top: 2rem;
}
.RosterInsurance .RosterInsuranceContainer .CreateNewInsuranceProfileContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.RosterInsurance .RosterInsuranceContainer .CreateNewInsuranceProfileContainer .items {
  margin-top: 29px;
}
.RosterInsurance .RosterInsuranceContainer .CreateNewInsuranceProfileContainer .createProfileButton {
  height: 48px;
  width: 220px;
  border-radius: 0px;
  background: #2C4E69;
  border: none;
  color: #fff;
  cursor: pointer;
}
.RosterInsurance .RosterInsuranceContainer .addProfileButton {
  text-align: center;
  color: #2C4E69;
  align-self: center;
  height: 32px;
  width: 170px;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  background-color: #fff;
  margin-right: 2rem;
  cursor: pointer;
}
.RosterInsurance .RosterInsuranceContainer .buttonDisabled {
  background-color: #F8F8F8;
  color: #DEDEDE;
  border: 1px solid #DEDEDE;
  cursor: default;
}
.RosterInsurance .RosterInsuranceContainer .profileNumber {
  margin-right: 2rem;
}
.RosterInsurance .RosterInsuranceContainer .insuranceProfilesContainer .insuranceProfile .profileActions span {
  font-weight: bold;
  font-size: 1rem;
  align-self: center;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/roster/RosterInsuranceProfile.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.profileNumber {
  margin-right: 2rem;
}

.RosterInsuranceProfile .profileActions span {
  font-weight: bold;
  font-size: 1rem;
  align-self: center;
}
.RosterInsuranceProfile .tooltipButtonWrapper {
  display: inline-flex;
}
.RosterInsuranceProfile .profileButtons {
  text-align: center;
  align-self: center;
  height: 32px;
  width: 170px;
  border-radius: 4px;
  margin-right: 2rem;
  cursor: pointer;
}
.RosterInsuranceProfile .profileButtons.disabled {
  background-color: #949499;
  pointer-events: none;
}
.RosterInsuranceProfile .verify {
  background-color: #2C4E69;
  color: #fff;
  border: none;
}
.RosterInsuranceProfile .edit {
  background-color: #fff;
  color: #2C4E69;
  border: 1px solid #DEDEDE;
}
.RosterInsuranceProfile .spinner {
  height: 12px;
  width: 12px;
}
.RosterInsuranceProfile .verifyClicked {
  background-color: #002964;
  cursor: default;
}
.RosterInsuranceProfile .eligibilityCheckContainer {
  height: 112px;
  border-radius: 4px;
  background: #E6FFD6;
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.RosterInsuranceProfile .eligibilityCheckContainer .eligibilityCheckContainerItem {
  vertical-align: middle;
  margin-left: 20px;
  font-size: 15px;
}
.RosterInsuranceProfile .eligibilityCheckContainer .eligibilityCheckContainerItem .eligibilityCheckContainerItemBold {
  font-weight: bold;
}
.RosterInsuranceProfile .eligibilityCheckContainer .eligibilityCheckContainerViewResult {
  color: #002964;
  text-decoration: underline;
  font-size: 15px;
  margin-left: 20px;
  cursor: pointer;
}
.RosterInsuranceProfile .unknownCoverage {
  background: #F8F8F8;
}
.RosterInsuranceProfile .activeCoverage {
  background: #E6FFD6;
}
.RosterInsuranceProfile .failedCoverage {
  background: #FFE1E1;
}
.RosterInsuranceProfile .pendingCoverage {
  background: #ffffc2;
}
.RosterInsuranceProfile .profileData {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.RosterInsuranceProfile .profileData .profileDataColumn {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.RosterInsuranceProfile .profileData .contactDependentText {
  margin-top: 1.5rem;
  font-size: 13px;
  color: #000209;
}
.RosterInsuranceProfile .profileData .editModeDependentSection {
  display: flex;
  align-items: center;
  margin-left: -1rem;
  margin-top: 1rem;
  justify-content: flex-start;
}
.RosterInsuranceProfile .profileData .editModeDependentSection .contactDependentText {
  margin-top: 0px;
  color: rgba(0, 0, 0, 0.54);
}
.RosterInsuranceProfile .profileData .contactDependentText {
  margin-top: 1.5rem;
  font-size: 13px;
  color: #000209;
}
.RosterInsuranceProfile .profileData .errorDate {
  border: 1px solid red;
}
.RosterInsuranceProfile .profileData .insuranceInfo {
  display: flex;
  margin-top: 2rem;
  font-size: 12px;
  flex-direction: column;
  width: 80%;
}
.RosterInsuranceProfile .profileData .insuranceInfo label {
  color: #727272;
  font-size: 12px;
}
.RosterInsuranceProfile .profileData .insuranceInfo label.bottomPadded {
  margin-bottom: 0.5rem;
}
.RosterInsuranceProfile .profileData .insuranceInfo span {
  color: #000209;
  font-size: 14px;
  word-break: break-word;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/roster/RosterInsuranceProfileModal.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.RosterInsuranceModal .RosterInsuranceModalContent {
  height: 100%;
  width: 800px;
}
.RosterInsuranceModal .RosterInsuranceModalContent .profileData {
  border-bottom: none;
}
.RosterInsuranceModal .RosterInsuranceModalContent .profileData > * {
  width: 40%;
  margin-right: 5rem;
}
.RosterInsuranceModal .RosterInsuranceModalContent .profileData .profileDataColumn:nth-child(1) {
  margin-right: 5rem;
}
.RosterInsuranceModal .RosterInsuranceModalTitle {
  font-size: 24px;
}
.RosterInsuranceModal .RosterInsuranceModalActions {
  justify-content: flex-start;
  margin-left: 1rem;
  margin-top: -2rem;
  width: 250px;
}
.RosterInsuranceModal .RosterInsuranceModalActions .rosterModalButton {
  border-radius: 8px;
  box-shadow: none;
  border: 1px solid #DEDEDE;
  background: #fff;
  color: #2C4E69;
  width: 72px;
  margin-bottom: 1rem;
  margin-right: 1rem;
  width: 100%;
}
.RosterInsuranceModal .RosterInsuranceModalActions .disabledButton {
  background-color: gray;
  cursor: not-allowed;
}
.RosterInsuranceModal .RosterInsuranceModalActions .saveButton {
  background-color: #2C4E69;
  color: #fff;
}
.RosterInsuranceModal .RosterInsuranceModalActions .disabledButton {
  background: #F8F8F8;
  color: #DEDEDE;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/roster/TransferOwnership.scss ***!
  \************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.TransferOwnershipPopoverModalOverride.TransferOwnershipPopoverModalOverride {
  width: 420px;
}
.TransferOwnershipPopoverModalOverride.TransferOwnershipPopoverModalOverride .selectOwnerContainer {
  margin-top: 16px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.TransferOwnershipPopoverModalOverride.TransferOwnershipPopoverModalOverride .selectOwnerContainer .selectOwnerDropdown {
  margin-top: 16px;
  border-radius: 4px;
  width: 100%;
  height: 60px;
}
.TransferOwnershipPopoverModalOverride.TransferOwnershipPopoverModalOverride .selectOwnerContainer .duplicateContactErrorContainer {
  background-color: #FFC4C2;
  border-radius: 6px;
  padding: 12px 16px;
  margin-top: 16px;
}
.TransferOwnershipPopoverModalOverride.TransferOwnershipPopoverModalOverride .selectOwnerContainer .duplicateContactErrorContainer .duplicateContactErrorText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}
.TransferOwnershipPopoverModalOverride.TransferOwnershipPopoverModalOverride .selectOwnerContainer .duplicateContactErrorContainer .duplicateContactErrorSubtext {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.TransferOwnershipPopoverModalOverride.TransferOwnershipPopoverModalOverride .selectOwnerContainer .confirmTransferOwnershipButton {
  width: 100%;
  margin-top: 24px;
}
.TransferOwnershipPopoverModalOverride.TransferOwnershipPopoverModalOverride .selectOwnerContainer .confirmTransferOwnershipButton .small {
  height: 24px;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/Roster.scss ***!
  \******************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.relative {
  position: relative;
}

.maxWidth {
  max-width: 250px;
}

.flexGrow {
  flex-grow: 1;
}

.noShrink {
  flex-shrink: 0;
}

.flexRow {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.flexWrap {
  flex-wrap: wrap;
}

.fullWidth {
  width: 100%;
}

.fullHeight {
  height: 100%;
}

.flexColumn {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}

.flexCenter {
  justify-content: center;
  align-items: center;
}

.iconButton {
  padding: 8px;
}
.iconButton.wide {
  padding: 16px;
}
.iconButton.largeIcon > i {
  font-size: 20px;
}

.justifyEnd {
  justify-content: flex-end;
}

.justifySpaceAround {
  justify-content: space-around;
}

.alignCenter {
  align-items: center;
}

.padding.padding {
  padding: 8px;
}

.paddedPlaceholder.paddedPlaceholder > label {
  top: 8px;
  left: 8px;
}

.privateFileUpload {
  margin-left: 16px;
  position: relative;
  bottom: 2px;
}

.addNewFile,
button.addNewFile.noButton {
  font-size: 14px;
  outline-width: 0px;
  text-decoration: underline;
}
.addNewFile.disabled,
button.addNewFile.noButton.disabled {
  color: #9b9b9b;
}

.clearUnderline.clearUnderline:after {
  display: none;
}
.clearUnderline.clearUnderline:before {
  display: none;
}

.okGreen {
  color: #008532;
}

.link {
  color: #2c4e69;
}

.bold {
  font-weight: 800;
}

.rosterContainer {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
}
.rosterContainer a {
  text-decoration: none;
  color: inherit;
}
.rosterContainer .hidden {
  display: none !important;
}
.rosterContainer .rosterWindow {
  overflow-y: auto;
  position: relative;
  width: calc(100% - 290px);
  background-color: #fafbfc;
  border-left: 1px solid #dedede;
}
.rosterContainer .rosterWindow .noContactSelectedWindow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.rosterContainer .rosterWindow .noContactSelectedWindow .noContactSelectedHeading {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #595959;
  margin: 0px;
}
.rosterContainer .rosterWindow .noContactSelectedWindow .noContactSelectedMessage {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #595959;
  margin: 0px;
}
.rosterContainer .rosterBody {
  position: absolute;
  top: 24px;
  width: calc(100% - 48px);
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  min-width: 610px;
  max-width: 1400px;
}
.rosterContainer .rosterBody .contactName {
  position: relative;
}
.rosterContainer .rosterBody .contactDetails .nameDetail {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  color: #595959;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.rosterContainer .rosterBody .contactDetails .nameDetail .nameDetailLabel {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  margin: 0;
}
.rosterContainer .rosterBody .contactDetails .nameDetail .nameDetailLabel .nameDetailLabelValue {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
@media (max-width: 895px) {
  .rosterContainer .rosterBody {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 0;
  }
}
.rosterContainer .rosterNotesSidebar {
  position: relative;
  background-color: #f9f9f9;
  border-right: 1px solid #cbcbcb;
  width: 210px;
  flex-shrink: 0;
  border-radius: 8px 0 0 8px;
}
@media (max-width: 895px) {
  .rosterContainer .rosterNotesSidebar {
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 0;
  }
}
.rosterContainer .rosterNotesSidebar.noAppointments {
  align-items: center;
  padding-top: 20px;
  font-size: 14px;
  color: #9a9a9a;
}
.rosterContainer .rosterNotesSidebar .notesDetailRow {
  width: 100%;
  height: 22px;
}
.rosterContainer .rosterNotesSidebar .notesDetailRow .notesDetailLabel {
  padding: 5px;
  font-size: 10px;
  color: #949494;
  margin-left: 4px;
}
.rosterContainer .rosterNotesSidebar .notesHistoryRow {
  width: 100%;
  align-items: center;
  padding: 12px 5px;
  cursor: pointer;
}
.rosterContainer .rosterNotesSidebar .notesHistoryRow:hover .notesHistoryBack {
  color: #2c4e69;
}
.rosterContainer .rosterNotesSidebar .notesHistoryRow .notesHistoryBack {
  margin-left: 4px;
  margin-right: 4px;
  line-height: 1;
}
.rosterContainer .rosterNotesSidebar .notesHistoryRow .notesHistoryBack span {
  font-size: 20px;
}
.rosterContainer .rosterNotesSidebar .notesHistoryRow .notesHistoryLabel {
  font-size: 14px;
}
.rosterContainer .rosterNotesSidebar .notesList {
  height: calc(100% - 22px);
  overflow: auto;
}
.rosterContainer .sidebarNoteItem {
  box-shadow: 0 1px 0 0 #cbcbcb;
  width: 100%;
  padding: 8px 18px 8px 20px;
  justify-content: space-evenly;
  border-left: 4px solid rgba(0, 0, 0, 0);
  cursor: pointer;
  line-height: 1.5;
}
.rosterContainer .sidebarNoteItem .itemDateDuration {
  font-size: 12px;
}
.rosterContainer .sidebarNoteItem .itemDateDuration > * {
  margin-right: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rosterContainer .sidebarNoteItem .iconSize {
  font-size: 18px;
  margin-left: 5px;
}
.rosterContainer .sidebarNoteItem .iconSize.small {
  font-size: 12px;
}
.rosterContainer .sidebarNoteItem .iconSize.verySmall {
  font-size: 8px;
}
.rosterContainer .sidebarNoteItem .sessionName {
  color: black;
  font-size: 12px;
  font-weight: 800;
  align-items: center;
  max-height: 32px;
  word-break: break-all;
  word-wrap: break-word;
  overflow: hidden;
}
.rosterContainer .sidebarNoteItem .itemAuthor {
  font-size: 12px;
}
.rosterContainer .sidebarNoteItem .itemAuthor .draft {
  color: #ee3213;
}
.rosterContainer .sidebarNoteItem .itemAuthor strong {
  font-weight: bold;
}
.rosterContainer .sidebarNoteItem .historyLink {
  color: #2c4e69;
  font-size: 12px;
  margin-top: 1em;
}
.rosterContainer .sidebarNoteItem:hover, .rosterContainer .sidebarNoteItem.selected {
  border-left: 4px solid #4a4a4a;
}
.rosterContainer .outlineButton {
  border: 1px solid #9b9b9b;
  border-radius: 4px;
  height: 32px;
  margin-right: 12px;
  color: #9b9b9b;
  font-size: 14px;
  text-transform: none;
}
.rosterContainer .outlineButton.edit {
  width: 58px;
  margin-left: 12px;
}
.rosterContainer .outlineButton.disabled {
  background-color: #eaeae8;
}
.rosterContainer .filledButton {
  border-radius: 4px;
  margin-right: 12px;
  color: white;
  font-size: 14px;
  text-transform: none;
}
.rosterContainer .filledButton.downloadButton {
  color: white;
  background-color: #2c4e69;
  border: none;
  margin-right: 12px;
}
.rosterContainer .bodyMain {
  height: 100%;
  width: 100%;
  min-width: 400px;
  padding: 24px;
}
.rosterContainer .bodyMain.notes {
  width: calc(100% - 210px);
}
.rosterContainer .bodyMain .headerRow {
  justify-content: space-between;
}
.rosterContainer .bodyMain .headerRow .contactName {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
  max-width: 100%;
}
.rosterContainer .bodyMain .headerRow .newAppointment {
  background-color: white;
  z-index: 1;
  font-size: 14px;
  font-weight: 800;
  color: #2c4e69;
  position: absolute;
  right: 24px;
  top: 18px;
  align-self: flex-start;
}
.rosterContainer .bodyMain .headerRow .newAppointment .newAppointmentText {
  text-align: right;
}
.rosterContainer .bodyMain .headerRow .newAppointment .newAppointmentButton {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  font-weight: 500;
  margin-top: 6px;
}
.rosterContainer .bodyMain .headerRow .newAppointment .newAppointmentButton .plusIcon {
  width: 12px;
  margin-right: 12px;
}
.rosterContainer .bodyMain .headerRow .newAppointment .rosterActionsMenuButton {
  margin-top: 6px;
  margin-left: 8px;
  width: 42px;
  min-width: 0px;
}
.rosterContainer .bodyMain .headerRow .newAppointment .rosterActionsMenuButton .ellipsis {
  height: 16px;
}
.rosterContainer .bodyMain .rosterTabsRow {
  margin-bottom: 32px;
  margin-top: 16px;
}
.rosterContainer .bodyMain .rosterTabsRow .rosterTab {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #595959;
  padding-bottom: 4px;
  margin-right: 16px;
  border-bottom: 2px solid white;
}
.rosterContainer .bodyMain .rosterTabsRow .rosterTab.active {
  color: #2c4e69;
  border-bottom: 2px solid #2c4e69;
}
.rosterContainer .bodyMain .rosterTabsRow .rosterTab.disabled {
  color: #dedede;
}
.rosterContainer .bodyMain .rosterTabsRow .rosterTab:hover {
  border-bottom: 2px solid #163045;
}
.rosterContainer .bodyMain .rosterProfile {
  width: 100%;
  justify-content: flex-start;
}
.rosterContainer .bodyMain .rosterProfile .paymentLoader {
  height: 20px;
  padding: 0;
  transform: scale(0.65);
}
.rosterContainer .bodyMain .rosterProfile .infoBar {
  display: block;
}
.rosterContainer .bodyMain .rosterProfile .infoBar .infoBarItem {
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f2f4f6;
  margin: 8px 0;
}
.rosterContainer .bodyMain .rosterProfile .infoBar .infoBarItem:first-child {
  margin-top: 0;
}
.rosterContainer .bodyMain .rosterProfile .infoBar .infoBarItem:last-child {
  margin-bottom: 0;
}
.rosterContainer .bodyMain .rosterProfile .contactPayment .iconFont {
  font-size: 18px;
  margin-left: 6px;
}
.rosterContainer .bodyMain .rosterProfile .contactPayment.hasPayment {
  background-color: #cdf4df;
}
.rosterContainer .bodyMain .rosterProfile .contactPayment.noPayment {
  background-color: #FFC4C2;
}
.rosterContainer .bodyMain .rosterProfile .contactInfoField {
  width: 30%;
  margin: 20px 40px 0 0;
}
.rosterContainer .bodyMain .rosterProfile .contactFieldInput {
  font-size: 14px;
}
.rosterContainer .bodyMain .rosterProfile .contactInfoLabel {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rosterContainer .bodyMain .rosterProfile .contactNotesField {
  width: 100%;
  margin: 30px 0;
}
.rosterContainer .bodyMain .rosterProfile .contactNotesInput {
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  font-size: 14px;
}
.rosterContainer .bodyMain .rosterProfile .outlineButton {
  border: 1px solid #9b9b9b;
  border-radius: 4px;
  height: 32px;
  margin-right: 12px;
  color: #9b9b9b;
  font-size: 14px;
  text-transform: none;
}
.rosterContainer .bodyMain .rosterProfile .outlineButton.cancel {
  width: 78px;
}
.rosterContainer .bodyMain .rosterProfile .outlineButton.save {
  width: 64px;
  background-color: #2c4e69;
  color: #ffffff;
}
.rosterContainer .bodyMain .rosterProfile .outlineButton.save.disabled {
  color: #9b9b9b;
}
.rosterContainer .bodyMain .rosterProfile .outlineButton.disabled {
  background-color: #eaeae8;
}
.rosterContainer .bodyMain .rosterProfile .optionsRow {
  align-items: flex-end;
}
.rosterContainer .bodyMain .rosterProfile .deleteContactText {
  cursor: pointer;
  color: #ee3333;
  text-decoration: underline;
  font-size: 14px;
}
.rosterContainer .bodyMain .rosterProfile .deleteContactText.disabled {
  color: #9b9b9b;
  cursor: initial;
}
.rosterContainer .bodyMain .rosterAppointments,
.rosterContainer .bodyMain .rosterAttachments {
  width: 100%;
  justify-content: space-between;
}
.rosterContainer .bodyMain .rosterAppointments .itemTools,
.rosterContainer .bodyMain .rosterAttachments .itemTools {
  align-self: flex-start;
  position: relative;
  color: #cbcbcb;
}
.rosterContainer .bodyMain .rosterAppointments .itemTools > *:not(:last-child),
.rosterContainer .bodyMain .rosterAttachments .itemTools > *:not(:last-child) {
  margin-right: 12px;
}
.rosterContainer .bodyMain .rosterAppointments .itemTools .button,
.rosterContainer .bodyMain .rosterAttachments .itemTools .button {
  padding: 0;
}
.rosterContainer .bodyMain .rosterAppointments .emptyListState,
.rosterContainer .bodyMain .rosterAttachments .emptyListState {
  color: #dedede;
  font-weight: 800;
  font-size: 11px;
  padding-top: 8px;
  text-align: center;
  width: 100%;
}
.rosterContainer .bodyMain .rosterAppointments .emptyListState.listLeft,
.rosterContainer .bodyMain .rosterAttachments .emptyListState.listLeft {
  text-align: left;
}
.rosterContainer .bodyMain .rosterAppointments .formList,
.rosterContainer .bodyMain .rosterAppointments .fileList,
.rosterContainer .bodyMain .rosterAttachments .formList,
.rosterContainer .bodyMain .rosterAttachments .fileList {
  padding: 8px 0px 8px 0;
  width: 48%;
}
.rosterContainer .bodyMain .rosterAppointments .formList .headerDetail,
.rosterContainer .bodyMain .rosterAppointments .fileList .headerDetail,
.rosterContainer .bodyMain .rosterAttachments .formList .headerDetail,
.rosterContainer .bodyMain .rosterAttachments .fileList .headerDetail {
  color: #949494;
  font-size: 14px;
}
.rosterContainer .bodyMain .rosterAppointments .formList .headerLink,
.rosterContainer .bodyMain .rosterAppointments .fileList .headerLink,
.rosterContainer .bodyMain .rosterAttachments .formList .headerLink,
.rosterContainer .bodyMain .rosterAttachments .fileList .headerLink {
  color: #2c4e69;
  font-size: 12px;
  text-decoration: underline;
  margin-left: 8px;
}
.rosterContainer .bodyMain .rosterAppointments .formTable,
.rosterContainer .bodyMain .rosterAttachments .formTable {
  width: 100%;
}
.rosterContainer .bodyMain .rosterAppointments .formTable .statusLoader,
.rosterContainer .bodyMain .rosterAttachments .formTable .statusLoader {
  line-height: 1.5;
}
.rosterContainer .bodyMain .rosterAppointments .formTable .formStatusTextComplete,
.rosterContainer .bodyMain .rosterAttachments .formTable .formStatusTextComplete {
  color: #1c834b;
  line-height: 18px;
}
.rosterContainer .bodyMain .rosterAppointments .formTable .formStatusTextIncomplete,
.rosterContainer .bodyMain .rosterAttachments .formTable .formStatusTextIncomplete {
  color: #595959;
  line-height: 18px;
}
.rosterContainer .bodyMain .rosterAppointments .formTable .formStatusTextSignatureRequired,
.rosterContainer .bodyMain .rosterAppointments .formTable .formStatusTextResponseRequired,
.rosterContainer .bodyMain .rosterAppointments .formTable .formStatusTextActionsRequired,
.rosterContainer .bodyMain .rosterAppointments .formTable .formStatusTextSignatureFailed,
.rosterContainer .bodyMain .rosterAttachments .formTable .formStatusTextSignatureRequired,
.rosterContainer .bodyMain .rosterAttachments .formTable .formStatusTextResponseRequired,
.rosterContainer .bodyMain .rosterAttachments .formTable .formStatusTextActionsRequired,
.rosterContainer .bodyMain .rosterAttachments .formTable .formStatusTextSignatureFailed {
  color: #c71b16;
  line-height: 18px;
}
.rosterContainer .bodyMain .rosterAppointments .formTable .formStatusTextSignaturePending,
.rosterContainer .bodyMain .rosterAttachments .formTable .formStatusTextSignaturePending {
  line-height: 18px;
}
.rosterContainer .bodyMain .rosterAppointments .formTable .formButtons,
.rosterContainer .bodyMain .rosterAttachments .formTable .formButtons {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.rosterContainer .bodyMain .rosterAppointments .formTable .formButtons .formViewButton,
.rosterContainer .bodyMain .rosterAttachments .formTable .formButtons .formViewButton {
  width: 75px;
  font-weight: 500;
}
.rosterContainer .bodyMain .rosterAppointments .formTable .formButtons .formViewButton .ellipsisWrap,
.rosterContainer .bodyMain .rosterAttachments .formTable .formButtons .formViewButton .ellipsisWrap {
  min-width: 65px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rosterContainer .bodyMain .rosterAppointments .emptyListItem,
.rosterContainer .bodyMain .rosterAttachments .emptyListItem {
  cursor: pointer;
  color: #dedede;
  padding: 8px 8px 8px 0px;
}
.rosterContainer .bodyMain .rosterAppointments .upcoming,
.rosterContainer .bodyMain .rosterAppointments .past,
.rosterContainer .bodyMain .rosterAttachments .upcoming,
.rosterContainer .bodyMain .rosterAttachments .past {
  font-size: 12px;
  align-items: stretch;
  margin-bottom: 30px;
}
.rosterContainer .bodyMain .rosterAppointments .upcoming .heading,
.rosterContainer .bodyMain .rosterAppointments .past .heading,
.rosterContainer .bodyMain .rosterAttachments .upcoming .heading,
.rosterContainer .bodyMain .rosterAttachments .past .heading {
  color: #949494;
  margin-bottom: 10px;
}
.rosterContainer .bodyMain .rosterAppointments .files,
.rosterContainer .bodyMain .rosterAttachments .files {
  font-size: 12px;
  align-items: center;
  margin-bottom: 30px;
}
.rosterContainer .bodyMain .rosterAppointments .dropDetail,
.rosterContainer .bodyMain .rosterAttachments .dropDetail {
  background-color: #e5eef9;
  padding: 8px;
  flex-wrap: wrap;
  position: relative;
}
.rosterContainer .bodyMain .rosterAppointments .dropDetail .attachmentItem,
.rosterContainer .bodyMain .rosterAttachments .dropDetail .attachmentItem {
  width: calc(50% - 18px);
  min-width: 260px;
  justify-content: space-between;
  height: 56px;
}
.rosterContainer .bodyMain .rosterAppointments .attachmentSpinnerItem,
.rosterContainer .bodyMain .rosterAttachments .attachmentSpinnerItem {
  width: 10%;
  margin-top: 4px;
  width: 5%;
}
.rosterContainer .bodyMain .rosterAppointments .attachmentItem .dropDetail,
.rosterContainer .bodyMain .rosterAttachments .attachmentItem .dropDetail {
  box-shadow: inset 1px 2px 0px -1px #becaef;
}
.rosterContainer .bodyMain .rosterAppointments .attachmentItem .dropDetail.dropDetailWarning,
.rosterContainer .bodyMain .rosterAttachments .attachmentItem .dropDetail.dropDetailWarning {
  background-color: #FFC4C2;
  box-shadow: inset 0px 1px 0px #cc87a1;
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem {
  border-bottom: 1px solid #c7c7c7;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem:last-of-type,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem:last-of-type {
  border-bottom: none;
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .attachmentButton,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .attachmentButton {
  height: 35px;
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .attachmentModalButton,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .attachmentModalButton {
  height: 48px;
  width: 48px;
  padding: 9px 9px;
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem.expanded,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem.expanded {
  margin-bottom: 16px;
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .menuAnchor,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .menuAnchor {
  position: relative;
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .optionMenu,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .optionMenu {
  position: absolute;
  right: 100%;
  top: 0px;
  z-index: 1;
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .optionMenu li,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .optionMenu li {
  text-overflow: ellipsis;
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .itemMain,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .itemMain {
  padding: 10px 14px 12px 14px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .itemMain .itemDetails,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .itemMain .itemDetails {
  height: 100%;
  flex-basis: 0;
  flex-grow: 1;
  overflow: hidden;
  padding-right: 20px;
  justify-content: space-around;
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .itemMain .itemDetails .sessionName,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .itemMain .itemDetails .sessionName {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .itemMain .itemDetails .providerName,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .itemMain .itemDetails .providerName {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 8px 0;
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .itemMain .itemDetails .providerNameValue,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .itemMain .itemDetails .providerNameValue {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #595959;
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .itemDateDuration,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .itemDateDuration {
  color: #595959;
  align-items: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .itemDateDuration > *,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .itemDateDuration > * {
  margin-right: 6px;
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .appointmentTypeIndicator,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .appointmentTypeIndicator {
  margin-left: 5px;
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .rosterRecurrenceIcon,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .rosterRecurrenceIcon {
  width: 13px;
  height: 13px;
  fill: #595959;
  margin-top: 1px;
}
@media (max-width: 1250px) {
  .rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .rosterRecurrenceTextLong,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .rosterRecurrenceTextLong {
    display: none;
  }
}
@media (min-width: 1250px) {
  .rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .rosterRecurrenceTextShort,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .rosterRecurrenceTextShort {
    display: none;
  }
}
.rosterContainer .bodyMain .rosterAppointments .rosterAppointmentItem .rosterRecurrenceIconText,
.rosterContainer .bodyMain .rosterAttachments .rosterAppointmentItem .rosterRecurrenceIconText {
  font-size: 12px;
  color: #595959;
}
.rosterContainer .bodyMain .emptyNotes {
  text-align: center;
  font-size: 16px;
  font-weight: 800;
  color: #dedede;
  padding-top: 40px;
}
.rosterContainer .bodyMain .rosterNotes {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.rosterContainer .bodyMain .rosterNotes .selectedNoteItem {
  padding-left: 0px;
}
.rosterContainer .bodyMain .rosterNotes .sidebarNoteItem {
  cursor: default;
  box-shadow: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.rosterContainer .bodyMain .rosterNotes .sidebarNoteItem:hover {
  border-left: 4px solid rgba(255, 255, 255, 0);
}
.rosterContainer .bodyMain .rosterNotes .noteToolsRow {
  align-items: center;
  width: 100%;
  font-size: 14px;
  margin: 12px 0;
}
.rosterContainer .bodyMain .rosterNotes .noteToolsRow .lastEdit {
  font-size: 14px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.rosterContainer .bodyMain .rosterNotes .noteToolsRow .infoLeft {
  align-items: center;
}
.rosterContainer .bodyMain .rosterNotes .notesContainer {
  width: 100%;
  height: 100%;
  overflow: auto;
  font-size: 14px;
  line-height: 20px;
  color: #595959;
}
.rosterContainer .bodyMain .rosterNotes .caseNoteEditorContainer {
  height: 70vh;
}
.rosterContainer .bodyMain .rosterNotes .caseNoteEditorContainer .caseNoteEditorRosterNotes > * {
  padding-left: 0;
}
.rosterContainer .bodyMain .rosterNotes .caseNoteEditor {
  width: 100%;
}
.rosterContainer .bodyMain .rosterNotes .caseNoteEditor .RichEditor-editor {
  overflow: auto;
}
.rosterContainer .bodyMain .rosterNotes .caseNoteEditor .RichEditor-controls {
  overflow-x: auto;
}
.rosterContainer .bodyMain .rosterNotes .caseNoteEditor .RichEditor-styleButton,
.rosterContainer .bodyMain .rosterNotes .caseNoteEditor .RichEditor-activeButton {
  font-size: 10px;
}
.rosterContainer .bodyMain .rosterNotes .DraftEditor-editorContainer .public-DraftEditor-content {
  width: 100%;
}
.rosterContainer .bodyMain .rosterNotes .DraftEditor-editorContainer .public-DraftEditor-content * {
  max-width: 100%;
}

.baguette {
  max-width: calc(100% - 60px);
}
.baguette.allProviders .content {
  font-size: 12px;
}

.chip {
  max-width: 150px;
}
.chip.allProviders .content {
  font-size: 14px;
}

.chip,
.baguette {
  align-items: center;
  margin: 0 8px 0 0;
  height: 16px;
  border: 1px solid #595959;
  color: #595959;
  font-weight: bold;
  padding: 0px 6px;
  overflow: hidden;
  white-space: nowrap;
}
.chip .content,
.baguette .content {
  font-size: 12px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chip.collapsed,
.baguette.collapsed {
  overflow: hidden;
  white-space: nowrap;
  transition: max-width 0.5s;
}
.chip.noShow,
.baguette.noShow {
  color: #ffffff;
  border: none;
  background-color: #595959;
}
.chip.chargeFailed,
.baguette.chargeFailed {
  background-color: #c71b16;
  border: none;
  color: #ffffff;
}
.chip.complete,
.baguette.complete {
  background-color: #2c4e69;
  border: none;
  color: #ffffff;
}
.chip.cancelled,
.baguette.cancelled {
  background-color: #FFC4C2;
  border: none;
  color: #4D1210;
}
.chip.provider,
.baguette.provider {
  color: #ffffff;
  font-size: 14px;
  border-color: #ffffff;
  margin-top: 4px;
  padding-bottom: 2px;
  height: 18px;
}
.chip.notAttending,
.baguette.notAttending {
  background-color: #FFC4C2;
  border: none;
  color: #4D1210;
}

.contact_attachmentModal__upload {
  height: 400px;
  text-align: center;
}
.contact_attachmentModal__upload::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.contact_attachmentModal__upload > ._uploadControls {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
}
.contact_attachmentModal__upload > ._uploadControls > ._attachText {
  display: block;
  font-weight: normal;
  font-size: 20px;
}

.print .sessionNotesPrintHeader {
  width: 100%;
  justify-content: space-between;
}
.print .sessionNotesPrintHeader .headerColumn > * {
  margin-bottom: 12px;
}

.createAppointmentDropdown {
  margin-top: 6px;
}
.createAppointmentDropdown .typeIcon {
  color: #595959;
  margin-right: 8px;
}

.rosterActionsMenu.rosterActionsMenu {
  margin: 0 -8px;
}
.rosterActionsMenu.rosterActionsMenu .rosterActionsMenuOption {
  gap: 8px;
}
.rosterActionsMenu.rosterActionsMenu .rosterActionsMenuOption .leftRightArrowIcon {
  height: 18px;
}
.rosterActionsMenu.rosterActionsMenu .rosterActionsMenuOption .deleteIcon {
  height: 16px;
  width: 20px;
  fill: #e42721;
}
.rosterActionsMenu.rosterActionsMenu .rosterActionsMenuOption .rosterActionsDeleteContact {
  color: #e42721;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/RecurrenceCancellationModal.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.RecurringAppointmentsModal .RecurringAppointmentsModalOptionRadio {
  height: 36px;
  width: 36px;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/MaterialTable.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.MaterialTable .MaterialTableHead {
  background: #F2F2F2;
  color: #727272;
}
.MaterialTable .MaterialTableRow:focus {
  background: lightgrey;
}
.MaterialTable .MaterialTableRow.clickable {
  cursor: pointer;
}
.MaterialTable .MaterialTableRow .MaterialTableCell.error {
  color: #CD0000;
}
.MaterialTable .MaterialTableRow .MaterialTableCell.action {
  text-align: end;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/insurance/InsuranceEligibilityError.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.InsuranceEligibilityError {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
.InsuranceEligibilityError .errorBody {
  text-align: center;
}
.InsuranceEligibilityError .errorBody .errorIcon {
  color: #FB5300;
  font-size: 150px;
}
.InsuranceEligibilityError .errorBody p {
  color: #727272;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/insurance/InsuranceEligibilityHistory.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.materialTable {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/insurance/InsuranceEligibilityInquiry.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.iframe {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/insurance/InsuranceEligibility.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.rosterInsuranceEligibilityHistoryBody {
  display: flex;
  flex-direction: column;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}
.rosterInsuranceEligibilityHistoryBody .appBar {
  position: relative;
  color: black;
  background: white;
}
.rosterInsuranceEligibilityHistoryBody .appBar .title {
  margin-left: 15px;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/usermanagement/UserManagement.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.UserManagement {
  position: relative;
}
.UserManagement .userManagementHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.UserManagement .inviteNewUserButton .inviteNewUserIcon {
  margin-right: 8px;
  width: 20px;
}
.UserManagement .userManagementTitle {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  margin: 0;
}
.UserManagement .userManagementTabContent {
  margin-top: 16px;
}
.UserManagement table th {
  padding-top: 16px;
}
.UserManagement table tr.tableRow {
  background: white;
}
.UserManagement .loadingIndicator {
  padding-top: 50px;
}
.UserManagement .paginationContainer {
  position: relative;
  width: 100%;
  height: 42px;
  bottom: 0px;
  background: #f8f8f8;
  box-shadow: 0px -1px 0px #dedede;
  padding: 8px 25px 7px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.UserManagement .paginationContainer .resultLabel {
  position: absolute;
  top: 12px;
  left: 25px;
  font-size: 12px;
  color: #727272;
}
.UserManagement .paginationContainer .pageSizeSelect {
  position: absolute;
  right: 25px;
  display: flex;
  align-items: center;
}
.UserManagement .paginationContainer .pageSizeSelect .text {
  font-size: 12px;
  color: #727272;
  font-weight: normal;
}
.UserManagement .paginationContainer .pageSizeSelect .text.itemsPerPage {
  margin-left: 5px;
}
.UserManagement .paginationContainer .paginationEmptySpace {
  widows: 15%;
}
.UserManagement .expiredStatus {
  color: #c71b16;
}
.UserManagement .userNameContainer {
  width: 100%;
}
.UserManagement .userNameContainer .title {
  line-height: 24px;
}
.UserManagement .multiLineCell {
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 24px;
}

.userManagementPaginationPageSizeSelectMenu .pageSizeSelectMenuItem {
  font-size: 12px;
  color: #727272;
  font-weight: normal;
}

.userInvitationUnsavedChangesModal {
  width: 424px;
}
.userInvitationUnsavedChangesModal .unsavedChangesDescription {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.userInvitationUnsavedChangesModal .unsavedChangesButtonText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.userManagementTabBarRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/usermanagement/UserInvitationManager.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.userInvitationManager {
  position: absolute;
  padding: 16px 24px;
  inset: 65px 0 0 0;
  overflow: auto;
}
.userInvitationManager .stepContainer.hidden {
  display: none;
}
.userInvitationManager .stepContainer .stepTitleContainer {
  gap: 8px;
}
.userInvitationManager .stepContainer .stepTitleContainer .stepTitle {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}
.userInvitationManager .stepContainer .stepTitleContainer .stepSubtitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.userInvitationManager .stepContainer.userInfoContainer {
  width: 1076px;
  max-width: 100%;
  color: #000209;
  gap: 12px;
}
.userInvitationManager .stepContainer.userInfoContainer .userInfoNote {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
}
.userInvitationManager .stepContainer.userInfoContainer .roleSelectInputContainer {
  height: 60px;
}
.userInvitationManager .stepContainer.userInfoContainer .roleSelectInputContainer .roleSelectInput {
  width: 330px;
}
.userInvitationManager .stepContainer.userInfoContainer .carelogicStaffIDTextFieldContainer {
  width: 340px;
}
.userInvitationManager .stepContainer.userInfoContainer .carelogicStaffIDTextFieldContainer .labelWrapper {
  margin-top: 32px;
}
.userInvitationManager .stepContainer.userInfoContainer .carelogicStaffIDTextFieldContainer .labelWrapper .label {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.userInvitationManager .stepContainer.userInfoContainer .carelogicStaffIDTextFieldContainer .labelWrapper .label .required {
  color: #c71b16;
  margin-left: 3px;
}
.userInvitationManager .stepContainer.userInfoContainer .carelogicStaffIDTextFieldContainer .carelogicStaffIDTextField {
  width: 330px;
}
.userInvitationManager .stepContainer.userInfoContainer .carelogicStaffIDTextFieldContainer .carelogicStaffIDTextField input::-moz-placeholder {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
  opacity: 1;
}
.userInvitationManager .stepContainer.userInfoContainer .carelogicStaffIDTextFieldContainer .carelogicStaffIDTextField input::placeholder {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
  opacity: 1;
}
.userInvitationManager .stepContainer.userInfoContainer .emailTextFieldContainer .emailTextField {
  width: 330px;
}
.userInvitationManager .stepContainer.userInfoContainer .emailTextFieldContainer .emailTextField input::-moz-placeholder {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
  opacity: 1;
}
.userInvitationManager .stepContainer.userInfoContainer .emailTextFieldContainer .emailTextField input::placeholder {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
  opacity: 1;
}
.userInvitationManager .stepContainer.objectSelectorContainer {
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper {
  flex-grow: 3;
  color: #000209;
  flex-basis: min-content;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper .objectSelectorSearchBar {
  width: 356px;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.divisionsPaper {
  min-width: 880px;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.divisionsPaper.errorState {
  border: 2px solid #c71b16;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.divisionsPaper .requiredTag {
  color: #c71b16;
  margin-left: 4px;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.divisionsPaper .divisionsInfoIcon {
  width: 24px;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.divisionsPaper .divisionsErrorText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #c71b16;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.divisionsPaper .rosterHeader {
  gap: 4px;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.divisionsPaper .rosterHeader .rosterInfoIcon {
  width: 20px;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper {
  min-width: 939px;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .optionalTag {
  color: #595959;
  margin-left: 4px;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow .popoverTextCell {
  width: 100%;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow .popoverTextCell .popoverText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow .serviceNameCell {
  gap: 4px;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow .serviceNameCell .serviceNameChips {
  gap: 4px;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow .formsCellWrapper {
  position: relative;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow .formsCellWrapper .formsCell {
  gap: 12px;
  align-items: center;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow .formsCellWrapper .formsCell .toggleFormsList {
  width: 20px;
  height: 20px;
  background-color: #f2f4f6 !important;
  border-radius: 16px;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow .appointmentTypeIcon {
  width: 20px;
  height: 20px;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow .appointmentTypeIcon > path {
  fill: #000209;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow .feeCell {
  align-items: center;
  gap: 10px;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow .feeCell .subscriptionTooltip {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 4px;
  background-color: #f2f4f6;
  border-radius: 16px;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow .feeCell .subscriptionTooltip .subscriptionIcon {
  width: 12px;
  height: 12px;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow.selected .serviceNameText,
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow.selected .divisionNameText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow:hover .serviceNameChip, .userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow.selected .serviceNameChip {
  border: 1px solid #dedede;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow:hover .toggleFormsList, .userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow.selected .toggleFormsList {
  border: 1px solid #dedede;
}
.userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow:hover .subscriptionTooltip, .userInvitationManager .stepContainer.objectSelectorContainer .objectSelectorPaper.servicesPaper .styledMuiDataGridRow.selected .subscriptionTooltip {
  border: 1px solid #dedede;
  padding: 3px;
}
.userInvitationManager .stepContainer.objectSelectorContainer .selectedRowsChipList {
  min-width: 300px;
  flex-basis: 300px;
  flex-grow: 1;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.userInvitationManager .stepContainer.objectSelectorContainer .selectedRowsChipList .objectSelectorChipList {
  max-height: calc(100vh - 137px);
}
.userInvitationManager .stepContainer.confirmationContainer {
  width: 1076px;
  max-width: 100%;
  color: #000209;
}
.userInvitationManager .stepContainer.confirmationContainer .confirmationDescriptionList {
  margin-bottom: 0;
  margin-top: -8px;
}
.userInvitationManager .stepContainer.confirmationContainer .confirmationDescriptionList .dataTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  padding: 8px 0;
  border-bottom: 1px solid #dedede;
  gap: 8px;
  margin-top: 32px;
  margin-bottom: 8px;
}
.userInvitationManager .stepContainer.confirmationContainer .confirmationDescriptionList .dataTitle .dataTitleIcon {
  width: 24px;
}
.userInvitationManager .stepContainer.confirmationContainer .confirmationDescriptionList .dataTitle .dataTitleIcon.userIcon {
  padding: 4px;
}
.userInvitationManager .stepContainer.confirmationContainer .confirmationDescriptionList .dataTitle .dataTitleIcon.roleIcon, .userInvitationManager .stepContainer.confirmationContainer .confirmationDescriptionList .dataTitle .dataTitleIcon.divisionsIcon, .userInvitationManager .stepContainer.confirmationContainer .confirmationDescriptionList .dataTitle .dataTitleIcon.servicesIcon {
  padding: 2px;
}
.userInvitationManager .stepContainer.confirmationContainer .confirmationDescriptionList .dataDetail {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
  margin-left: 0;
}
.userInvitationManager .stepContainer .editSubheader {
  align-items: center;
  margin-top: 16px;
}
.userInvitationManager .stepContainer .editSubheader .editButton {
  padding-left: 12px;
  margin-right: 8px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.userInvitationManager .stepContainer .editSubheader .editButton .buttonIcon {
  margin: 0 8px 0 0;
  width: 12px;
  flex-shrink: 0;
}
.userInvitationManager .stepContainer .editSubheader .editNote {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
}
.userInvitationManager .actionContainer {
  width: calc(100% - 65px);
  height: 64px;
  padding: 12px 24px 12px 0px;
  justify-content: space-between;
  align-items: stretch;
  bottom: 100%;
  position: fixed;
  left: 65px;
  top: 0;
}
.userInvitationManager .actionContainer .alignLeft {
  align-items: center;
}
.userInvitationManager .actionContainer .alignLeft .userInvitationStepper {
  margin: 0 24px;
  flex: 1;
}
.userInvitationManager .actionContainer .alignLeft .userInvitationStepper .stepperConnector {
  width: 105px;
}
.userInvitationManager .actionContainer .alignRight {
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}
.userInvitationManager .actionContainer .alignRight .backButton .arrowLeftIcon {
  margin: 0 8px 0 0;
  width: 12px;
}
.userInvitationManager .actionContainer .alignRight .envelopeIcon {
  stroke: none;
  margin-right: 8px;
}
.userInvitationManager .actionContainer .alignRight .loadingIcon {
  padding: 8px 10px 0 0;
}

.formsMenuPaper.formsMenuPaper {
  padding: 16px 24px;
  border: 1px solid #dedede;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  margin-top: 6px;
}
.formsMenuPaper.formsMenuPaper .formsMenuList {
  padding: 0;
  gap: 8px;
}
.formsMenuPaper.formsMenuPaper .formsMenuList .formsMenuItem {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  padding: 0;
  pointer-events: none;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.subscriptionTooltipText.subscriptionTooltipText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
  margin-top: 6px;
}

.inviteUserEditorConfirmModal {
  width: 420px;
}
.inviteUserEditorConfirmModal .ConfirmModalBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.inviteUserEditorConfirmModal .inviteUserEditorButtonText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/usermanagement/UserInvitationModal.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.userInvitationModal .userInvitationModalPaper {
  background-color: #fafbfc;
  overflow: hidden;
  transform: translate(0, 0);
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/library/OrderedOptionsList.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.orderedOptionsListContainer {
  padding: 24px;
  border: 1px solid #dedede;
  box-shadow: none;
  border-radius: 8px;
}
.orderedOptionsListContainer .listTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000209;
}
.orderedOptionsListContainer .inputListContainer {
  list-style-type: none;
  padding: 0px;
}
.orderedOptionsListContainer .inputListContainer .optionListItem {
  margin-bottom: 8px;
}
.orderedOptionsListContainer .inputListContainer .optionListItem > :not(:last-child) {
  margin-right: 8px;
}
.orderedOptionsListContainer .inputListContainer .optionListItem .textFieldContainer {
  width: 100%;
}
.orderedOptionsListContainer .inputListContainer .optionListItem .textFieldContainer > * {
  height: 100%;
}
.orderedOptionsListContainer .inputListContainer .optionListItem .textFieldContainer .optionTextField {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 8px;
}
.orderedOptionsListContainer .inputListContainer .optionListItem .deleteOptionButton {
  border: 1px solid #c71b16;
  fill: #c71b16;
  padding: 16px;
}
.orderedOptionsListContainer .inputListContainer .optionListItem .deleteOptionButton:hover {
  background-color: #c71b16;
  fill: #ffffff;
}
.orderedOptionsListContainer .inputListContainer .optionListItem .deleteOptionButton:disabled {
  fill: #595959;
}
.orderedOptionsListContainer .inputListContainer .optionListItem .deleteOptionButton svg {
  width: 24px;
  height: 24px;
}
.orderedOptionsListContainer .inputListContainer .optionListItem .shiftOptionButton {
  padding: 16px 13px;
  border: 1px solid #2c4e69;
  fill: #2c4e69;
  background-color: #f2f4f6;
}
.orderedOptionsListContainer .inputListContainer .optionListItem .shiftOptionButton:hover {
  background-color: #2c4e69;
  fill: #ffffff;
}
.orderedOptionsListContainer .inputListContainer .optionListItem .shiftOptionButton:disabled {
  fill: #595959;
}
.orderedOptionsListContainer .addOption {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/DivisionSelectModal.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.addDivisionModal.addDivisionModal {
  height: 722px;
  min-width: 860px;
  padding: 24px;
  border-radius: 8px;
  justify-content: space-between;
}
.addDivisionModal.addDivisionModal .modalHeader {
  align-items: center;
  height: 30px;
  margin-bottom: 24px;
  justify-content: space-between;
}
.addDivisionModal.addDivisionModal .modalHeader .closeModalButton {
  height: 48px;
  width: 48px;
}
.addDivisionModal.addDivisionModal .modalHeader .closeModalButton .closeModalIcon {
  width: 16px;
}
.addDivisionModal.addDivisionModal .divisionContainer {
  justify-content: space-between;
  flex-grow: 1;
  height: 0;
}
.addDivisionModal.addDivisionModal .divisionContainer .divisionSearchContainer {
  width: 460px;
}
.addDivisionModal.addDivisionModal .divisionContainer .divisionSearchContainer .divisionSearchBar {
  border: 1px solid #dedede;
  margin-bottom: 12px;
  border-radius: 4px;
  align-items: center;
}
.addDivisionModal.addDivisionModal .divisionContainer .divisionSearchContainer .divisionSearchBar .searchBarText {
  padding: 0 0 0 8px;
  flex-grow: 1;
}
.addDivisionModal.addDivisionModal .divisionContainer .divisionSearchContainer .divisionSearchBar .searchBarText .inputFont {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.addDivisionModal.addDivisionModal .divisionContainer .divisionSearchContainer .divisionSearchBar .clearSearchButton {
  height: 24px;
  align-items: center;
  padding: 0 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.addDivisionModal.addDivisionModal .divisionContainer .divisionSearchContainer .divisionSearchBar .searchIcon {
  width: 16px;
  fill: #595959;
  stroke: #595959;
  margin: 0 8px 0px 24px;
  flex-shrink: 0;
}
.addDivisionModal.addDivisionModal .divisionContainer .divisionSearchContainer .resultsDivisionTracker {
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.addDivisionModal.addDivisionModal .divisionContainer .divisionSearchContainer .resultsDivisionTracker .resultsDivisionNumber {
  color: #595959;
}
.addDivisionModal.addDivisionModal .divisionContainer .divisionSearchContainer .resultsDivisionTracker .selectAll {
  font-weight: 500;
}
.addDivisionModal.addDivisionModal .divisionContainer .divisionSearchContainer .unselectedDivisionList {
  overflow: auto;
}
.addDivisionModal.addDivisionModal .divisionContainer .divisionSearchContainer .unselectedDivisionList .unselectedDivisionItem {
  height: 52px;
  border-bottom: 1px solid #dedede;
  margin-left: 0;
  flex-shrink: 0;
}
.addDivisionModal.addDivisionModal .divisionContainer .divisionSearchContainer .divisionLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.addDivisionModal.addDivisionModal .divisionContainer .selectedDivisionContainer {
  width: 328px;
  max-height: 564px;
  background-color: #f8f8f8;
  padding: 12px 24px;
  border-radius: 8px;
}
.addDivisionModal.addDivisionModal .divisionContainer .selectedDivisionContainer .selectedTracker {
  justify-content: space-between;
  align-items: center;
  color: #595959;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.addDivisionModal.addDivisionModal .divisionContainer .selectedDivisionContainer .selectedTracker .clearAll {
  font-weight: 500;
}
.addDivisionModal.addDivisionModal .divisionContainer .selectedDivisionContainer .selectedDivisionList {
  overflow: auto;
}
.addDivisionModal.addDivisionModal .divisionContainer .selectedDivisionContainer .selectedDivisionList .selectedDivisionItem {
  height: 52px;
  border-bottom: 1px solid #dedede;
  margin-left: 0;
  flex-shrink: 0;
}
.addDivisionModal.addDivisionModal .divisionContainer .selectedDivisionContainer .divisionLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.addDivisionModal.addDivisionModal .modalActionButtons {
  margin-top: 24px;
}
.addDivisionModal.addDivisionModal .modalActionButtons .actionButton {
  flex-grow: 1;
  flex-basis: 0;
}
.addDivisionModal.addDivisionModal .modalActionButtons .actionButton:not(:last-child) {
  margin-right: 16px;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/configuration/appointmentfields/AppointmentFieldEditor.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.appointmentFieldEditor {
  height: 100%;
  width: 100%;
}
.appointmentFieldEditor .leftPanelProperties {
  border-right: 1px solid #dedede;
  background-color: white;
  width: 440px;
  justify-content: space-between;
  padding: 24px;
  flex-shrink: 0;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings {
  flex-grow: 1;
  height: 0;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings > * {
  margin-bottom: 16px;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings .fieldSettingsHeader {
  margin-top: 0;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings .fieldTypeHeaderInfo {
  height: 24px;
  align-items: center;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings .fieldTypeHeaderInfo .fieldTypeHeader {
  font-size: 14px;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings .fieldTypeHeaderInfo .infoButtonIcon {
  width: 18px;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings .fieldTypeToggle {
  align-self: center;
  width: 100%;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings .divisionSelectHeader {
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings .divisionSelectDescription {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings .divisionTracker {
  justify-content: space-between;
  align-items: center;
  color: #595959;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings .divisionTracker .divisionNumber {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings .divisionChipList {
  min-height: 44px;
  overflow: auto;
  border: 1px solid #dedede;
  background-color: white;
  border-radius: 8px;
  padding: 4px;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings .divisionChipList .divisionChip {
  margin: 4px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  padding: 0 12px;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings .divisionChipList .divisionChip .divisionChipLabel {
  padding: 0;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings .divisionChipList .divisionChip .deleteChipIcon {
  margin: 0;
  width: 10px;
  margin-left: 8px;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings .error {
  border-color: #c71b16;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings .errorText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #c71b16;
}
.appointmentFieldEditor .leftPanelProperties .fieldSettings .divisionChipActions {
  justify-content: space-between;
}
.appointmentFieldEditor .leftPanelProperties .actionButtonsPlaceholder {
  height: 32px;
  width: 100%;
}
.appointmentFieldEditor .rightPanelProperties {
  flex-grow: 1;
  padding: 32px 92px;
  background-color: #fcfcfc;
  overflow: auto;
}
.appointmentFieldEditor .rightPanelProperties .fieldPropertiesContainer {
  padding: 20px 24px;
  border: 1px solid #dedede;
  background-color: white;
  border-radius: 8px;
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.appointmentFieldEditor .rightPanelProperties .fieldPropertiesContainer .fieldNameHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.appointmentFieldEditor .rightPanelProperties .fieldPropertiesContainer .displayTitle .displayTitleHeader {
  color: #595959;
  margin: 16px 0 8px 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.appointmentFieldEditor .rightPanelProperties .fieldPropertiesContainer .displayTitle .displayTitleInput {
  width: 100%;
}
.appointmentFieldEditor .rightPanelProperties .fieldPropertiesContainer .displayTitle .displayTitleInput .displayInputBox > * {
  padding: 8px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.appointmentFieldEditor .rightPanelProperties .errorHelperText {
  margin: 3px 0;
}
.appointmentFieldEditor .actionButtonsContainer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 441px;
  padding: 24px;
  flex-direction: row-reverse;
}
.appointmentFieldEditor .actionButtonsContainer .finalActionButton {
  flex-grow: 1;
  flex-basis: 0;
}
.appointmentFieldEditor .actionButtonsContainer .finalActionButton:not(:last-child) {
  margin-left: 16px;
}
.appointmentFieldEditor .actionButtonsContainer .finalActionButton .saveButton .buttonLoader {
  right: 8px;
  position: absolute;
  top: -50%;
  transform: scale(0.5) translateY(50%);
}

.customAppointmentFieldUnsavedChangesModal {
  width: 416px;
  padding: 24px;
  justify-content: space-between;
}
.customAppointmentFieldUnsavedChangesModal .unsavedChangesHeader {
  justify-content: space-between;
  align-items: center;
}
.customAppointmentFieldUnsavedChangesModal .unsavedChangesHeader .unsavedHeaderTitle {
  font-weight: 600;
  margin: 0;
}
.customAppointmentFieldUnsavedChangesModal .unsavedChangesHeader .closeModalButton {
  height: 48px;
  width: 48px;
}
.customAppointmentFieldUnsavedChangesModal .unsavedChangesHeader .closeModalButton .closeModalIcon {
  width: 16px;
}
.customAppointmentFieldUnsavedChangesModal .unsavedChangesDescription {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 24px 0;
}
.customAppointmentFieldUnsavedChangesModal .unsavedActionButtons .actionButton {
  flex-grow: 1;
  flex-basis: 0;
}
.customAppointmentFieldUnsavedChangesModal .unsavedActionButtons .actionButton:not(:last-child) {
  margin-right: 16px;
}

.customAppointmentFieldtypeInfoModal {
  width: 510px;
  min-height: 224px;
  padding: 24px;
  justify-content: space-between;
  letter-spacing: -0.25px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.customAppointmentFieldtypeInfoModal .smallSvgLogo {
  width: 18px;
  margin-right: 8px;
  max-height: 24px;
}
.customAppointmentFieldtypeInfoModal .textInput {
  justify-content: space-between;
  height: 24px;
  margin-bottom: 8px;
  align-items: center;
}
.customAppointmentFieldtypeInfoModal .textInput .textInputHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  align-items: center;
}
.customAppointmentFieldtypeInfoModal .textInput .closeModalButton {
  height: 40px;
  width: 40px;
}
.customAppointmentFieldtypeInfoModal .textInput .closeModalButton .closeModalIcon {
  width: 14px;
}
.customAppointmentFieldtypeInfoModal .multiSelect {
  justify-content: space-between;
  height: 24px;
  margin: 16px 0 8px 0;
  align-items: center;
}
.customAppointmentFieldtypeInfoModal .multiSelect .multiSelectHeader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.customAppointmentFieldtypeInfoModal .multiSelect .multiSelectHeader .multiSelectLogo {
  width: 24px;
  padding: 4px;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/CannotEditAppointmentModal.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.cannotEditAppointmentModal.cannotEditAppointmentModal {
  max-width: 420px;
}
.cannotEditAppointmentModal.cannotEditAppointmentModal .bodyText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 24px 0;
}
.cannotEditAppointmentModal.cannotEditAppointmentModal .dismissButton {
  width: 100%;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/FormsFailedToAssignModal.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.formsFailedToAssignModal.formsFailedToAssignModal {
  max-width: 420px;
}
.formsFailedToAssignModal.formsFailedToAssignModal .bodyText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 24px 0;
}
.formsFailedToAssignModal.formsFailedToAssignModal .dismissButton {
  width: 100%;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/billing/SubscriptionPlans.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.subscriptionPlans {
  width: 100%;
}
.subscriptionPlans .subscriptionPlansDivisionSelector {
  align-items: flex-start;
  width: 254px;
}
.subscriptionPlans .subscriptionPlansFilters {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 16px 0;
}
.subscriptionPlans .subscriptionPlansSearchField {
  width: 428px;
}
.subscriptionPlans .plansTabsRow {
  margin-top: 16px;
  min-height: 0px;
}
.subscriptionPlans .plansTabsRow .plansTab {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 0px 0px 4px 0px;
  border-bottom: 2px solid transparent;
  text-transform: none;
  min-width: 0px;
  min-height: 0px;
  color: #595959;
  margin-right: 16px;
}
.subscriptionPlans .plansTabsRow .plansTab.active {
  color: #2c4e69;
  border-bottom: 2px solid #2c4e69;
}
.subscriptionPlans .plansTabsRow .plansTab.disabled {
  color: #f8f8f8;
}
.subscriptionPlans .plansTabsRow .plansTab:hover {
  border-bottom: 2px solid #1d3549;
}
.subscriptionPlans .subscriptionPlanTable .subscriptionPlanTableCell {
  position: relative;
}
.subscriptionPlans .subscriptionPlanTable .subscriptionPlanTableCell .subscriptionMenuButtonLoader {
  position: absolute;
  height: 50px;
  top: 50%;
  transform: translateY(-50%);
}
.subscriptionPlans .subscriptionPlanTable .subscriptionPlanTableCell .subscriptionMenuButtonLoader .loadingRoot {
  display: block;
  line-height: 40px;
}
.subscriptionPlans .subscriptionPlanTable .subscriptionPlanTableCell .menuButton {
  width: 40px;
}
.subscriptionPlans .noRowsOverlay {
  background-color: transparent;
}
.subscriptionPlans .noRowsOverlay .noRowsOverlayText {
  color: #595959;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.subscriptionPlans .multiline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 24px;
  word-break: break-word;
}
.subscriptionPlans .ending {
  color: #c71b16;
  display: flex;
  justify-content: flex-start;
}
.subscriptionPlans .ending .infoIcon {
  width: 30px;
  margin-top: 28px;
  fill: #c71b16;
  stroke: #c71b16;
}

.subscriptionPlanOptionMenu.subscriptionPlanOptionMenu .menuItem {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
}
.subscriptionPlanOptionMenu.subscriptionPlanOptionMenu .menuItem.Alert {
  fill: #e42721;
  color: #e42721;
}
.subscriptionPlanOptionMenu.subscriptionPlanOptionMenu .deleteIcon {
  height: 16px;
  width: 16px;
  margin-right: 10px;
}

.confirmSubscriptionDeactivationModal.confirmSubscriptionDeactivationModal .deactivationMessage {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.confirmSubscriptionDeactivationModal.confirmSubscriptionDeactivationModal .deactivationInfo {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.confirmSubscriptionDeactivationModal.confirmSubscriptionDeactivationModal .deactivationInfo .deactivationItem {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.confirmSubscriptionDeactivationModal.confirmSubscriptionDeactivationModal .deactivationInfo .deactivationDetail {
  margin: 12px 0;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/Billing.scss ***!
  \*******************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.payments {
  min-height: 100%;
  margin: 0;
  padding: 16px;
  align-items: stretch;
  gap: 16px;
}
.payments .paymentTablistContainer {
  padding: 16px 0;
}
.payments .paymentTablistContainer .tablistHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.payments .paymentsTab {
  flex-grow: 1;
  height: 100%;
  padding: 24px;
}
.payments .paymentsTab .tabHeader {
  margin: 0;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/billing/SubscriptionChargesTable.scss ***!
  \********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.subscriptionChargesTable .subscriptionChargesTableDivisionSelector {
  align-items: flex-start;
  max-width: 280px;
  flex-grow: 1;
}
.subscriptionChargesTable .subscriptionChargesFilters {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 16px 0;
}
.subscriptionChargesTable .subscriptionChargesTableSearchField {
  width: 430px;
}
.subscriptionChargesTable .subscriptionPlanContainer {
  width: 100%;
  align-items: flex-start;
}
.subscriptionChargesTable .subscriptionPlanContainer .subscriptionPlanName {
  line-height: 24px;
}
.subscriptionChargesTable .multiLineCell {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 24px;
}
.subscriptionChargesTable .successChip {
  background-color: #CDF4DF;
  color: #104D2C;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/billing/AppointmentCharges.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.appointmentChargesTable .appointmentChargesFilters {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 16px 0;
}
.appointmentChargesTable .appointmentChargesTableSearchField {
  width: 430px;
}
.appointmentChargesTable .appointmentTitleContainer {
  width: 100%;
}
.appointmentChargesTable .appointmentTitleContainer .title {
  line-height: 24px;
}
.appointmentChargesTable .multiLineCell {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 24px;
}
.appointmentChargesTable .noRowsOverlay {
  background-color: #ffffff;
  flex-direction: column;
}
.appointmentChargesTable .noRowsOverlay .noRowsFoundText {
  margin: 0;
  font-size: 18px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.appointmentChargesTable .successChip {
  background-color: #cdf4df;
  color: #104D2C;
}
.appointmentChargesTable .pendingChip {
  border: 1px #dedede solid;
  background-color: #f8f8f8;
  color: #595959;
}
.appointmentChargesTable .failedChip {
  background-color: #FFC4C2;
  color: #381110;
}

.appointmentChargesTableDivisionSelector {
  align-items: flex-start;
  max-width: 280px;
  flex-grow: 1;
}

.chargeOptionMenu.chargeOptionMenu {
  overflow: visible;
}
.chargeOptionMenu.chargeOptionMenu .chargeMenuItem {
  display: flex;
  justify-content: flex-start;
}
.chargeOptionMenu.chargeOptionMenu .chargeMenuItem .chargeMenuItemIcon.chargeMenuItemIcon {
  height: 16px;
  width: 16px;
  margin-right: 10px;
  stroke: none;
}
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/onboarding/OnboardingStepper.scss ***!
  \****************************************************************************************************************************************************************************************************************/
.onboarding-progress {
  overflow: hidden;
  margin: 0;
  left: 0;
  top: 0;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  width: 30px;
  background-color: #e0e0e0;
  border-radius: 30.5px;
  margin-left: 14px;
  padding: 3px;
}

.inner-progress-bar {
  float: left;
  width: 30px;
  border-radius: 30.5px;
  box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.5);
}

.progress-step-group {
  position: absolute;
}

.progress-step-name-checked {
  margin-left: 6px;
  width: 125px;
  text-align: left;
}

.progress-step-name-selected {
  width: 125px;
  text-align: left;
}

.progress-step-name-unselected {
  color: gray;
  width: 125px;
  text-align: left;
}

.progress-number-checked {
  color: white;
  margin-left: 3px;
  width: 45px;
  height: auto;
  align-self: center;
}

.progress-number-selected {
  color: white;
  margin-left: 10px;
  width: 45px;
  height: auto;
  align-self: center;
}

.progress-number-unselected {
  color: #636363;
  margin-left: 10px;
  width: 45px;
  height: auto;
  align-self: center;
}

.progress-step-box {
  display: flex;
  align-items: center;
  height: 70px;
  width: 15vw;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/documents/GMPDocumentSignatures.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.gmpDocumentSignatures {
  position: relative;
}
.gmpDocumentSignatures > form .signaturesDivider {
  margin-bottom: 24px;
}
.gmpDocumentSignatures > form .submitSignatureDescription {
  margin-bottom: 16px;
}
.gmpDocumentSignatures > form .submitSignatureDescription h2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}
.gmpDocumentSignatures > form .submitSignatureDescription p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
}
.gmpDocumentSignatures > form .submitSignatureError {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  color: #c71b16;
  padding-top: 16px;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!../node_modules/react-pdf/dist/cjs/Page/AnnotationLayer.css ***!
  \*****************************************************************************************************************************************************************************************************************************/
/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
:root {
  --react-pdf-annotation-layer: 1;
  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color: Highlight;
  --input-focus-outline: 1px solid Canvas;
  --input-unfocused-border-color: transparent;
  --input-disabled-border-color: transparent;
  --input-hover-border-color: black;
  --link-outline: none;
}

@media screen and (forced-colors: active) {
  :root {
    --input-focus-border-color: CanvasText;
    --input-unfocused-border-color: ActiveText;
    --input-disabled-border-color: GrayText;
    --input-hover-border-color: Highlight;
    --link-outline: 1.5px solid LinkText;
  }

  .annotationLayer .textWidgetAnnotation :is(input, textarea):required,
.annotationLayer .choiceWidgetAnnotation select:required,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
    outline: 1.5px solid selectedItem;
  }

  .annotationLayer .linkAnnotation:hover {
    -webkit-backdrop-filter: invert(100%);
            backdrop-filter: invert(100%);
  }
}
.annotationLayer {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform-origin: 0 0;
  z-index: 3;
}

.annotationLayer[data-main-rotation="90"] .norotate {
  transform: rotate(270deg) translateX(-100%);
}

.annotationLayer[data-main-rotation="180"] .norotate {
  transform: rotate(180deg) translate(-100%, -100%);
}

.annotationLayer[data-main-rotation="270"] .norotate {
  transform: rotate(90deg) translateY(-100%);
}

.annotationLayer canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}

.annotationLayer section {
  position: absolute;
  text-align: initial;
  pointer-events: auto;
  box-sizing: border-box;
  margin: 0;
  transform-origin: 0 0;
}

.annotationLayer .linkAnnotation {
  outline: var(--link-outline);
}

.textLayer.selecting ~ .annotationLayer section {
  pointer-events: none;
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover {
  opacity: 0.2;
  background: yellow;
  box-shadow: 0 2px 10px yellow;
}

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea),
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  background-image: var(--annotation-unfocused-field-background);
  border: 2px solid var(--input-unfocused-border-color);
  box-sizing: border-box;
  font: calc(9px * var(--scale-factor)) sans-serif;
  height: 100%;
  margin: 0;
  vertical-align: top;
  width: 100%;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):required,
.annotationLayer .choiceWidgetAnnotation select:required,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
  outline: 1.5px solid red;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  resize: none;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {
  background: none;
  border: 2px solid var(--input-disabled-border-color);
  cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {
  border: 2px solid var(--input-hover-border-color);
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
  border-radius: 2px;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {
  background-image: none;
  background-color: transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  border: 2px solid var(--input-focus-border-color);
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  background-color: CanvasText;
  content: "";
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {
  transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 103%;
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.annotationLayer .popupTriggerArea {
  height: 100%;
  width: 100%;
}

.annotationLayer .fileAttachmentAnnotation .popupTriggerArea {
  position: absolute;
}

.annotationLayer .popupWrapper {
  position: absolute;
  font-size: calc(9px * var(--scale-factor));
  width: 100%;
  min-width: calc(180px * var(--scale-factor));
  pointer-events: none;
}

.annotationLayer .popup {
  position: absolute;
  max-width: calc(180px * var(--scale-factor));
  background-color: #ffff99;
  box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888888;
  border-radius: calc(2px * var(--scale-factor));
  padding: calc(6px * var(--scale-factor));
  margin-left: calc(5px * var(--scale-factor));
  cursor: pointer;
  font: message-box;
  white-space: normal;
  word-wrap: break-word;
  pointer-events: auto;
}

.annotationLayer .popup > * {
  font-size: calc(9px * var(--scale-factor));
}

.annotationLayer .popup h1 {
  display: inline-block;
}

.annotationLayer .popupDate {
  display: inline-block;
  margin-left: calc(5px * var(--scale-factor));
}

.annotationLayer .popupContent {
  border-top: 1px solid #333333;
  margin-top: calc(2px * var(--scale-factor));
  padding-top: calc(2px * var(--scale-factor));
}

.annotationLayer .richText > * {
  white-space: pre-wrap;
  font-size: calc(9px * var(--scale-factor));
}

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .freeTextAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .caretAnnotation,
.annotationLayer .inkAnnotation svg polyline,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.annotationLayer section svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.annotationLayer .annotationTextContent {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.annotationLayer .annotationTextContent span {
  width: 100%;
  display: inline-block;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!../node_modules/react-pdf/dist/cjs/Page/TextLayer.css ***!
  \***********************************************************************************************************************************************************************************************************************/
/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
:root {
  --react-pdf-text-layer: 1;
  --highlight-bg-color: rgba(180, 0, 170, 1);
  --highlight-selected-bg-color: rgba(0, 100, 0, 1);
}

@media screen and (forced-colors: active) {
  :root {
    --highlight-bg-color: Highlight;
    --highlight-selected-bg-color: ButtonText;
  }
}
[data-main-rotation="90"] {
  transform: rotate(90deg) translateY(-100%);
}

[data-main-rotation="180"] {
  transform: rotate(180deg) translate(-100%, -100%);
}

[data-main-rotation="270"] {
  transform: rotate(270deg) translateX(-100%);
}

.textLayer {
  position: absolute;
  text-align: initial;
  inset: 0;
  overflow: hidden;
  line-height: 1;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  forced-color-adjust: none;
  transform-origin: 0 0;
  z-index: 2;
}

.textLayer :is(span, br) {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  margin: 0;
  transform-origin: 0 0;
}

/* Only necessary in Google Chrome, see issue 14205, and most unfortunately
 * the problem doesn't show up in "text" reference tests. */
.textLayer span.markedContent {
  top: 0;
  height: 0;
}

.textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: var(--highlight-bg-color);
  border-radius: 4px;
}

.textLayer .highlight.appended {
  position: initial;
}

.textLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.textLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.textLayer .highlight.middle {
  border-radius: 0;
}

.textLayer .highlight.selected {
  background-color: var(--highlight-selected-bg-color);
}

/* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
.textLayer br::-moz-selection {
  background: transparent;
}
.textLayer br::selection {
  background: transparent;
}

.textLayer .endOfContent {
  display: block;
  position: absolute;
  inset: 100% 0 0;
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.textLayer.selecting .endOfContent {
  top: 0;
}

.hiddenCanvasElement {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  display: none;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/documents/GMPDocumentPDF.scss ***!
  \************************************************************************************************************************************************************************************************************/
.documentLoader.loadingIndicator {
  padding-top: 80px;
  padding-bottom: 80px;
}

.gmpDocumentErrorView {
  height: 400px;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/documents/GMPDocumentMetadata.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Ultralight.subset.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-UltralightItalic.subset.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Thin.subset.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-ThinItalic.subset.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Light.subset.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-LightItalic.subset.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Regular.subset.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-RegularItalic.subset.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Medium.subset.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-MediumItalic.subset.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Semibold.subset.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-SemiboldItalic.subset.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Bold.subset.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-BoldItalic.subset.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Heavy.subset.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-HeavyItalic.subset.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Black.subset.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-BlackItalic.subset.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Ultralight.subset.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Thin.subset.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Light.subset.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Regular.subset.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Medium.subset.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Semibold.subset.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Bold.subset.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Heavy.subset.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Black.subset.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Ultralight.subset.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-UltralightItalic.subset.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Thin.subset.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-ThinItalic.subset.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Light.subset.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-LightItalic.subset.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Regular.subset.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-RegularItalic.subset.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Medium.subset.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-MediumItalic.subset.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Semibold.subset.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-SemiboldItalic.subset.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Bold.subset.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-BoldItalic.subset.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Heavy.subset.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-HeavyItalic.subset.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Black.subset.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-BlackItalic.subset.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.accessPage {
  height: 100vh;
  display: flex;
  width: auto;
  overflow-y: auto;
  background-color: #fafbfc;
}
.accessPage .bannerWrapper {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 768px) {
  .accessPage .bannerWrapper {
    display: none;
  }
}
@media (max-height: 600px) {
  .accessPage .bannerWrapper {
    display: none;
  }
}
.accessPage .bannerWrapper > img {
  width: 100%;
}
.accessPage .credentialForm {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 388px;
}
.accessPage .loginForm {
  display: flex;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
  margin: auto;
  width: auto;
  height: auto;
  padding: 40px;
  position: relative;
  background-color: white;
  border-radius: 16px;
}
.accessPage .loginForm.loginPage {
  flex-flow: row wrap;
  justify-content: center;
  overflow-x: hidden;
}
.accessPage .loginForm > *:not(:last-child) {
  margin-bottom: 24px;
}
.accessPage .loginForm .usernameSection {
  margin-top: 52px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.accessPage .loginForm .usernameSection .usernameDisplay {
  font-size: 16px;
  font-weight: 16px;
  line-height: 24px;
}
.accessPage .loginForm .cancelBottomMargin {
  margin-bottom: 0;
}
.accessPage .loginForm > .loginFormMain,
.accessPage .loginForm > .loginWrapper {
  padding: 0px;
}
.accessPage .loginForm.passwordResetConfirm {
  min-width: 750px;
}
.accessPage .loginForm .loginFormMain {
  width: 388px;
}
@media (max-width: 768px) {
  .accessPage .loginForm .loginFormMain {
    margin-top: 48px;
    width: 100%;
  }
}
.accessPage .loginForm.unRegisteredPatient {
  min-width: 600px;
}
.accessPage .loginForm.unRegisteredPatient .loginFormMain {
  width: 518px;
}
.accessPage .loginForm .mfaFormMain {
  width: 525px;
}
@media (max-width: 768px) {
  .accessPage .loginForm .mfaFormMain {
    margin-top: 48px;
    width: 100%;
  }
}
.accessPage .loginForm .ssoHeader {
  font-size: 14pt;
  color: #727272;
}
.accessPage .loginForm a.ssoLogin {
  margin-bottom: 20px;
  display: block;
  position: relative;
  max-width: 700px;
  max-height: 125px;
}
.accessPage .loginForm a.ssoLogin > img {
  max-width: 700px;
  max-height: 125px;
  -o-object-fit: contain;
     object-fit: contain;
}
.accessPage .loginForm div.ssoDivider {
  margin-bottom: 15px;
  color: #2c4e69;
}
@media (max-width: 768px) {
  .accessPage .loginForm {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    box-shadow: none;
    width: 100%;
  }
}
@media (max-height: 600px) {
  .accessPage .loginForm {
    width: 100%;
    box-shadow: none;
  }
}
.accessPage .loginForm .passwordCriteria {
  position: relative;
  width: 35%;
  font-size: 9pt;
}
.accessPage .loginForm .alone {
  list-style: none;
  margin-left: -15px;
}
.accessPage .loginForm .detailContainer {
  border-left: 1px solid #ccc;
  border-radius: 1px;
  position: relative;
  margin-left: 20%;
  min-width: 200px;
}
.accessPage .loginForm .detailContainer #criteriaLabel {
  position: relative;
  right: 20px;
  font-size: 1.25em;
  margin-top: 0;
}
.accessPage .loginForm .detailContainer li {
  font-size: 2em;
  line-height: 0.8;
}
.accessPage .loginForm .detailContainer li span {
  font-size: 0.5em;
  position: relative;
  top: -2px;
}
.accessPage .loginForm .detailContainer li.valid {
  list-style-image: url("/images/svg/check-circle-regular.svg");
  color: green;
}
.accessPage .loginForm .detailContainer li.error {
  list-style-image: url("/images/svg/times-circle-regular.svg");
  color: #c71b16;
}
.accessPage .loginForm .detailContainer li.serverError {
  color: #c71b16;
  max-width: 1024px;
}
.accessPage .loginForm .detailContainer li.stale {
  color: #727272;
  list-style-image: url("/images/svg/circle-regular.svg");
}
.accessPage .loginForm .detailContainer li.serverError.stale {
  list-style-image: url("/images/svg/question-circle-regular.svg");
}
.accessPage .loginForm .logoWrapper {
  padding: 0;
  margin: 0;
}
@media (max-width: 768px) {
  .accessPage .loginForm .logoWrapper {
    position: relative;
    top: 30px;
  }
}
.accessPage .loginForm .logoWrapper > img {
  max-width: 200px;
  max-height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .accessPage .loginForm .logoWrapper > img {
    max-width: 120px;
  }
}
.accessPage .loginForm .appointmentTime {
  background: #e6ffd6;
  color: black;
  font-weight: 600;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0 14px 20px 14px;
}
.accessPage .loginForm .greeting {
  color: #000209;
  font-size: 24px;
  text-align: left;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 24px;
  max-width: 500px;
}
.accessPage .loginForm .greeting.login {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
}
@media (max-width: 768px) {
  .accessPage .loginForm .greeting {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
.accessPage .loginForm .loginWrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin: auto;
}
@media (max-width: 768px) {
  .accessPage .loginForm .loginWrapper {
    width: 100%;
  }
}
.accessPage .loginForm .loginWrapper#passwordResetComplete > .secondaryGreeting {
  font-weight: 300;
  line-height: 25px;
}
.accessPage .loginForm .loginWrapper #LoginInputsAndCriteria {
  display: flex;
  width: 100%;
}
.accessPage .loginForm .loginWrapper #LoginInputsAndCriteria #passwordDetails {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-40%);
}
.accessPage .loginForm .loginWrapper .serverAndClientPasswordErrors {
  padding-left: 0px;
  margin-left: 15px;
  border: 0px;
  font-size: 0.5em;
}
.accessPage .loginForm .loginWrapper .serverAndClientPasswordErrors li {
  margin-bottom: 10px;
}
.accessPage .loginForm .loginWrapper .serverErrorCriteriaHeader {
  margin-bottom: 10px;
}
.accessPage .loginForm .loginWrapper #loginInputFields {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}
.accessPage .loginForm .loginWrapper #loginInputFields #showPasswordImgToggle {
  position: absolute;
  width: 25px;
  right: 17px;
  top: 29px;
  opacity: 0.5;
}
.accessPage .loginForm .loginWrapper #loginInputFields #password {
  margin-bottom: 8px;
}
.accessPage .loginForm .loginWrapper .secondaryGreeting {
  font-size: 16px;
  margin: 10px 0 20px;
  color: black;
  font-weight: 500;
  padding: 0;
  width: 100%;
}
.accessPage .loginForm .loginWrapper .secondaryGreeting > .clickable {
  text-decoration: underline;
}
.accessPage .loginForm .loginWrapper .errors {
  color: #c71b16;
  font-weight: 500;
}
.accessPage .loginForm .loginWrapper .errors > li {
  list-style: none;
}
.accessPage .loginForm .loginWrapper .inputMargin {
  margin-bottom: 16px;
}
.accessPage .loginForm .loginWrapper input.loginInputField {
  border: 1px solid #ced4da;
  border-radius: 5px;
  background-color: transparent;
  width: 100%;
  color: #000209;
  font-size: 14px;
  height: 32px;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}
.accessPage .loginForm .loginWrapper input.loginInputField:hover {
  border-color: black;
}
.accessPage .loginForm .loginWrapper input.loginInputField.errorInput:invalid {
  border-color: #c71b16;
}
.accessPage .loginForm .loginWrapper input.loginInputField.errorInput:valid {
  border-color: #ced4da;
}
.accessPage .loginForm .loginWrapper input.loginInputField.invalidInput {
  border-color: #c71b16;
}
.accessPage .loginForm .loginWrapper input.loginInputField.disabled {
  border-color: #dedede;
  background-color: #f8f8f8;
}
.accessPage .loginForm .loginWrapper input.withErrorLabel.invalid {
  border-color: #c71b16;
  margin-bottom: 8px;
}
.accessPage .loginForm .loginWrapper p.errorLabel {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c71b16;
  margin-bottom: 24px;
}
.accessPage .loginForm .loginWrapper .labelHelpBlock {
  margin-bottom: 10px;
}
.accessPage .loginForm .loginWrapper .inputHelpBlock {
  margin-bottom: 20px;
}
.accessPage .loginForm .loginWrapper .inputHelpBlock.dateOfBirthHelp {
  margin-top: -16px;
  margin-bottom: 16px;
}
.accessPage .loginForm .loginWrapper .userLockoutError {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #c71b16;
  font-size: 16px;
  letter-spacing: -0.25px;
}
.accessPage .loginForm .loginWrapper .agreementDescription {
  float: left;
}
.accessPage .loginForm .loginWrapper .agreementDescription > a {
  text-decoration: underline;
}
.accessPage .loginForm .loginWrapper .submitButton {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  min-width: 68px;
  width: 100%;
  height: 32px;
  margin: 16px 0;
  float: left;
  padding: auto 20px;
  transition: ease-in-out 0.15s;
  border-radius: 4px;
}
.accessPage .loginForm .loginWrapper .submitButton.frenchSubmit {
  font-size: 14px;
}
@media (max-width: 768px) {
  .accessPage .loginForm .loginWrapper .submitButton {
    max-width: 100%;
  }
}
.accessPage .loginForm .loginWrapper .submitButton:hover {
  background-color: #1d3549;
}
.accessPage .loginForm .loginWrapper .mfaMessage {
  margin: 10px 0;
  font-size: 16px;
}
.accessPage .loginForm .loginWrapper .actionButtonsMFA {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accessPage .loginForm .loginWrapper .actionButtonsMFA button,
.accessPage .loginForm .loginWrapper .actionButtonsMFA a {
  max-width: 100%;
  padding: 0 10px;
}
.accessPage .loginForm .loginWrapper .actionButtonsMFA button {
  margin: 0;
}
.accessPage .loginForm .loginWrapper .actionButtonsMFA a {
  align-self: center;
}
.accessPage .backLink {
  color: #2c4e69;
  font-size: 20px;
}
.accessPage .verticalDivider {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 38px 32px 38px 78px;
  border-left: 1px solid #595959;
  width: 1px;
}
@media (max-width: 1206px) {
  .accessPage .verticalDivider {
    display: none;
  }
}
.accessPage .verticalDivider .centerText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 56px;
  line-height: 24px;
  font-weight: 600;
  background-color: white;
}
.accessPage .horizontalDivider {
  display: none;
  justify-content: center;
  align-items: center;
  margin: 32px 38px;
  border-top: 1px solid #595959;
  width: 100%;
  height: 1px;
}
@media (max-width: 1206px) {
  .accessPage .horizontalDivider {
    display: flex;
  }
}
.accessPage .horizontalDivider .centerText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  width: 40px;
  background-color: white;
}
.accessPage .secureLoginLinks {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 468px;
  margin: 0px 40px;
}
.accessPage .secureLoginLinks.outer {
  margin: 0;
}
@media (max-width: 1206px) {
  .accessPage .secureLoginLinks {
    margin: 0;
  }
}
.accessPage .secureLoginLinks > *:not(:last-child, a, label, .errorInput) {
  margin-bottom: 24px;
}
.accessPage .secureLoginLinks a {
  margin-bottom: 8px;
}
.accessPage .secureLoginLinks #checkmarkAnimation {
  margin-bottom: 0px;
}
.accessPage .secureLoginLinks p {
  color: #000209;
  line-height: 24px;
}
.accessPage .secureLoginLinks label {
  margin-bottom: 5px;
}
.accessPage .secureLoginLinks .sllGreeting {
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 24px;
}
.accessPage .secureLoginLinks .sllButton {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f2f4f6;
  border-radius: 4px;
  border: 1px solid #2c4e69;
  color: #2c4e69;
  line-height: 24px;
  padding: 4px 16px 4px 16px;
  max-width: 250px;
}
.accessPage .secureLoginLinks .sllButton.disabled {
  background-color: #f8f8f8;
  border-color: #dedede;
  color: #595959;
}
.accessPage .secureLoginLinks .sllConfirmationBody {
  display: inline;
  margin-bottom: 0px;
}
.accessPage .secureLoginLinks .sllConfirmationBody > * {
  display: inline;
}
.accessPage .secureLoginLinks .sllConfirmationBody .sllInputEmail {
  font-weight: 600;
}
.accessPage .secureLoginLinks .sllBody.bolded {
  font-weight: 600;
}
.accessPage .secureLoginLinks .sllBody.small {
  color: #595959;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.accessPage .secureLoginLinks .emailSent {
  max-width: 80px;
  margin-bottom: 0px;
}
.accessPage .inputLabel {
  font-size: 14px;
  font-weight: 600;
  color: #000209;
  margin-bottom: 4px;
}
.accessPage .inputDescription {
  font-size: 12px;
  font-weight: 400;
  color: #595959;
}
.accessPage input {
  width: 388px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
}
@media (max-width: 1206px) {
  .accessPage input {
    width: 100%;
  }
}
.accessPage input::-moz-placeholder {
  color: #aaaaaa;
  font-size: 14px;
  font-weight: 400;
  opacity: 1;
}
.accessPage input::placeholder {
  color: #aaaaaa;
  font-size: 14px;
  font-weight: 400;
  opacity: 1;
}
.accessPage .externalLink {
  color: #2c4e69;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  text-decoration: underline;
}
.accessPage .externalLink.center {
  align-self: center;
}
.accessPage .externalLink:hover {
  text-decoration: underline;
}
.accessPage .errorBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c71b16;
}
.accessPage .errorInput {
  border: 1px solid #c71b16;
  margin-bottom: 8px;
}
.accessPage .hidden {
  display: none;
}

.secureLoginLinkPage {
  display: flex;
  height: 100vh;
  width: auto;
  justify-content: center;
  align-items: center;
}
.secureLoginLinkPage .bannerWrapper {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 768px) {
  .secureLoginLinkPage .bannerWrapper {
    display: none;
  }
}
@media (max-height: 600px) {
  .secureLoginLinkPage .bannerWrapper {
    display: none;
  }
}
.secureLoginLinkPage .bannerWrapper > img {
  width: 100%;
}
.secureLoginLinkPage .sllLinkWorkflowModal {
  display: flex;
  min-width: 522px;
  min-height: 300px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  padding: 40px;
  position: relative;
  background-color: white;
}
.secureLoginLinkPage .sllLinkWorkflowModal > *:not(:last-child) {
  margin-bottom: 24px;
}
.secureLoginLinkPage .sllLinkWorkflowModal .logoWrapper img {
  height: 30px;
  width: auto;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody > *:not(:last-child) {
  margin-bottom: 8px;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody h2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody .subBody {
  display: flex;
  flex-direction: column;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody .textWithEmail {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody .textWithEmail p {
  white-space: pre-wrap;
  margin-bottom: 0px;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody .email {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons .button {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  border: 1px solid;
  border-radius: 4px;
  width: 100%;
  height: 32px;
  text-align: center;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons .button.disabled {
  background-color: #f8f8f8;
  border-color: #dedede;
  color: #595959;
  width: calc(100% - 45px);
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons > * {
  margin-bottom: 16px;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons .primary {
  background-color: #2c4e69;
  color: #ffffff;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons .inverted {
  background-color: #f2f4f6;
  color: #2c4e69;
}
.secureLoginLinkPage .sllLinkWorkflowModal .externalLink {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #2c4e69;
  text-decoration: underline;
}
.secureLoginLinkPage .sllLinkWorkflowModal .bolded {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.secureLoginLinkPage .sllLinkWorkflowModal #checkmarkAnimation {
  margin-bottom: 0px;
}

.buttonIcon {
  max-width: 20px;
  margin: 0px 10px;
}

.buttonWithTimerContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: inherit;
}
.buttonWithTimerContainer > .button {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 4px;
  border: 1px solid;
  border-radius: 4px;
  width: 100%;
  height: 32px;
  text-align: center;
}
.buttonWithTimerContainer > .button.disabled {
  background-color: #f8f8f8;
  border-color: #dedede;
  color: #595959;
  width: calc(100% - 45px);
}

.hidden {
  display: none;
}

#timeoutContainer {
  width: 20px;
  margin: 0 20px;
}

#timeoutContainer2,
#timeoutContainer3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 16px;
}

.termsAndPolicyPage {
  padding-bottom: 200px;
}
.termsAndPolicyPage .policyAccessPage {
  padding-top: 30px;
}
.termsAndPolicyPage strong {
  font-size: 18px;
}
.termsAndPolicyPage .staticAgreeFooter {
  background-color: #fff;
  bottom: 0px;
  padding: 10px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 2;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
}
.termsAndPolicyPage .staticAgreeFooter .button {
  border-radius: 25px;
  padding-left: 30px;
  padding-right: 30px;
}
.termsAndPolicyPage .staticAgreeFooter > p {
  color: #000209;
  font-style: italic;
}

.mobileDownloadPage {
  padding: 3px 16px 30px 16px;
  box-sizing: border-box;
  min-height: 100vh;
  align-items: center;
  background-color: #fafbfc;
  font-family: "SF Pro Text", sans-serif;
  font-style: normal;
  font-weight: normal;
}
.mobileDownloadPage .blurb {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #595959;
}
.mobileDownloadPage .blurb.organizationName {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.mobileDownloadPage .pageContent {
  max-width: 430px;
}
.mobileDownloadPage .adjustedMarginHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
  margin-bottom: 4px;
}
.mobileDownloadPage .paperContainer {
  gap: 0;
}
.mobileDownloadPage .paperContainerCardBody {
  position: relative;
  overflow: hidden;
  padding: 0px;
  margin-top: 16px;
}
.mobileDownloadPage .paperContainerCardBody .cardRow .cardLeft {
  flex: 3 1 0;
  height: 100%;
}
.mobileDownloadPage .paperContainerCardBody .cardRow .cardLeft .cardLeftContent {
  min-height: 202px;
  max-width: 248px;
  padding: 18px 0px 20px 16px;
}
.mobileDownloadPage .paperContainerCardBody .cardRow .cardLeft .cardLeftContent .downloadAppButtonContainer {
  flex: 1;
  justify-content: end;
}
.mobileDownloadPage .paperContainerCardBody .cardRow .cardLeft .cardLeftContent .downloadAppButtonContainer .downloadAppButtonImg {
  max-height: 48px;
}
.mobileDownloadPage .paperContainerCardBody .cardRow .cardRightGradientBackground {
  display: flex;
  flex: 2 1 0;
  justify-content: flex-end;
}
.mobileDownloadPage .cardCopyLinkFooter {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  align-items: center;
  position: relative;
  height: 24px;
  padding: 12px 16px;
  border: 1px solid transparent;
  border-top-color: #dedede;
  border-radius: 0 0 12px 12px;
  gap: 8px;
  background-color: #f8f8f8;
  transition: border-color 0.2s, box-shadow 0.2s, border-radius 0.2s, border-width 0.2s, z-index 0.2s;
}
.mobileDownloadPage .cardCopyLinkFooterLink {
  flex: 1;
}
.mobileDownloadPage .cardCopyLinkFooterCopy {
  background: none;
  border: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: relative;
}
.mobileDownloadPage .cardCopyLinkFooterCopy:active {
  background: #dedede;
}
.mobileDownloadPage .cardCopyLinkFooterCopy .copyButton {
  justify-content: center;
}
.mobileDownloadPage .cardCopyLinkFooterCopy .copyButtonIcons {
  padding: 8px;
  font-size: 25px;
}
.mobileDownloadPage .cardCopyLinkFooterCopy .successIcon,
.mobileDownloadPage .cardCopyLinkFooterCopy .copyIcon {
  transition: opacity 1s;
  position: absolute;
  left: 0;
  top: 0;
}
.mobileDownloadPage .cardCopyLinkFooterCopy .copyIcon {
  opacity: 1;
  z-index: 1;
}
.mobileDownloadPage .cardCopyLinkFooterCopy .successIcon {
  opacity: 0;
  z-index: 2;
}
.mobileDownloadPage .cardCopyLinkFooterCopy.show-success .successIcon {
  opacity: 1;
}
.mobileDownloadPage .cardCopyLinkFooterCopy.show-success .copyIcon {
  opacity: 0;
}
.mobileDownloadPage .cardCopyLinkFooterCopy.fade-back .successIcon {
  opacity: 0;
}
.mobileDownloadPage .cardCopyLinkFooterCopy.fade-back .copyIcon {
  opacity: 1;
}
.mobileDownloadPage .paperContainerText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
}
.mobileDownloadPage .cardCopyLinkFooterTooltip {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: absolute;
  right: 0;
  bottom: 100%;
  transform: translateY(-8px);
  color: #ffffff;
  padding: 12px 12px;
  border-radius: 6px;
  opacity: 0;
  transition: opacity 0.2s;
}
.mobileDownloadPage .cardCopyLinkFooterTooltip.tooltipVisible {
  opacity: 1;
}

.clickable {
  cursor: pointer;
}

.adaHide {
  left: 100% !important;
}

.hidden.hidden {
  width: 0;
  height: 0;
  border: 0;
  border: none;
  position: absolute;
  margin: 0;
  padding: 0;
  visibility: hidden;
}

.displayNone {
  display: none;
}

.noScroll {
  overflow: hidden;
}

.link {
  color: #2c4e69;
}
.link:hover {
  text-decoration: underline;
}

.underlinedLink {
  color: #2c4e69;
  text-decoration: underline;
}

body a:hover {
  text-decoration: none;
}

.iconButtonSize {
  width: 30px;
  height: 30px;
  cursor: pointer;
  filter: brightness(0.8);
}

body {
  font-family: "SF Pro Text", sans-serif;
  font-weight: 300;
  margin: 0px;
}

button.noButton {
  font: inherit;
  border: none;
  background-color: transparent;
  padding: 0;
  text-align: left;
}

ul.noList {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.noCaps.noCaps {
  text-transform: none;
}

.srOnly {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

button.noButton {
  font-size: inherit;
  font: inherit;
  border: none;
  background-color: transparent;
  padding: 0;
  text-align: left;
}

.doctorSelector,
.doctorSelect {
  margin-top: 10px;
  width: 100%;
}

.loadingIndicator {
  padding-top: 250px;
  padding-bottom: 50px;
  position: relative;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: -webkit-box;
}
.loadingIndicator.small {
  padding: 0;
}

.justifyCenter {
  justify-content: center;
}

.noPaper.noPaper {
  box-shadow: none;
  border-bottom: 1px solid #cbcbcb;
}

.app {
  margin: 0;
  padding: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.app > ._mainSlot {
  background-color: inherit;
  padding-left: 90px;
  padding-right: 90px;
}
@media (max-width: 768px) {
  .app > ._mainSlot {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.app > ._mainSlot > ._appContainer .appProvider {
  height: 100%;
}
.app > ._mainSlot > ._appContainer .appPatient {
  height: 100%;
}
.app > ._mainSlot > ._appContainer > ._scrollable {
  position: fixed;
  top: 64px;
  bottom: 0px;
  left: 0;
  right: 0;
  overflow: auto;
}
.app > ._mainSlot > ._appContainer > ._scrollable .appointmentQueryListing {
  margin: auto;
}
@media screen and (max-width: 1000px) {
  .app > ._mainSlot > ._appContainer > ._scrollable .appointmentQueryListing {
    margin-left: 90px;
    margin-right: 90px;
  }
}
.app > ._mainSlot > ._appContainer > ._scrollable .appointmentFilter ._filter {
  margin: auto;
}
@media screen and (max-width: 1000px) {
  .app > ._mainSlot > ._appContainer > ._scrollable .appointmentFilter ._filter {
    margin-left: 90px;
    margin-right: 90px;
  }
}
.app > ._mainSlot > ._appContainer > ._scrollable > ._requests {
  max-width: 800px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1000px) {
  .app > ._mainSlot > ._appContainer > ._scrollable > ._requests {
    margin-left: 90px;
    margin-right: 90px;
  }
}
.app.withBanner > ._mainSlot > ._appContainer > ._scrollable {
  top: 93px;
}
.app .topbar {
  background-color: white;
  height: 54px;
  width: 100%;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  border-bottom: 1px solid #cbcbcb;
  padding: 0 12px;
}
.app .topbar .navToggleRight {
  align-items: center;
}
.app .topbar .navToggleRight .historyTogglePreamble {
  margin-right: 12px;
}
.app .noAppointmentsMessage {
  color: #979797;
  font-size: 28px;
  line-height: 32px;
  padding: 60px 30px;
  text-align: center;
}

.container {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 768px) {
  .container {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.attachmentsDropDown {
  color: #949499;
}
ul.attachmentsDropDown {
  overflow: auto;
  max-height: 250px;
}

.attachmentsDropDown .downloadIcon {
  width: 30px;
  height: 30px;
  filter: brightness(0.8);
}
.attachmentsDropDown ._instructions {
  color: black;
  font-size: 15px;
  min-width: 210px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
}
.attachmentsDropDown .spinnerWrapper {
  text-align: center;
}
.attachmentsDropDown .dropdownAttachmentItem {
  max-width: 300px;
  justify-content: space-between;
}
.attachmentsDropDown .dropdownAttachmentItem .attachmentName {
  overflow: hidden;
  text-overflow: ellipsis;
}
.attachmentsDropDown .deleteButton {
  height: 100%;
  padding: 0 8px;
  margin: 0 0 0 12px;
  text-align: center;
  cursor: pointer;
  color: #dedede;
  filter: brightness(0.8);
}
.attachmentsDropDown .deleteButton:hover {
  color: #c42b2b;
}
.attachmentsDropDown.button.floatingActionButton {
  background-color: #ffffff;
}
.attachmentsDropDown.button.floatingActionButton:hover {
  background-color: #a0cfd8;
  background: #a0cfd8;
}
.attachmentsDropDown.button.floatingActionButton .attachmentCount {
  font-size: 15px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
}
.attachmentsDropDown.button.floatingActionButton img.downloadIcon {
  width: 100%;
  height: 100%;
}
.attachmentsDropDown.button.floatingActionButton .dropdown,
.attachmentsDropDown.button.floatingActionButton .dropup {
  float: left;
}

.attachmentModalButtonBase, .attachmentModalButton {
  float: right;
  width: 30px;
  height: 34px;
  background: transparent no-repeat 50% 50%;
  background-size: contain;
  border: none;
}
@media (max-width: 768px) {
  .attachmentModalButtonBase, .attachmentModalButton {
    height: 34px;
    margin-top: 2px;
    margin-right: 15px;
  }
}
.attachmentModalButtonBase:focus, .attachmentModalButton:focus {
  outline: none;
}

.attachmentModalButton {
  margin-right: 15px;
}

.formElement {
  color: #555;
}
.formElement input[type=text],
.formElement input[type=password],
.formElement input[type=email],
.formElement select,
.formElement textarea {
  background-color: inherit;
  border-radius: 0px;
  border-width: 0px;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  color: #000209;
  font-size: 25px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}
@media (max-width: 768px) {
  .formElement input[type=text],
.formElement input[type=password],
.formElement input[type=email],
.formElement select,
.formElement textarea {
    font-size: 15px;
  }
}
.formElement input[type=text],
.formElement input[type=password],
.formElement input[type=email],
.formElement select {
  height: 50px;
}
@media (max-width: 768px) {
  .formElement input[type=text],
.formElement input[type=password],
.formElement input[type=email],
.formElement select {
    height: 40px;
  }
}
.formElement textarea {
  padding: 15px;
}

.has-error input[type=text],
.has-error select {
  border-width: 1px;
}

.button {
  border-width: 0px;
  cursor: pointer;
  cursor: hand;
  font-size: 25px;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}
@media (max-width: 768px) {
  .button {
    font-size: 25px;
    height: 50px;
  }
}
.button:focus {
  outline: 0;
}
.button.button1 {
  background-color: #2c4e69;
  color: #ffffff;
  transition: 0.3s;
}
.button.button1:hover {
  box-shadow: rgba(0, 0, 0, 0.16);
}
.button.button1:disabled {
  background-color: #949499;
}
.button.button2 {
  background-color: #80a9ac;
  color: #ffffff;
}
.button.button2:hover {
  background-color: #7fcecc;
}
.button.button2:disabled {
  background-color: #b8d6d5;
}
.button.stretchButton {
  height: 100%;
}
.button.-small {
  font-size: 18px;
  height: 36px;
}
.button.floatingActionButton {
  background-color: #2c4e69;
  width: 84px;
  height: 84px;
  border-radius: 100%;
  background: #2c4e69;
  border: none;
  outline: none;
  color: #fff;
  font-size: 50px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.23);
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  transition: 0.3s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 5;
}
.button.floatingActionButton:hover {
  background-color: #1d3549;
  background: #1d3549;
}
.button.clearButton {
  background-color: transparent;
  color: #949499;
}
.button.ratingStarButton {
  padding: 0px;
}
.button.topBarButton {
  background-color: transparent;
  color: #ffffff;
  padding-right: 10px;
  padding-left: 10px;
  text-decoration: underline;
}
.button.dottedButton {
  background-color: transparent;
  border-color: #2c4e69;
  border-style: dotted;
  border-width: 2px;
  text-align: center;
}
.button.dottedButton.primary {
  color: #dd4837;
}
.button.dottedButton.secondary {
  color: green;
}
.button.providerSummaryButton {
  color: #949499;
  font-size: 30px;
  padding: 0px;
}
@media (max-width: 768px) {
  .button.providerSummaryButton {
    font-size: 15px;
  }
}
.button.attachmentButton {
  text-align: center;
  width: 100%;
}
.button.attachmentButton img.loadingSpinner {
  height: 23px;
  margin-bottom: 5.5px;
  margin-top: 5.5px;
}
.button.attachmentButton input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.button.attachmentButton label {
  cursor: pointer;
  cursor: hand;
  display: inline-block;
  font-weight: inherit;
}
.button.attachmentButton label > .attachIcon {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 30px;
}
.button.attachmentButton.floatingAttachmentButton {
  display: inline-block;
  height: 84px;
  padding-left: 0px;
  padding-right: 0px;
  width: 84px;
}
.button.attachmentButton.floatingAttachmentButton img {
  float: left;
}
.button.attachmentButton.floatingAttachmentButton img.loadingSpinner {
  height: 100%;
  padding-bottom: 37px;
  padding-left: 30px;
  padding-top: 23px;
}
.button.attachmentButton.floatingAttachmentButton img.attachIcon {
  width: 84px;
  height: 84px;
}
.button.attachmentButton.floatingAttachmentButton .floatingActionButton {
  background-color: #ffffff;
}
.button.attachmentButton.floatingAttachmentButton .floatingActionButton:hover {
  background-color: #a0cfd8;
  background: #a0cfd8;
}
.button.attachmentButton ._attachButtonText {
  display: block;
  padding: 15px 10px;
}

.modal-content {
  border-radius: 0px;
  margin-top: 100px;
}

.callErrorModal {
  text-align: center;
}
.callErrorModal .button {
  text-align: center;
  width: 100%;
}
.callErrorModal .description {
  margin-top: 30px;
  font-size: 28px;
  color: #2c4e69;
}
.callErrorModal .dottedButton {
  border-left-width: 0px;
  border-right-width: 0px;
}
.callErrorModal .dottedButton.primary {
  font-size: 28px;
  height: auto;
  margin-top: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.callErrorModal .dottedButton.secondary {
  padding-top: 15px;
}

/** React-Widget style overrides **/
.rw-widget {
  border-radius: 0px;
}

.has-error.dateTimePicker .rw-widget {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

._flexColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._flexRow {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flexRow {
  display: flex;
  flex-direction: row;
}

.flexColumn {
  display: flex;
  flex-direction: column;
}

.privacyPolicyStatic .headerWrapper {
  display: flex;
  padding: 24px 0 24px 24px;
  align-items: center;
  border-bottom: 1px solid #dedede;
}
.privacyPolicyStatic .headerWrapper img {
  height: 36px;
}
.privacyPolicyStatic .headerWrapper .headerText {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
  padding-left: 12px;
  margin: 0;
}
.privacyPolicyStatic .policyContent {
  padding: 24px;
  background-color: #fafbfc;
  justify-content: center;
  display: flex;
}
.privacyPolicyStatic .policyContent .paper {
  padding: 48px 36px;
  background-color: white;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #dedede;
  border-radius: 12px;
  max-width: 1028px;
  min-width: 272px;
}
.privacyPolicyStatic .policyContent .paper .policyContentHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  padding-top: 24px;
}
.privacyPolicyStatic .policyContent .paper .policyContentFirstHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}
.privacyPolicyStatic .policyContent .paper p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

._documentDetails {
  padding: 16px 24px;
  border-radius: 8px;
}
._documentDetails .documentInformation {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
._documentDetails .documentInformation dd {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
._documentDetails .documentInformation .documentInformationDivider {
  margin: 24px 0;
  border-top: 1px solid #dedede;
}
._documentDetails .documentInformation .documentInformationLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  float: left;
  margin-right: 5px;
}
@media (max-width: 768px) {
  ._documentDetails {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 15px;
  }
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/interfaces/Carousel.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.carousel {
  width: 100%;
}
.carousel > .carousel-item {
  width: 100%;
  z-index: -1000;
}
.carousel > .carousel-enter {
  opacity: 0.01;
  transform: translate(100%);
}
.carousel > .carousel-enter.carousel-enter-active {
  opacity: 1;
  transform: translate(0%);
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
}
.carousel > .carousel-leave {
  opacity: 1;
  transform: translate(0%);
}
.carousel > .carousel-leave.carousel-leave-active {
  opacity: 0.01;
  transform: translate(-100%);
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
}
.carousel > .opacity-enter {
  opacity: 0.01;
}
.carousel > .opacity-enter.opacity-enter-active {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}
.carousel > .opacity-leave {
  opacity: 1;
}
.carousel > .opacity-leave.opacity-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in-out;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/onboarding/DesktopSteps.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.app-onboarding-desktop-requirement-step {
  margin-right: 6%;
}
.app-onboarding-desktop-requirement-step > h1 {
  margin: 0;
  text-align: left;
  color: #000209;
  font-size: 32px;
  padding-bottom: 0.8em;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-requirement-step > h1 {
    font-size: 2em;
  }
}
.app-onboarding-desktop-requirement-step > .app-onboarding-desktop-requirement-step-subtitle {
  color: #595959;
  font-size: 24px;
  margin: 10px 0;
  font-weight: lighter;
}
.app-onboarding-desktop-requirement-step > ._detail {
  margin: 0;
  text-align: left;
  color: #000209;
  font-size: 24px;
  line-height: 1.1;
}
.app-onboarding-desktop-requirement-step > ._detail ._green {
  color: #1c834b;
}
.app-onboarding-desktop-requirement-step > ._detail ._red {
  color: #c71b16;
}
.app-onboarding-desktop-requirement-step > ._detail > ._error {
  color: #c71b16;
  font-weight: normal;
  font-size: 1em;
  padding-top: 40px;
  margin-bottom: 10px;
}
.app-onboarding-desktop-requirement-step > ._detail > ._error > a {
  color: black;
  cursor: pointer;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-requirement-step > ._detail {
    font-size: 1.5em;
    padding: 10px;
  }
}
.app-onboarding-desktop-requirement-step > ._support {
  margin: 20px 0;
  text-align: left;
  color: #007bc2;
  font-size: 24px;
}
.app-onboarding-desktop-requirement-step > ._support._green {
  color: #1c834b;
}
.app-onboarding-desktop-requirement-step > ._support > a {
  color: #000209;
  cursor: pointer;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-requirement-step > ._support {
    padding: 10px;
    font-size: 1em;
  }
}
.app-onboarding-desktop-requirement-step > ._support_error {
  margin: 40px 0 20px 0;
  text-align: left;
  color: #c71b16;
  font-size: 24px;
  font-weight: normal;
}
.app-onboarding-desktop-requirement-step > ._support_error > a {
  color: #000209;
  cursor: pointer;
  text-decoration: underline;
}
.app-onboarding-desktop-requirement-step > ._support_error > a.forumLink {
  color: #2c4e69;
  padding-left: 6px;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-requirement-step > ._support_error {
    padding: 10px;
    font-size: 1em;
  }
}
.app-onboarding-desktop-requirement-step > ._footer {
  text-align: center;
  padding-top: 2em;
  padding-bottom: 2em;
}
.app-onboarding-desktop-requirement-step > ._footer > button {
  background-color: #2c4e69;
  color: white;
  border: 0;
  height: 50px;
  font-size: 20px;
  padding: 1px 20px;
  border-radius: 10px;
  cursor: pointer;
}
.app-onboarding-desktop-requirement-step > ._footer > button:hover {
  background-color: #1d3549;
}

.app-onboarding-desktop-setup-step {
  padding-right: 6%;
}
.app-onboarding-desktop-setup-step > ._detail {
  margin: 0;
  text-align: left;
  color: #000209;
  font-size: 24px;
  line-height: 1.1;
}
.app-onboarding-desktop-setup-step .installZoomStep {
  text-align: center;
}
.app-onboarding-desktop-setup-step .installZoomStep .installZoomHeader {
  font-size: 32px;
  text-align: center;
}
.app-onboarding-desktop-setup-step .installZoomStep .installZoomCompliance {
  font-size: 18px;
}
.app-onboarding-desktop-setup-step .installZoomStep .zoomLogoContainer {
  height: 128px;
  margin: 20px;
}
.app-onboarding-desktop-setup-step .installZoomStep .zoomLogoContainer .zoomLogo {
  height: 100%;
}
.app-onboarding-desktop-setup-step .installZoomStep .zoomStepButtonRow {
  justify-content: center;
}
.app-onboarding-desktop-setup-step .installZoomStep .zoomStepButtonRow .zoomStepButton {
  border-style: solid;
  margin: 12px;
  border-radius: 10px;
  font-size: 20px;
  height: 50px;
}
.app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > h1 {
  margin: 0;
  color: #000209;
  font-weight: lighter;
  font-size: 3em;
  padding-bottom: 0.8em;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > h1 {
    font-size: 2em;
  }
}
.app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > b {
  color: #000209;
  font-size: 2em;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > b {
    font-size: 2em;
  }
}
.app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > img {
  display: block;
  margin: auto;
}
.app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > h2 {
  margin: 0;
  color: #000209;
  font-weight: lighter;
  font-size: 2em;
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > h2 {
    font-size: 1.5em;
    padding-bottom: 10px;
  }
}
.app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > ol {
  margin: 0;
  color: #000209;
  font-weight: lighter;
  font-size: 1.5em;
  line-height: 1.1;
  padding-bottom: 10px;
}
.app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > ol > li {
  padding-bottom: 20px;
}
.app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > ol > li > a {
  color: #000209;
  cursor: pointer;
  text-decoration: none;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > ol {
    font-size: 1em;
  }
}
.app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > div {
  margin: 0;
  color: #000209;
  font-weight: lighter;
  font-size: 1.3em;
  line-height: 1.1;
  padding: 10px 0 10px 0;
}
.app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > div > a {
  color: #000209;
  cursor: pointer;
  text-decoration: none;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > div {
    font-size: 1em;
  }
}
.app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > div.app-onboarding-desktop-setup-step-subtitle {
  color: #727272;
}
.app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > div.app-onboarding-desktop-setup-step-item {
  background-color: #f2f2f2;
  border-radius: 15px;
  padding: 15px 10px;
  margin: 10px 0px;
}
.app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > div.app-onboarding-desktop-setup-step-item > a > u {
  color: #2c4e69;
}
.app-onboarding-desktop-setup-step > .carousel > .carousel-item > div > div.app-onboarding-desktop-setup-step-item > img {
  margin: auto;
  display: block;
  padding-top: 5px;
}
.app-onboarding-desktop-setup-step > ._footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 1em 3em 2em 3em;
}
.app-onboarding-desktop-setup-step > ._footer > button {
  flex: 1;
  background-color: #2c4e69;
  border-radius: 10px;
  color: white;
  border: 0;
  padding: 10px 20px;
  margin: 10px 30px;
  cursor: pointer;
  outline: none;
  font-size: 20px;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-setup-step > ._footer > button {
    font-size: 12px;
    margin: 5px 15px;
    padding: 5px 10px;
  }
}
.app-onboarding-desktop-setup-step > ._footer > ._noButton {
  border: 1px solid #c71b16;
  background-color: white;
  color: #c71b16;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-setup-step > ._footer {
    padding: 2em 3em 1.5em 3em;
  }
}
.app-onboarding-desktop-setup-step > ._supportEmail {
  margin: 0;
  font-weight: lighter;
  font-size: 1.5em;
  line-height: 1.1;
  text-align: center;
  padding-bottom: 2em;
}
.app-onboarding-desktop-setup-step > ._supportEmail > a {
  color: #000209;
  cursor: pointer;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-setup-step > ._supportEmail {
    font-size: 1em;
  }
}

.app-onboarding-desktop-launch-step {
  padding-right: 6%;
}
.app-onboarding-desktop-launch-step > h1 {
  margin: 0;
  text-align: left;
  color: #000209;
  font-weight: lighter;
  font-size: 3em;
  padding-bottom: 0.8em;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-launch-step > h1 {
    font-size: 2em;
  }
}
.app-onboarding-desktop-launch-step > div > h1 {
  margin: 0;
  text-align: left;
  color: #000209;
  font-size: 32px;
  padding-bottom: 0.5em;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-launch-step > div > h1 {
    font-size: 2em;
  }
}
.app-onboarding-desktop-launch-step > div > ._launch {
  margin: 0;
  color: #000209;
  cursor: pointer;
  font-weight: lighter;
  font-size: 1.5em;
  line-height: 1.1;
  padding-bottom: 1em;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-launch-step > div > ._launch {
    font-size: 1.5em;
  }
}
.app-onboarding-desktop-launch-step > div > .app-onboarding-desktop-launch-step-subtitle {
  margin: 0;
  color: #000209;
  font-weight: lighter;
  font-size: 1.5em;
  line-height: 1.1;
  padding-bottom: 1em;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-launch-step > div > .app-onboarding-desktop-launch-step-subtitle {
    font-size: 1.5em;
  }
}
.app-onboarding-desktop-launch-step > .app-onboarding-desktop-launch-step-subtitle {
  color: #727272;
  font-size: 1.5em;
  margin-bottom: 10px;
  font-weight: lighter;
  line-height: 1.1;
  font-family: "Open Sans";
}
.app-onboarding-desktop-launch-step > img {
  display: block;
  margin: auto;
}
.app-onboarding-desktop-launch-step > ._detail {
  margin: 10px 0px 10px 0px;
  color: #000209;
  font-weight: lighter;
  font-size: 1.5em;
  line-height: 1.1;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-launch-step > ._detail {
    font-size: 1em;
  }
}
.app-onboarding-desktop-launch-step > ._smallText {
  font-size: 1.5em;
  line-height: 1.1;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-launch-step > ._smallText {
    font-size: 0.5em;
  }
}
.app-onboarding-desktop-launch-step > ._verticalContainer {
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  color: #000209;
  font-weight: lighter;
  font-size: 20px;
  line-height: 1.1;
  border-radius: 15px;
  padding: 15px 10px;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-launch-step > ._verticalContainer {
    font-size: 1em;
  }
}
.app-onboarding-desktop-launch-step > ._verticalContainer > ._horizontalContainer {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 5px;
}
.app-onboarding-desktop-launch-step > ._verticalContainer > ._horizontalContainer.zoomTest {
  margin-bottom: 15px;
}
.app-onboarding-desktop-launch-step > ._verticalContainer > ._horizontalContainer > ._text {
  width: 80%;
}
.app-onboarding-desktop-launch-step > ._verticalContainer > ._horizontalContainer > button {
  align-items: center;
  text-align: center;
  margin-left: 10px;
  border: 0;
  border-radius: 10px;
  height: 50px;
  font-size: 20px;
  padding: 1px 20px;
  cursor: pointer;
  outline: none;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-launch-step > ._verticalContainer > ._horizontalContainer > button {
    font-size: 15px;
    height: 30px;
  }
}
.app-onboarding-desktop-launch-step > ._verticalContainer > ._horizontalContainer > img {
  margin: auto;
}
.app-onboarding-desktop-launch-step > ._verticalContainer > ._horizontalContainer > ol {
  margin-top: 5px;
}
.app-onboarding-desktop-launch-step > ._verticalContainer > ._horizontalContainer > ._noButton {
  border: 1px solid #c71b16;
  background-color: white;
  color: #c71b16;
}
.app-onboarding-desktop-launch-step > ._verticalContainer > ._horizontalContainer > ._noButton[data-status=true] {
  background-color: #c71b16;
  color: white;
}
.app-onboarding-desktop-launch-step > ._secondStepConfirm {
  margin: 10px 0;
}
.app-onboarding-desktop-launch-step > ._footer {
  text-align: center;
  padding-top: 2em;
  padding-bottom: 1em;
}
.app-onboarding-desktop-launch-step > ._footer > button {
  background-color: #2c4e69;
  color: white;
  border: 0;
  border-radius: 10px;
  height: 50px;
  font-size: 20px;
  padding: 1px 20px;
  cursor: pointer;
}
.app-onboarding-desktop-launch-step > ._footer > button:hover {
  background-color: #1d3549;
}

.app-onboarding-desktop-alternative-step {
  padding-right: 6%;
}
.app-onboarding-desktop-alternative-step > .app-onboarding-desktop-alternative-step-subtitle {
  font-weight: lighter;
  font-size: 24px;
  margin-bottom: 1%;
}
.app-onboarding-desktop-alternative-step > h1 {
  margin: 0;
  text-align: left;
  color: #000209;
  font-size: 32px;
  padding-bottom: 0.8em;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-alternative-step > h1 {
    font-size: 2em;
  }
}
.app-onboarding-desktop-alternative-step > ._body {
  display: flex;
  flex-direction: column;
}
.app-onboarding-desktop-alternative-step > ._body > div {
  margin: 0;
  border-radius: 8px;
  color: #000209;
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.1;
  margin-bottom: 10px;
  padding: 2%;
  background-color: #f2f2f2;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-alternative-step > ._body > div {
    font-size: 1em;
  }
}
.app-onboarding-desktop-alternative-step > ._body > div > .support-link {
  text-decoration: underline;
}
.app-onboarding-desktop-alternative-step > ._body > div > .support-link:hover {
  text-decoration: none;
}
.app-onboarding-desktop-alternative-step > ._body .image-box {
  justify-content: center;
  display: flex;
}
.app-onboarding-desktop-alternative-step > ._body ._mobile {
  display: flex;
  flex-direction: row;
  justify-content: left;
  padding-top: 1%;
}
.app-onboarding-desktop-alternative-step > ._body ._mobile > a {
  color: #000209;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: underline;
}
.app-onboarding-desktop-alternative-step > ._body ._mobile > a > img.ios {
  height: 54px;
  width: 227px;
}
.app-onboarding-desktop-alternative-step > ._body ._mobile > a > img.android {
  height: 80px;
  width: 197px;
}
.app-onboarding-desktop-alternative-step > ._footer {
  text-align: center;
  padding-top: 2em;
  padding-bottom: 1em;
}
.app-onboarding-desktop-alternative-step > ._footer > button {
  background-color: #2c4e69;
  color: white;
  border: 0;
  border-radius: 10px;
  height: 50px;
  font-size: 20px;
  padding: 1px 20px;
  cursor: pointer;
}
.app-onboarding-desktop-alternative-step > ._footer > button:hover {
  background-color: #1d3549;
}

.app-onboarding-desktop-final-step {
  margin-right: 20%;
}
.app-onboarding-desktop-final-step > b {
  margin: 0;
  text-align: left;
  color: #000209;
  font-size: 32px;
  padding-bottom: 0.8em;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-final-step > b {
    font-size: 2em;
  }
}
.app-onboarding-desktop-final-step > div {
  margin: 0;
  color: #000209;
  font-weight: lighter;
  font-size: 24px;
  line-height: 1.1;
  padding: 5px 0;
}
.app-onboarding-desktop-final-step > div > a {
  color: #000209;
  cursor: pointer;
  text-decoration: underline;
}
.app-onboarding-desktop-final-step > div > a:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-final-step > div {
    font-size: 1em;
  }
}
.app-onboarding-desktop-final-step > ._footer {
  text-align: center;
  padding-top: 2em;
  padding-bottom: 1em;
}
.app-onboarding-desktop-final-step > ._footer > button {
  background-color: #2c4e69;
  border-radius: 10px;
  color: white;
  border: 0;
  height: 50px;
  font-size: 20px;
  padding: 1px 20px;
  cursor: pointer;
}
.app-onboarding-desktop-final-step > ._footer > button:hover {
  background-color: #1d3549;
}

.app-onboarding-desktop-download-step {
  margin-right: 6%;
}
.app-onboarding-desktop-download-step > h1 {
  margin: 0;
  text-align: left;
  color: #000209;
  font-size: 32px;
  padding-bottom: 0.8em;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-download-step > h1 {
    font-size: 2em;
  }
}
.app-onboarding-desktop-download-step > ._detail {
  margin: 0;
  text-align: left;
  color: #000209;
  font-size: 24px;
  line-height: 1.1;
}
.app-onboarding-desktop-download-step > ._footer {
  text-align: center;
  padding-top: 2em;
  padding-bottom: 2em;
}
.app-onboarding-desktop-download-step > ._footer > button {
  background-color: #2c4e69;
  color: white;
  border: 0;
  height: 50px;
  font-size: 20px;
  padding: 1px 30px;
  border-radius: 10px;
  cursor: pointer;
}
.app-onboarding-desktop-download-step > ._footer > button:hover {
  background-color: #1d3549;
}
.app-onboarding-desktop-download-step > ._footer ._skipLink {
  cursor: pointer;
  color: #2c4e69;
  text-decoration: underline;
  text-align: right;
  padding: 20px 20px 20px 0;
}
@media (max-width: 768px) {
  .app-onboarding-desktop-download-step > ._footer ._skipLink {
    text-align: center;
    padding: 0;
  }
}

img.onboarding_gif {
  height: 375px;
  padding: 20px 0px 10px 40px;
  margin: auto;
  display: block;
}

img.onboarding_screenshot {
  height: 350px;
  margin: auto;
  display: block;
}
img.onboarding_screenshot.zoom {
  margin: 20px auto 20px auto;
  box-shadow: 0 10px 35px -10px;
}

span.underline_highlight_text {
  font-style: italic;
  text-decoration: underline;
  color: #2c4e69;
  cursor: pointer;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/onboarding/AppOnboarding.scss ***!
  \************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.app-onboarding-wrapper {
  display: flex;
}

.app-onboarding {
  position: relative;
  float: right;
  width: 75vw;
  min-height: 100vh;
  text-align: left;
  margin-right: 40px;
  margin-left: 40px;
}
@media (max-width: 768px) {
  .app-onboarding {
    width: 100%;
    min-height: 100%;
  }
}
.app-onboarding > ._current-step {
  display: inline-block;
  padding-top: 30px;
  text-align: left;
  width: 90%;
}
@media (max-width: 768px) {
  .app-onboarding > ._current-step {
    padding: 30px 20px 0;
    width: 90%;
    min-height: 100%;
  }
}

.onboarding-stepper {
  float: left;
  width: 17vw;
  margin-top: 30px;
  margin-left: 5vw;
}
@media (max-width: 768px) {
  .onboarding-stepper {
    display: none;
  }
}

.app-onboarding-preamble-step {
  margin-right: 6%;
  width: 100%;
}
.app-onboarding-preamble-step > ._detail {
  margin: 0 auto;
  padding-top: 0.5em;
  text-align: center;
  color: #000209;
  font-size: 2em;
  line-height: 1.1;
}
@media (max-width: 768px) {
  .app-onboarding-preamble-step > ._detail {
    width: 100%;
    font-size: 1em;
  }
}
.app-onboarding-preamble-step > ._footer {
  text-align: center;
  padding-top: 3em;
  padding-bottom: 2em;
}
.app-onboarding-preamble-step > ._footer > button {
  background-color: #2c4e69;
  color: white;
  border: 0;
  border-radius: 10px;
  height: 50px;
  font-size: 20px;
  padding: 1px 20px;
  cursor: pointer;
}
.app-onboarding-preamble-step > ._footer > button:hover {
  background-color: #1d3549;
}

.app-onboarding-payment-info-step > ._detail {
  margin: 0 auto;
  width: 80%;
  text-align: center;
  color: #000209;
  font-weight: lighter;
  font-size: 2em;
  line-height: 1.1;
}
@media (max-width: 768px) {
  .app-onboarding-payment-info-step > ._detail {
    width: 100%;
    font-size: 1em;
  }
}
.app-onboarding-payment-info-step > ._form {
  margin: auto;
  max-width: 600px;
}
.app-onboarding-payment-info-step > ._footer {
  padding-bottom: 2em;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #000209;
  font-weight: lighter;
  line-height: 1.1;
  text-align: center;
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
@media (max-width: 768px) {
  .app-onboarding-payment-info-step > ._footer {
    padding-bottom: 0;
  }
}
.app-onboarding-payment-info-step > ._footer .skipButton {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  background: none;
  border: none;
  color: #2c4e69;
  padding: 0;
  cursor: pointer;
  margin-top: 18px;
  text-align: left;
}

.app-onboarding-call-setup-step > h1 {
  margin: 0;
  text-align: center;
  color: #000209;
  font-size: 2.5em;
}
.app-onboarding-call-setup-step > ._detail {
  padding-top: 35px;
  width: 80%;
  margin: auto;
}
.app-onboarding-call-setup-step > ._detail > ul > li {
  margin: 0;
  color: #000209;
  font-weight: lighter;
  font-size: 1.5em;
}
.app-onboarding-call-setup-step > ._footer {
  text-align: center;
  padding-top: 4em;
  padding-bottom: 2em;
}
.app-onboarding-call-setup-step > ._footer > button {
  background-color: #2c4e69;
  color: white;
  border: 0;
  height: 50px;
  font-size: 20px;
  padding: 1px 20px;
  cursor: pointer;
  border-radius: 10px;
}
.app-onboarding-call-setup-step > ._footer > button:hover {
  background-color: #1d3549;
}

.app-onboarding-call-preview-step {
  margin-top: -30px;
}
.app-onboarding-call-preview-step > h1 {
  margin: 0;
  text-align: center;
  color: #000209;
  font-size: 2.5em;
}
.app-onboarding-call-preview-step > ._controls {
  position: relative;
  min-height: 300px;
  margin-top: 30px;
}
.app-onboarding-call-preview-step > ._controls > ._videoPreview {
  position: absolute;
  top: 0;
  right: 45%;
  width: 55%;
  height: 300px;
  max-width: 533px;
  overflow: hidden;
}
.app-onboarding-call-preview-step > ._controls > ._videoPreview > ._placeholder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #e0e0e0;
  text-align: center;
  color: #000209;
  font-weight: lighter;
  font-size: 1.5em;
  line-height: 300px;
  overflow: hidden;
}
.app-onboarding-call-preview-step > ._controls > ._videoPreview > ._view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
.app-onboarding-call-preview-step > ._controls > ._audioPreview {
  box-sizing: border-box;
  margin: 0 0 0 auto;
  width: 45%;
  padding: 30px 0 0 40px;
}
.app-onboarding-call-preview-step > ._controls > ._audioPreview > ._item {
  position: relative;
  padding-left: 78px;
  margin-top: 30px;
  color: #000209;
  font-weight: lighter;
}
.app-onboarding-call-preview-step > ._controls > ._audioPreview > ._item:first-child {
  margin-top: 0;
}
.app-onboarding-call-preview-step > ._controls > ._audioPreview > ._item > ._icon {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  background-color: #2c4e69;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  border-radius: 50%;
}
.app-onboarding-call-preview-step > ._controls > ._audioPreview > ._item.-input > ._icon {
  background-image: url(https://static-staging.oncallhealth.ca/a1eccb6/static/images/ic_mic_white_48px.svg);
}
.app-onboarding-call-preview-step > ._controls > ._audioPreview > ._item.-output > ._icon {
  background-image: url(https://static-staging.oncallhealth.ca/a1eccb6/static/images/ic_play_arrow_white_48px.svg);
}
.app-onboarding-call-preview-step > ._controls > ._audioPreview > ._item.-output > ._icon:hover {
  background-color: #1d3549;
  cursor: pointer;
}
.app-onboarding-call-preview-step > ._controls > ._audioPreview > ._item.-output > ._icon:active {
  background-color: #2c4e69;
}
.app-onboarding-call-preview-step > ._controls > ._audioPreview > ._item > a {
  color: inherit;
  text-decoration: underline;
}
.app-onboarding-call-preview-step > ._controls > ._audioPreview > ._item > a:hover {
  text-decoration: none;
  cursor: pointer;
}
.app-onboarding-call-preview-step > ._controls > ._audioPreview > ._item > a:active {
  text-decoration: underline;
}
.app-onboarding-call-preview-step > ._help {
  padding-top: 1em;
  padding-bottom: 1em;
  color: #000209;
  font-weight: lighter;
  line-height: 1.1;
  text-align: center;
}
.app-onboarding-call-preview-step > ._help > a {
  color: #000209;
  text-decoration: underline;
}
.app-onboarding-call-preview-step > ._footer {
  text-align: center;
  padding-bottom: 2em;
}
.app-onboarding-call-preview-step > ._footer > button {
  background-color: #2c4e69;
  color: white;
  border: 0;
  height: 50px;
  font-size: 20px;
  padding: 1px 20px;
  cursor: pointer;
  border-radius: 10px;
}
.app-onboarding-call-preview-step > ._footer > button:hover {
  background-color: #1d3549;
}

.app-onboarding-mobile-app-redirect-step > h1 {
  margin: 0;
  padding-bottom: 1em;
  text-align: center;
  color: #000209;
  font-size: 2em;
}

.app-onboarding-patientforms-step > ._detail > h1 {
  margin: 0;
  text-align: center;
  font-size: 2.5em;
  padding-bottom: 25px;
}
@media (max-width: 768px) {
  .app-onboarding-patientforms-step > ._detail > h1 {
    font-size: 1.5em;
  }
}
.app-onboarding-patientforms-step > ._detail ._skipLink {
  text-decoration: underline;
  text-align: left;
  padding: 0 20px 20px 0;
}
@media (max-width: 768px) {
  .app-onboarding-patientforms-step > ._detail ._skipLink {
    text-align: center;
    padding: 0;
  }
}
.app-onboarding-patientforms-step > ._detail ._skipLink > a {
  cursor: pointer;
}
.app-onboarding-patientforms-step > ._detail .signatureBanner {
  float: right;
}

.app-onboarding-documents-step .documentDisplay {
  width: 75%;
  max-width: 720px;
  margin: 16px auto;
}
.app-onboarding-documents-step > ._detail {
  gap: 32px;
}
.app-onboarding-documents-step > ._detail > h1 {
  margin: 0;
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
  padding-bottom: 25px;
}
@media (max-width: 768px) {
  .app-onboarding-documents-step > ._detail > h1 {
    font-size: 1.5em;
  }
}
.app-onboarding-documents-step > ._detail .skipContainer {
  margin-top: 16px;
}
.app-onboarding-documents-step > ._detail .skipContainer .skipLink {
  text-decoration: underline;
  text-align: left;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .app-onboarding-documents-step > ._detail .skipContainer .skipLink {
    text-align: center;
    padding: 0;
  }
}
.app-onboarding-documents-step > ._detail .skipContainer .skipLink > a {
  cursor: pointer;
}
.app-onboarding-documents-step > ._detail .signatureBanner {
  float: right;
}

.app-onboarding-complete-step {
  margin-right: 6%;
  width: 100%;
}
.app-onboarding-complete-step > h1 {
  margin: 0;
  text-align: left;
  color: #000209;
  font-size: 32px;
}
@media (max-width: 768px) {
  .app-onboarding-complete-step > h1 {
    font-size: 2em;
  }
}
.app-onboarding-complete-step > ._detail {
  margin: 0;
  text-align: left;
  color: #000209;
  font-weight: lighter;
  font-size: 24px;
  line-height: 1.1;
}
@media (max-width: 768px) {
  .app-onboarding-complete-step > ._detail {
    font-size: 1em;
  }
}
.app-onboarding-complete-step > ._footer {
  width: 40%;
  text-align: center;
  padding-top: 4em;
  padding-bottom: 2em;
  position: absolute;
}
.app-onboarding-complete-step > ._footer > button {
  background-color: #2c4e69;
  color: white;
  border: 0;
  border-radius: 10px;
  height: 50px;
  font-size: 20px;
  padding: 1px 20px;
  cursor: pointer;
}
.app-onboarding-complete-step > ._footer > button:hover {
  background-color: #1d3549;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/appointments/BookAnotherAppointmentModal.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.BookAnotherAppointmentModal .emphasized {
  font-weight: bold;
}
.BookAnotherAppointmentModal .listDescription {
  margin: 20px 0 16px 0;
  font-size: 14px;
  line-height: 24px;
}
.BookAnotherAppointmentModal .previousProvidersList {
  padding: 0 16px;
  background-color: #f8f8f8;
  border-radius: 8px;
}
.BookAnotherAppointmentModal .previousProvidersListItem {
  padding: 12px 0;
  justify-content: space-between;
}
.BookAnotherAppointmentModal .profileInfo {
  display: flex;
  align-items: center;
}
.BookAnotherAppointmentModal .profilePhoto {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 8px;
}
.BookAnotherAppointmentModal .providerName {
  word-break: break-word;
  margin: 0 8px 0 0;
}
.BookAnotherAppointmentModal .navigationControls {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 0 70px;
  margin-top: 24px;
}
.BookAnotherAppointmentModal .navigationControls .hiddenPagination {
  visibility: hidden;
}
.BookAnotherAppointmentModal .navigationControls .backButton {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.BookAnotherAppointmentModal .bookAnotherAppointmentContainer {
  display: flex;
  flex-direction: column;
}
.BookAnotherAppointmentModal .bookAnotherAppointmentIllustration {
  align-self: center;
  margin: 24px 0px 32px 0px;
}
.BookAnotherAppointmentModal .buttonContainer {
  display: flex;
  justify-content: space-around;
}
.BookAnotherAppointmentModal .bookAnotherAppointmentPrompt {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 8px;
  max-width: 600px;
}
.BookAnotherAppointmentModal .newProviderLink {
  font-weight: 600;
  margin-right: 10px;
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
.BookAnotherAppointmentModal .externalLinkIcon {
  margin-left: 6px;
}
.BookAnotherAppointmentModal .bookAnotherAppointmentButton {
  margin-left: 10px;
  flex-grow: 1;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/waitingrooms/WaitingRoomListModal.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.waitingRoomSelectModal .waitingRoomSelectModalPaper {
  height: 600px;
  width: 720px;
}
.waitingRoomSelectModal .waitingRoomSelectModalPaper .modalContent {
  flex-grow: 1;
}
.waitingRoomSelectModal .waitingRoomCountSection {
  align-items: center;
  gap: 8px;
  margin: 2px 0 16px 0;
}
.waitingRoomSelectModal .waitingRoomCountSection p {
  margin: 0;
}
.waitingRoomSelectModal .waitingRoomSearchBar {
  width: 100%;
  margin-bottom: 16px;
}
.waitingRoomSelectModal .radioGroupContainer {
  flex-grow: 1;
}
.waitingRoomSelectModal .radioGroupContainer .noRoomsFound {
  margin: auto;
  color: #595959;
}
.waitingRoomSelectModal .radioGroupContainer .loadingRoomsSpinner {
  padding: 0;
  margin: auto;
}
.waitingRoomSelectModal .radioGroupContainer .waitingRoomRadioGroup {
  gap: 8px;
  max-height: 355px;
  overflow: auto;
  flex-wrap: nowrap;
}
.waitingRoomSelectModal .radioGroupContainer .waitingRoomRadioGroup .waitingRoomRadio {
  border: 2px solid #dedede;
  border-radius: 12px;
  width: 652px;
  min-height: 68px;
  margin: 0;
}
.waitingRoomSelectModal .radioGroupContainer .waitingRoomRadioGroup .waitingRoomRadio p {
  margin: 0;
}
.waitingRoomSelectModal .radioGroupContainer .waitingRoomRadioGroup .waitingRoomRadio .providerRow {
  justify-content: space-between;
}
.waitingRoomSelectModal .radioGroupContainer .waitingRoomRadioGroup .waitingRoomRadio .providerRow .minimum {
  color: #595959;
}
.waitingRoomSelectModal .radioGroupContainer .waitingRoomRadioGroup .waitingRoomRadio .providerRow .waitingRoomCountSection {
  align-items: center;
}
.waitingRoomSelectModal .radioGroupContainer .waitingRoomRadioGroup .waitingRoomRadio .providerRow .providerPhoto {
  height: 44px;
  width: 44px;
  margin-left: 8px;
  border-radius: 4px;
}
.waitingRoomSelectModal .radioGroupContainer .waitingRoomRadioGroup .waitingRoomRadio .providerRow .providerPhoto.default {
  background-color: #dedede;
  padding: 3px 6px;
}
.waitingRoomSelectModal .radioGroupContainer .waitingRoomRadioGroup .waitingRoomLabel {
  width: inherit;
}
.waitingRoomSelectModal .radioGroupContainer .waitingRoomRadioGroup .waitingRoomLabel .rightSection {
  align-items: center;
  margin-right: 12px;
  gap: 4px;
}
.waitingRoomSelectModal .urlSection {
  margin-top: 16px;
  justify-content: center;
}
.waitingRoomSelectModal .urlSection .modalLinkText.disabled {
  color: #aaaaaa;
}
.waitingRoomSelectModal .urlSection .link-icon {
  margin: -2px 8px;
}
.waitingRoomSelectModal .urlSection .link-icon.disabled {
  fill: #aaaaaa;
  stroke: #aaaaaa;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/waitingrooms/WaitingRoomBanner.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.waiting-room-banner {
  margin: 20px auto;
  max-width: 800px;
}
.waiting-room-banner .waitingRoomBannerHeading {
  margin: 0;
}
.waiting-room-banner .waitingRoomBannerSubheading {
  margin: 2px 0 16px 0;
}
.waiting-room-banner .bannerSubSection {
  border-radius: 8px;
  height: 64px;
  padding: 16px;
  justify-content: space-between;
  align-items: center;
  color: #000209;
}
.waiting-room-banner .bannerSubSection .loadingNextAppointmentSpinner {
  padding: 0;
  margin: 5px 0 0 8px;
}
.waiting-room-banner .bannerSubSection .openRoomLink .link-icon {
  margin: -2px 8px;
}
.waiting-room-banner .bannerSubSection .openRoomLink .link-icon.disabled {
  fill: #aaaaaa;
  stroke: #aaaaaa;
}
.waiting-room-banner .bannerSubSection .openRoomLink .link-label.disabled {
  color: #aaaaaa;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/modals/GMPDocumentModal.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.documentModal {
  width: 75%;
  max-width: 720px;
  margin: 16px auto;
  gap: 16px;
}

.documentFullScreenModal .fullscreenModalHeaderRow {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/callsummary/CallBox.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.callBox {
  position: relative;
  height: 100%;
  overflow: auto;
  width: 70%;
}
.callBox .videoContainer {
  background-color: #202020;
}
.callBox .videoContainer .video video {
  -o-object-fit: contain;
     object-fit: contain;
}
.callBox .videoContainer .label .labelContainer .guest {
  background-color: #202020;
}
.callBox .largeSvg {
  height: 96px;
  fill: white;
  stroke: white;
}
.callBox .centered {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.callBox .actionBar {
  width: 100%;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  position: relative;
  height: 64px;
}
.callBox .actionBar .group {
  display: flex;
  align-items: center;
  height: 64px;
}
.callBox .actionBar .group.left {
  position: absolute;
  left: 12px;
}
.callBox .actionBar .group.right {
  position: absolute;
  right: 12px;
}
.callBox .actionBar .iconButton {
  height: 52px;
  width: 52px;
  margin: 0px 8px;
}
.callBox .actionBar .iconButton .svgIcon, .callBox .actionBar .iconButton .phoneIcon {
  margin: auto;
}
.callBox .actionBar .iconButton:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.callBox .actionBar .svgIcon {
  height: 24px;
  stroke: white;
  fill: white;
}
.callBox .actionBar .phoneIcon {
  overflow: visible;
  height: 30px;
  stroke: #E42C26;
  fill: #E42C26;
}
.callBox .actionBar .controlBarToolTip {
  font-size: 2em;
}
.callBox .actionBar .windowSharingButton {
  display: flex;
  justify-content: center;
  align-items: center;
}
.callBox .actionBar .windowSharingButton .windowShareIcon {
  height: 30px;
  width: 28px;
}
.callBox .actionBar .statusMessage {
  background-color: #fb5300;
  color: white;
  font-size: 11pt;
  font-weight: 500;
  padding: 8px 24px;
  margin: auto 24px;
  border-radius: 8px;
}
.callBox .userIsWindowSharingMessage {
  position: absolute;
  top: 20px;
  left: 50%;
  text-align: center;
  padding: 10px;
  z-index: 2;
  background-color: orange;
  color: white;
  font-size: 1em;
}
.callBox .participationWillJoinMessage {
  position: absolute;
  bottom: 100%;
  padding: 10px;
  width: 100%;
  text-align: center;
  z-index: 2;
  background: linear-gradient(#1b1515, #313131);
  color: white;
  font-size: 1.5em;
}
.callBox #userStreamContainer {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 2;
}
.callBox .callingMessage {
  text-align: center;
  padding-top: 300px;
}
.callBox .notificationRoot {
  transform: translate(0, 0);
}

.messagingWrapper {
  width: 30%;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/callsummary/CallOptions.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.callOptions {
  position: absolute;
  width: 900px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.callOptions .joinOptions {
  width: 100%;
  justify-content: space-evenly;
}
.callOptions .joinOptions a.link {
  text-decoration: underline;
  font-weight: 600;
}
.callOptions .joinOptions .joinCallOption {
  position: relative;
  width: 45%;
  margin: 20px;
  height: 425px;
  padding: 24px;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  border: 4pt solid transparent;
  border-radius: 8px;
}
.callOptions .joinOptions .joinCallOption .contentStart .item {
  margin: 12px 0;
}
.callOptions .joinOptions .joinCallOption.recommended {
  border: 4pt solid #2c4e69;
}
.callOptions .joinOptions .joinCallOption .joinBodyText {
  font-weight: 300;
  font-size: 14pt;
}
.callOptions .joinOptions .joinCallOption .joinNoteTextContainer {
  margin-top: 12px;
  align-items: flex-start;
  color: #d24600;
}
.callOptions .joinOptions .joinCallOption .joinNoteTextContainer .infoCircleIcon {
  margin-right: 18px;
  width: 30px;
  stroke: #d24600;
  fill: #d24600;
}
.callOptions .joinOptions .joinCallOption .joinNoteTextContainer .joinNoteText {
  text-align: left;
  font-weight: 400;
  font-size: 11pt;
}
.callOptions .joinOptions .joinCallOption .recommended {
  position: absolute;
  top: -1px;
  right: 0;
  width: calc(100% + 4px);
  text-align: center;
  padding: 6px 0 10px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: 600;
  font-size: 10pt;
  color: white;
}
.callOptions .joinOptions .joinCallOption .icon {
  width: 65px;
  height: 65px;
  margin: 42px 0 24px 0;
}
.callOptions .joinOptions .joinCallOption .selectOptionLink {
  width: 75%;
  text-transform: none;
  margin-bottom: 18px;
}
.callOptions .goToSummaryContainer {
  text-align: center;
}
.callOptions .goToSummaryContainer .goToSummaryText {
  font-weight: 400;
  margin: 18px;
}
.callOptions .goToSummaryContainer .goToSummary {
  font-size: 12pt;
  margin-right: 2.5%;
  text-transform: none;
  text-decoration: underline;
  font-weight: 400;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/callsummary/panels/AppointmentActionPanel.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.appointmentActionPanel .panelSection {
  padding: 24px;
  position: relative;
}
.appointmentActionPanel .appointmentStatus {
  text-align: center;
}
.appointmentActionPanel .appointmentStatus .statusMain,
.appointmentActionPanel .appointmentStatus .statusSub {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.appointmentActionPanel .loadingCancellation {
  height: 96px;
}
.appointmentActionPanel .cancelledPanel {
  color: #c71b16;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  gap: 8px;
}
.appointmentActionPanel .cancelledPanel .cancellationTime {
  color: #595959;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.appointmentActionPanel .providerActions::before {
  content: "";
  width: 60%;
  height: 0;
  border-bottom: 1px solid #dedede;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.appointmentActionPanel .providerActions .secondaryActionRow {
  margin-top: 12px;
}
.appointmentActionPanel .providerActions .secondaryActionRow > * {
  flex-grow: 1;
}
.appointmentActionPanel .providerActions .secondaryActionRow > *:not(:first-child) {
  margin-left: 8px;
}
.appointmentActionPanel .providerActions .completionDisabledText {
  color: #c71b16;
  padding-top: 8px;
}
.appointmentActionPanel .callActions {
  align-items: stretch;
  padding-top: 8px;
}
.appointmentActionPanel .callActions .changeVideo {
  margin-top: 12px;
  text-decoration: underline;
}
.appointmentActionPanel .actionButtonIcon {
  width: 16px;
  margin-left: 12px;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/callsummary/panels/AppointmentFields.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.appointmentFields {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  background-color: #fafbfc;
  height: 0;
  flex: 1;
}
.appointmentFields.noFields, .appointmentFields.fieldsError {
  align-items: center;
  justify-content: center;
}
.appointmentFields .warningText,
.appointmentFields .fieldsError {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 18px;
}
.appointmentFields .fieldsError {
  color: #c71b16;
}
.appointmentFields .reloadIcon {
  margin-left: 10px;
  width: 14px;
}
.appointmentFields .warningIcon {
  width: 80px;
  stroke: #595959;
  fill: #595959;
}
.appointmentFields .spacer {
  flex-grow: 1;
}
.appointmentFields .paginator {
  align-self: center;
}
.appointmentFields .centerLoader {
  flex-grow: 1;
  align-self: center;
  padding: 0;
}
.appointmentFields .questionList {
  padding: 8px 18px;
  height: 100%;
  overflow: auto;
}
.appointmentFields .questionList .isRequired {
  border-color: #c71b16 !important;
}
.appointmentFields .questionList .questionOption {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 18px;
  margin: 8px 0;
  border-radius: 4px;
  border: 1px solid #dedede;
  background-color: white;
}
.appointmentFields .questionList .questionOption .questionInfo {
  flex-grow: 1;
  width: 0px;
  word-break: break-word;
  margin-right: 12px;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.appointmentFields .formActionRow {
  background-color: white;
  z-index: 1;
  align-items: center;
  padding: 0 16px;
  border-bottom: 1px solid #dedede;
  width: 100%;
  justify-content: space-between;
  height: 56px;
  flex-shrink: 0;
}
.appointmentFields .formActionRow .groupRight {
  align-items: center;
}
.appointmentFields .formActionRow .lastUpdated {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  color: #595959;
  margin: 0 12px;
}
.appointmentFields .formActionRow .saveAnswers {
  min-width: auto;
}
.appointmentFields .formActionRow .saveAnswers .savingLoader {
  top: 3px;
  padding: 0;
}
.appointmentFields .questionFormItems {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px;
  flex-grow: 1;
  position: relative;
}
.appointmentFields .questionFormItems .appointmentField {
  max-width: 100%;
  min-width: 0;
  width: 100%;
  padding: 0;
  margin-bottom: 18px;
  border: none;
}
.appointmentFields .questionFormItems .appointmentField .noOptionsText {
  color: #595959;
  margin: 12px 0;
}
.appointmentFields .questionFormItems .appointmentField .fieldLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  word-break: break-word;
}
.appointmentFields .questionFormItems .appointmentField .applyAllToggle .applyAllSwitch {
  width: 100%;
  margin-left: 0;
}
.appointmentFields .questionFormItems .appointmentField .applyAllToggle .applyAllSwitch .switchLabelBase {
  flex-grow: 1;
}
.appointmentFields .questionFormItems .appointmentField .applyAllToggle .applyAllSwitch .switchLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.appointmentFields .questionFormItems .appointmentField .textFieldField {
  margin-bottom: 12px;
}
.appointmentFields .questionFormItems .appointmentField .textFieldField .textFieldLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.appointmentFields .questionFormItems .appointmentField .textFieldField .textFieldInput {
  width: 100%;
  background-color: white;
}
.appointmentFields .questionFormItems .appointmentField .textFieldField .textFieldInput.limitHeight {
  max-height: 100px;
}
.appointmentFields .questionFormItems .appointmentField .textFieldField .textFieldInputElement {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.appointmentFields .questionFormItems .appointmentField .textFieldField .textFieldParticipantLabel {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin: 4px;
  background-color: #dedede;
  text-align: center;
  border-radius: 4px;
}
.appointmentFields .questionFormItems .appointmentField .dropdownInput {
  background-color: white;
}
.appointmentFields .questionFormItems .appointmentField .dropdownInput .autocompleteDropdownField {
  width: 100%;
}
.appointmentFields .questionFormItems .appointmentField .dropdownInput .autocompleteDropdownField .placeholderFont {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.appointmentFields .questionFormItems .appointmentField .chipValuesBoundary.flexRow {
  flex-wrap: wrap;
}
.appointmentFields .questionFormItems .appointmentField .activeAnswers .dropdownValues {
  max-width: 100%;
}
.appointmentFields .questionFormItems .appointmentField .activeAnswers .dropdownValues.flexRow {
  flex-wrap: wrap;
}
.appointmentFields .questionFormItems .appointmentField .activeAnswers .dropdownValues.flexColumn {
  align-items: flex-start;
}
.appointmentFields .questionFormItems .appointmentField .activeAnswers .dropdownValues .answerValue {
  margin: 8px 8px;
  border: 1px solid transparent;
  max-width: 100%;
}
.appointmentFields .questionFormItems .appointmentField .activeAnswers .dropdownValues .answerValue:focus, .appointmentFields .questionFormItems .appointmentField .activeAnswers .dropdownValues .answerValue:hover {
  border: 1px solid #595959;
}
.appointmentFields .questionFormItems .appointmentField .activeAnswers .dropdownValues .answerValue .deleteIcon {
  flex-shrink: 0;
  width: 12px;
  margin-right: 12px;
  margin-left: 0px;
}
.appointmentFields .questionFormItems .appointmentField .activeAnswers .dropdownValues .participantCheckboxes {
  list-style: none;
  padding: 0;
}
.appointmentFields .questionFormItems .appointmentField .activeAnswers .dropdownValues .participantCheckboxes .checkboxLabelMain {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.appointmentFields .questionFormItems .appointmentField .activeAnswers .dropdownValues .participantCheckboxes .checkboxLabelMain .patientEmail {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
}
.appointmentFields .questionFormItems .appointmentField .activeAnswers .dropdownValues .participantsCaption {
  justify-content: space-between;
  align-items: center;
}
.appointmentFields .questionFormItems .appointmentField .activeAnswers .dropdownValues .participantsCaption .detailText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
}
.appointmentFields .questionFormItems .appointmentField .activeAnswers .dropdownValues .participantsCaption .applyAllButton {
  white-space: nowrap;
}
.appointmentFields .completedAppointmentMissingFieldsError {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  background-color: #ffffff;
  color: #c71b16;
  padding: 12px 16px;
  border-bottom: 1px solid #dedede;
}

.unsavedChangesModal.unsavedChangesModal {
  padding: 24px;
  width: 450px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.unsavedChangesModal.unsavedChangesModal > * {
  margin-bottom: 24px;
}
.unsavedChangesModal.unsavedChangesModal h3 {
  margin-top: 0;
}
.unsavedChangesModal.unsavedChangesModal .unsavedChangesText {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  margin-right: 48px;
}
.unsavedChangesModal.unsavedChangesModal .unsavedChangesActions {
  width: 100%;
  margin-bottom: 0;
}
.unsavedChangesModal.unsavedChangesModal .unsavedChangesActions > * {
  flex-grow: 1;
}
.unsavedChangesModal.unsavedChangesModal .unsavedChangesActions > *:not(:last-child) {
  margin-right: 24px;
}
.unsavedChangesModal.unsavedChangesModal .closeButton {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 55px;
}
.unsavedChangesModal.unsavedChangesModal .closeButton .closeButtonIcon {
  width: 20px;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/callsummary/panels/ParticipantInfo.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.participantInfo {
  padding: 16px;
  overflow-y: auto;
  background-color: #fafbfc;
  flex-grow: 1;
  position: relative;
}
.participantInfo .cancellationLoading {
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 24px 0;
}
.participantInfo .hostInfo,
.participantInfo .participantInfoList {
  padding: 0;
  list-style: none;
}
.participantInfo .svgBullet {
  width: 8px;
  margin-right: 18px;
  flex-shrink: 0;
}
.participantInfo .detailRow {
  align-items: center;
}
.participantInfo .detailRow:not(:first-child) {
  margin-top: 16px;
}
.participantInfo .panelSubheader,
.participantInfo .name {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.participantInfo .participantDetail .nameDetails {
  gap: 12px;
  margin-bottom: 4px;
}
.participantInfo .participantDetail .cancellationChip {
  color: #381110;
  background-color: #FFC4C2;
  text-transform: capitalize;
}
.participantInfo .cancellationDetails {
  gap: 4px;
  margin-top: 4px;
  margin-bottom: 8px;
  color: #595959;
}
.participantInfo .cancellationDetails .reasonLabel {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.participantInfo .cancellationDetails .cancellationReason {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-style: italic;
  word-break: break-word;
}
.participantInfo .participantCustomList {
  margin-top: 0px;
}
.participantInfo .customFieldPair {
  flex-wrap: wrap;
  word-break: break-word;
}
.participantInfo .customFieldPair .customFieldKey {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.participantInfo .customFieldPair .customFieldValue {
  margin-left: 12px;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/callsummary/panels/TechnicalSupport.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.technicalSupport {
  padding: 16px;
  align-items: flex-start;
  overflow-y: auto;
  background-color: #fcfcfc;
  height: 100%;
}
.technicalSupport .emailSupport {
  margin-top: 18px;
}
.technicalSupport .supportPrompt {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.technicalSupport .supportButtonIcon {
  margin-left: 12px;
  width: 18px;
}
.technicalSupport .emailDisplay {
  color: #595959;
  margin-top: 12px;
}
.technicalSupport .hostInfoSubheader {
  margin-top: 32px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.technicalSupport .hostInfo {
  list-style: none;
  padding: 0;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/callsummary/Panel.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.summaryPanel h3,
.summaryPanel h4,
.summaryPanel h5,
.summaryPanel h6 {
  font: inherit;
  margin: 0;
}
.summaryPanel .gridTransitionContainer {
  width: 100%;
  height: 100%;
}
.summaryPanel .panelTabs {
  border-right: 1px solid #dedede;
}
.summaryPanel .panelTabs .panelTab {
  display: flex;
  height: 56px;
  padding: 0 17px;
  align-items: center;
  border: 1px solid white;
  border-bottom: 1px solid #dedede;
}
.summaryPanel .panelTabs .panelTab .panelTabIcon {
  width: 28px;
  padding: 0;
}
.summaryPanel .panelContent {
  width: 0;
  flex-grow: 1;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.summaryPanel .panelContent .panelHeader {
  height: 56px;
  align-items: center;
  width: 100%;
  padding: 0 16px;
  border-bottom: 1px solid #dedede;
  flex-shrink: 0;
}
.summaryPanel .panelContent .panelSubheader {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.summaryPanel .panelContent .panelHeaderInlineIcon {
  width: 24px;
  margin: 0 18px;
}
.summaryPanel .panelContent .panelTitle {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.summaryPanel .panelContent .pontentBox {
  padding: 16px;
}
@media screen and (min-width: 1200px) {
  .summaryPanel .hideTab {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
  }
}
@media screen and (max-width: 1199px) {
  .summaryPanel.collapsed .panelContent {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
  }
  .summaryPanel.expanded .hideTab {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
  }
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/callsummary/CallSummary.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.callSummaryWrapper {
  position: relative;
  height: 0;
  flex-grow: 1;
}
.callSummaryWrapper h1,
.callSummaryWrapper h2,
.callSummaryWrapper h3,
.callSummaryWrapper h4,
.callSummaryWrapper h5,
.callSummaryWrapper h6 {
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .callSummaryWrapper .expandActions {
    display: none;
  }
}
.callSummaryWrapper .expandActions {
  position: absolute;
  bottom: 7px;
  left: 7px;
}
.callSummaryWrapper .expandActions.expanded {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.callSummary {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(376px, 1fr) 2fr minmax(376px, 1fr);
  grid-template-rows: 1fr auto;
  border: 1px solid #dedede;
  grid-gap: 1px;
  background-color: #dedede;
  grid-template-areas: "info primary secondary" "actions primary secondary";
}
@media screen and (max-width: 1199px) {
  .callSummary.expandedInfo {
    grid-template-columns: 1fr 64px 64px;
  }
  .callSummary.expandedPrimary {
    grid-template-columns: 64px 1fr 64px;
  }
  .callSummary.expandedSecondary {
    grid-template-columns: 64px 64px 1fr;
  }
}
.callSummary.hideSessionNotes.hideMessaging {
  grid-template-columns: 1fr;
  grid-template-areas: "info" "actions";
}
@media screen and (max-width: 1199px) {
  .callSummary.hideSessionNotes.hideMessaging.expandedInfo {
    grid-template-columns: 1fr;
  }
  .callSummary.hideSessionNotes.hideMessaging.expandedSecondary, .callSummary.hideSessionNotes.hideMessaging.expandedPrimary {
    grid-template-columns: 1fr;
  }
}
.callSummary.hideMessaging {
  grid-template-columns: minmax(376px, 1fr) 2fr;
  grid-template-areas: "info primary" "actions primary";
}
@media screen and (max-width: 1199px) {
  .callSummary.hideMessaging.expandedInfo {
    grid-template-columns: 1fr 64px;
  }
  .callSummary.hideMessaging.expandedSecondary, .callSummary.hideMessaging.expandedPrimary {
    grid-template-columns: 64px 1fr;
  }
}
.callSummary.hideSessionNotes {
  grid-template-columns: minmax(376px, 1fr) 2fr;
  grid-template-areas: "info secondary" "actions secondary";
}
.callSummary.hideSessionNotes .sessionNotes {
  display: none;
}
@media screen and (max-width: 1199px) {
  .callSummary.hideSessionNotes.expandedInfo {
    grid-template-columns: 1fr 64px;
  }
  .callSummary.hideSessionNotes.expandedSecondary, .callSummary.hideSessionNotes.expandedPrimary {
    grid-template-columns: 64px 1fr;
  }
}
.callSummary .info {
  background-color: #ffffff;
  overflow: hidden;
  grid-area: info;
}
.callSummary .sessionNotes {
  background-color: #ffffff;
  overflow: hidden;
  grid-area: primary;
}
.callSummary .sessionNotes .callSummaryCaseNote {
  height: 0;
  flex-grow: 1;
  margin-bottom: 0;
}
.callSummary .messaging {
  background-color: #ffffff;
  overflow: hidden;
  grid-area: secondary;
}
.callSummary .messaging .messagingFallback {
  text-align: center;
  padding: 24px;
  color: #595959;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.callSummary .actions {
  background-color: #ffffff;
  overflow: hidden;
  grid-area: actions;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./components/callsummary/CallMain.scss ***!
  \********************************************************************************************************************************************************************************************************/
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.callMain {
  background-color: #eee;
  display: flex;
  width: 100vw;
  height: 100vh;
}
.callMain .appointmentSubtitle {
  align-items: center;
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  flex-wrap: wrap;
}
.callMain .appointmentSubtitle svg {
  width: 16px;
}
.callMain .appointmentSubtitle .subtitleItemName {
  line-height: 10px;
  align-items: center;
  margin: 0 4px 0 0;
}
.callMain .appointmentSubtitle .subtitleItemName .subtitleIcon {
  margin: 0 8px 0 0;
}
.callMain .appointmentSubtitle .subtitleItemName .subtitleIcon.divisionIcon {
  width: 20px;
}
.callMain .appointmentSubtitle .subtitleItemValue {
  margin: 0;
  white-space: nowrap;
}
.callMain .appointmentSubtitle .valuePair {
  margin: 0 24px 0 0;
  align-items: center;
}
.callMain .messagingContainer {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  overflow: auto;
  background-color: white;
}
.callMain .fileBlock {
  position: relative;
  margin: 12px 0;
}
.callMain[data-show-rightbar=false] > ._rightBar {
  width: 0%;
  padding: 0;
}
.callMain[data-show-rightbar=false] > .callBox {
  width: 100%;
}
.callMain .logo {
  width: 200px;
  position: fixed;
  top: 60px;
  left: 60px;
}
.callMain .goBack {
  top: 125px;
  left: 50px;
  position: absolute;
  text-decoration: none;
  color: #2c4e69;
  font-weight: 400;
  align-items: center;
  padding-bottom: 4px;
}
.callMain .goBack:hover {
  border-bottom: 1px solid #2c4e69;
}
.callMain .goBack .goBackIcon {
  height: 18px;
  width: 18px;
  margin-right: 12px;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/less-loader/dist/cjs.js!../node_modules/react-widgets/lib/less/react-widgets.less ***!
  \****************************************************************************************************************************************************/
.rw-btn,
.rw-input-reset,
.rw-input,
.rw-filter-input {
  color: inherit;
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
  background: none;
  background-image: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
.rw-btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
select.rw-input {
  text-transform: none;
}
html input[type="button"].rw-input {
  -webkit-appearance: button;
  cursor: pointer;
}
textarea.rw-input {
  overflow: auto;
  resize: vertical;
}
button[disabled].rw-input,
fieldset[disabled] .rw-input,
html input[disabled].rw-input {
  cursor: not-allowed;
}
button.rw-input::-moz-focus-inner,
input.rw-input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
/* -------------- */
@font-face {
  font-family: 'RwWidgets';
  font-weight: normal;
  font-style: normal;
  src: url(https://static-staging.oncallhealth.ca/a1eccb6/static/react-widgets/rw-widgets-2aad0e87e1fd303e94e558aa6a37d6fc.eot);
  src: url(https://static-staging.oncallhealth.ca/a1eccb6/static/react-widgets/rw-widgets-2aad0e87e1fd303e94e558aa6a37d6fc.eot?#iefix&v=4.1.0) format('embedded-opentype'), url(https://static-staging.oncallhealth.ca/a1eccb6/static/react-widgets/rw-widgets-d7232bf83011ddad35c069e9fc118ae8.woff) format('woff'), url(https://static-staging.oncallhealth.ca/a1eccb6/static/react-widgets/rw-widgets-1c58990c05da68ae3d6800fe4de9739e.ttf) format('truetype'), url(https://static-staging.oncallhealth.ca/a1eccb6/static/react-widgets/rw-widgets-e8b49908cecc30a4952fc35b1d6775bc.svg#fontawesomeregular) format('svg');
}
.rw-i {
  display: inline-block;
  color: inherit;
  font-family: RwWidgets;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.rw-i-caret-down:before {
  content: '\e803';
}
.rw-i-caret-up:before {
  content: '\e800';
}
.rw-i-chevron-left:before {
  content: '\f104';
}
.rw-i-chevron-right:before {
  content: '\f105';
}
.rw-i-clock-o:before {
  content: '\e805';
}
.rw-i-calendar:before {
  content: '\e804';
}
.rw-i-search:before {
  content: '\e801';
}
.rw-btn {
  position: relative;
  color: #333333;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
  cursor: pointer;
  outline: none;
}
.rw-state-readonly .rw-btn,
.rw-state-disabled .rw-btn {
  cursor: not-allowed;
}
.rw-btn-select {
  opacity: 0.75;
  filter: alpha(opacity=75);
  transition: opacity 150ms ease-in;
}
.rw-btn-select:hover,
.rw-state-focus .rw-btn-select,
:hover > .rw-btn-select {
  opacity: 1;
  filter: alpha(opacity=100);
}
.rw-btn-primary {
  width: 100%;
  white-space: normal;
  line-height: 2em;
}
.rw-btn-primary:hover {
  background-color: #e6e6e6;
}
.rw-btn-select[disabled],
.rw-btn-primary[disabled],
fieldset[disabled] .rw-btn-select,
fieldset[disabled] .rw-btn-primary {
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  pointer-events: none;
}
/* for debugging */
.rw-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.rw-widget {
  background-clip: border-box;
  border: none;
  color: #333333;
  font-size: 1em;
  font-family: inherit;
  outline: none;
  position: relative;
}
.rw-widget,
.rw-widget * {
  box-sizing: border-box;
}
.rw-widget:before,
.rw-widget *:before,
.rw-widget:after,
.rw-widget *:after {
  box-sizing: border-box;
}
.rw-widget > .rw-widget-container {
  width: 100%;
  margin: 0;
}
.rw-widget-container {
  background-color: #fff;
  border: #ccc 1px solid;
  border-radius: 4px;
}
.rw-widget-container.rw-state-focus,
.rw-state-focus > .rw-widget-container,
.rw-widget-container.rw-state-focus:hover,
.rw-state-focus > .rw-widget-container:hover {
  background-color: transparent;
  border-color: #66afe9;
  box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
}
.rw-widget-container.rw-state-readonly,
.rw-state-readonly > .rw-widget-container {
  cursor: not-allowed;
}
.rw-widget-container.rw-state-disabled,
.rw-state-disabled > .rw-widget-container,
fieldset[disabled] .rw-widget-container,
.rw-widget-container.rw-state-disabled:hover,
.rw-state-disabled > .rw-widget-container:hover,
fieldset[disabled] .rw-widget-container:hover,
.rw-widget-container.rw-state-disabled:active,
.rw-state-disabled > .rw-widget-container:active,
fieldset[disabled] .rw-widget-container:active {
  box-shadow: none;
  cursor: not-allowed;
}
.rw-widget-picker {
  position: relative;
  overflow: hidden;
  border-collapse: separate;
  display: inline-table;
  height: 2.429em;
}
.rw-widget-picker > * {
  position: relative;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  display: table-cell;
}
.rw-widget-picker > .rw-select {
  width: 1%;
  white-space: nowrap;
}
.rw-open > .rw-widget-picker {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.rw-open-up > .rw-widget-picker {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
fieldset[disabled] .rw-widget-picker,
.rw-state-disabled > .rw-widget-picker {
  background-color: #eeeeee;
}
.rw-select {
  cursor: pointer;
}
.rw-select > * {
  width: 1.9em;
  height: 100%;
}
.rw-state-readonly .rw-select,
.rw-state-disabled .rw-select {
  cursor: not-allowed;
}
.rw-select-bordered {
  cursor: pointer;
  border: none;
  border-left: #ccc 1px solid;
}
.rw-select-bordered:hover,
.rw-select-bordered:active {
  background-color: #e6e6e6;
}
.rw-select-bordered:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.rw-state-disabled .rw-select-bordered,
.rw-state-readonly .rw-select-bordered,
fieldset[disabled] .rw-select-bordered,
.rw-state-disabled .rw-select-bordered:hover,
.rw-state-readonly .rw-select-bordered:hover,
fieldset[disabled] .rw-select-bordered:hover,
.rw-state-disabled .rw-select-bordered:active,
.rw-state-readonly .rw-select-bordered:active,
fieldset[disabled] .rw-select-bordered:active {
  cursor: not-allowed;
  background-color: inherit;
  background-image: none;
  box-shadow: none;
}
.rw-rtl .rw-select-bordered {
  border-right: #ccc 1px solid;
  border-left: none;
}
.rw-rtl {
  direction: rtl;
}
.rw-input-reset,
.rw-input,
.rw-filter-input {
  outline: 0;
}
.rw-input-reset::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.rw-input-reset:-ms-input-placeholder {
  color: #999;
}
.rw-input-reset::-webkit-input-placeholder {
  color: #999;
}
.rw-input,
.rw-filter-input {
  color: #555555;
  padding: 0 0.857em;
  background-color: #fff;
}
.rw-input[type='text']::-ms-clear {
  display: none;
}
.rw-input[disabled],
fieldset[disabled] .rw-input {
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
  background-color: #eeeeee;
  border-color: #ccc;
}
.rw-input[readonly] {
  cursor: not-allowed;
}
.rw-i.rw-loading {
  display: block;
  background: url(https://static-staging.oncallhealth.ca/a1eccb6/static/react-widgets/loading-698d239f7b0c4fa1b25d1aaaae1dc745.gif) no-repeat center;
  min-width: 16px;
  width: 1.9em;
  height: 16px;
}
.rw-i.rw-loading:before {
  content: '';
}
.rw-placeholder {
  color: #999;
}
.rw-widget-input,
.rw-filter-input {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.rw-widget-input.rw-state-focus {
  box-shadow: 0 0 8px rgba(102, 175, 233, 0.6), inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.rw-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1em;
  outline: 0;
  overflow: auto;
  max-height: 200px;
}
.rw-list-option {
  user-select: none;
  color: #333333;
  cursor: pointer;
  border: 1px solid transparent;
}
.rw-list-option.rw-state-focus,
.rw-list-option.rw-state-focus:hover {
  background-color: transparent;
  border-color: #66afe9;
  color: #333333;
}
.rw-list-option:hover,
.rw-list-option:hover.rw-state-focus {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #333333;
}
.rw-list-option.rw-state-selected,
.rw-list-option.rw-state-selected:hover {
  background-color: #337ab7;
  border-color: #337ab7;
  color: white;
}
fieldset[disabled] .rw-list-option,
.rw-list-option.rw-state-disabled,
.rw-list-option.rw-state-readonly {
  box-shadow: none;
  cursor: not-allowed;
  color: #999999;
  filter: alpha(opacity=7);
  opacity: 0.7;
}
fieldset[disabled] .rw-list-option:hover,
.rw-list-option.rw-state-disabled:hover,
.rw-list-option.rw-state-readonly:hover {
  background: none;
  border-color: transparent;
}
.rw-list-empty,
.rw-list-option,
.rw-list-optgroup {
  padding: 0.143em 0.75em;
  outline: 0;
}
.rw-list-optgroup {
  font-weight: bold;
  padding-top: 7px;
}
.rw-list-option-create {
  border-top: 1px #ccc solid;
}
.rw-dropdown-list-input {
  background-color: transparent;
  vertical-align: middle;
  padding-right: 0;
  /* ellipsis */
  max-width: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.rw-rtl .rw-dropdown-list-input {
  padding-right: 0.857em;
  padding-left: 0;
}
.rw-filter-input {
  position: relative;
  margin: 4px;
  padding-right: 0;
}
.rw-filter-input .rw-rtl {
  padding-right: 0.857em;
  padding-left: 0;
}
.rw-filter-input .rw-select,
.rw-filter-input .rw-btn {
  opacity: 0.75;
  filter: alpha(opacity=75);
  cursor: text;
}
.rw-filter-input > .rw-select,
.rw-filter-input > .rw-select:active,
.rw-filter-input > .rw-select:hover {
  background: none;
  cursor: initial;
  box-shadow: none;
}
.rw-number-picker .rw-btn {
  cursor: pointer;
  height: calc(1.2145em - 1px);
  /** ie8 fallback **/
  margin-top: -1px\9;
  height: 1.2145em\9;
  /** --- **/
  line-height: 1.2145em;
  line-height: calc(1.2145em - 1px);
  display: block;
  border: none;
}
.rw-number-picker .rw-btn:hover,
.rw-number-picker .rw-btn:active {
  background-color: #e6e6e6;
}
.rw-number-picker .rw-btn:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.rw-state-disabled .rw-number-picker .rw-btn,
.rw-state-readonly .rw-number-picker .rw-btn,
fieldset[disabled] .rw-number-picker .rw-btn,
.rw-state-disabled .rw-number-picker .rw-btn:hover,
.rw-state-readonly .rw-number-picker .rw-btn:hover,
fieldset[disabled] .rw-number-picker .rw-btn:hover,
.rw-state-disabled .rw-number-picker .rw-btn:active,
.rw-state-readonly .rw-number-picker .rw-btn:active,
fieldset[disabled] .rw-number-picker .rw-btn:active {
  cursor: not-allowed;
  background-color: inherit;
  background-image: none;
  box-shadow: none;
}
.rw-number-picker .rw-select {
  vertical-align: middle;
}
.rw-number-picker .rw-select,
.rw-number-picker .rw-select:hover,
.rw-number-picker .rw-select:active {
  box-shadow: none;
}
.rw-calendar-popup {
  right: auto;
  min-width: 0;
  width: 18em;
}
.rw-calendar {
  border-radius: 4px;
  background-color: #fff;
  border: #ccc 1px solid;
  overflow: hidden;
}
.rw-calendar.rw-popup {
  border-color: #ccc;
}
.rw-calendar-now {
  font-weight: bold;
}
.rw-calendar-btn-left,
.rw-calendar-btn-right {
  width: 12.5%;
}
.rw-calendar-btn-view {
  width: 75%;
}
.rw-calendar-footer {
  border-top: 1px solid #ccc;
}
.rw-calendar-grid {
  outline: none;
  height: 14.28571429em;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  background-color: #fff;
}
.rw-head-cell {
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding: 0.25em;
}
.rw-cell {
  color: #333333;
  border-radius: 4px;
  cursor: pointer;
  line-height: normal;
  text-align: center;
  border: 1px solid transparent;
  padding: 0.25em;
}
.rw-cell:hover {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #333333;
}
.rw-cell.rw-state-focus,
.rw-cell.rw-state-focus:hover {
  background-color: transparent;
  border-color: #66afe9;
  color: #333333;
}
.rw-cell.rw-state-selected,
.rw-cell.rw-state-selected:hover {
  background-color: #337ab7;
  border-color: #337ab7;
  color: white;
}
.rw-cell.rw-state-disabled {
  color: #999999;
  filter: alpha(opacity=7);
  opacity: 0.7;
}
.rw-cell.rw-state-disabled:hover {
  background: none;
  border-color: transparent;
}
.rw-calendar-month .rw-cell {
  text-align: center;
}
.rw-cell-off-range {
  color: #999999;
}
.rw-calendar-transition-group {
  position: relative;
}
.rw-calendar-transition {
  transition: transform 300ms;
  overflow: hidden;
}
.rw-calendar-transition-top {
  transform: translateY(-100%);
}
.rw-calendar-transition-bottom {
  transform: translateY(100%);
}
.rw-calendar-transition-right {
  transform: translateX(-100%);
}
.rw-calendar-transition-left {
  transform: translateX(100%);
}
.rw-calendar-transition-entering.rw-calendar-transition-top,
.rw-calendar-transition-entered.rw-calendar-transition-top,
.rw-calendar-transition-entering.rw-calendar-transition-bottom,
.rw-calendar-transition-entered.rw-calendar-transition-bottom {
  transform: translateY(0);
}
.rw-calendar-transition-entering.rw-calendar-transition-right,
.rw-calendar-transition-entered.rw-calendar-transition-right,
.rw-calendar-transition-entering.rw-calendar-transition-left,
.rw-calendar-transition-entered.rw-calendar-transition-left {
  transform: translateX(0);
}
.rw-calendar-transition-exiting.rw-calendar-transition-top {
  transform: translateY(100%);
}
.rw-calendar-transition-exiting.rw-calendar-transition-bottom {
  transform: translateY(-100%);
}
.rw-calendar-transition-exiting.rw-calendar-transition-right {
  transform: translateX(100%);
}
.rw-calendar-transition-exiting.rw-calendar-transition-left {
  transform: translateX(-100%);
}
.rw-select-list {
  overflow: auto;
}
.rw-select-list .rw-list {
  max-height: none;
  font-size: 1em;
}
.rw-select-list-label {
  display: block;
  position: relative;
  font-weight: normal;
  cursor: inherit;
  padding-left: 20px;
  margin: 0;
}
.rw-rtl .rw-select-list-label {
  padding-left: 0;
  padding-right: 20px;
}
input.rw-select-list-input {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  top: 0.1em /9;
  margin: 0;
  line-height: normal;
  cursor: inherit;
}
.rw-rtl input.rw-select-list-input {
  left: auto;
  right: 0;
}
.rw-loading-mask {
  position: relative;
  min-height: 50px;
  border-radius: 4px;
}
.rw-loading-mask:after {
  content: '';
  background: url(https://static-staging.oncallhealth.ca/a1eccb6/static/react-widgets/loader-big-939c68e755cf14fab3471f41ba659ee2.gif) no-repeat center;
  position: absolute;
  background-color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.rw-multiselect {
  background-color: #fff;
  border-color: #e6e6e6;
  cursor: text;
}
.rw-multiselect .rw-input-reset {
  height: calc(2.429em - 2px);
  /** ie8 fallback **/
  margin-top: -2px\9;
  height: 2.429em\9;
  /** --- **/
  border-width: 0;
  width: auto;
  max-width: 100%;
  padding: 0 0.857em;
}
.rw-multiselect .rw-select,
.rw-multiselect .rw-select:hover,
.rw-multiselect .rw-select:active {
  box-shadow: none;
  background: none;
}
.rw-multiselect-taglist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
  outline: none;
}
.rw-multiselect-tag {
  display: inline-table;
  color: inherit;
  padding: 0 0.35em 0 0.35em;
  margin-left: calc(0.279335em - 1px);
  margin-top: 0.279335em;
  margin-top: calc(0.279335em - 1px);
  height: 1.87033em;
  border-radius: 3px;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  cursor: default;
  vertical-align: top;
  text-align: center;
  overflow: hidden;
  max-width: 100%;
}
.rw-multiselect-tag > * {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.rw-rtl .rw-multiselect-tag {
  margin-left: 0;
  margin-right: calc(0.279335em - 1px);
  padding: 0 0.35em 0 0.35em;
}
.rw-multiselect-tag.rw-state-focus,
.rw-multiselect-tag.rw-state-focus:hover {
  background-color: transparent;
  border-color: #66afe9;
  color: #333333;
}
.rw-multiselect-tag.rw-state-readonly,
.rw-multiselect-tag.rw-state-disabled,
.rw-state-readonly .rw-multiselect-tag,
.rw-state-disabled .rw-multiselect-tag {
  cursor: not-allowed;
}
.rw-multiselect-tag.rw-state-disabled,
.rw-state-disabled .rw-multiselect-tag,
fieldset[disabled] .rw-multiselect-tag {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
fieldset[disabled] .rw-multiselect-tag {
  box-shadow: none;
  cursor: not-allowed;
}
.rw-multiselect-tag-btn {
  color: inherit;
  margin-left: 0.25em;
}
.rw-rtl .rw-multiselect-tag-btn {
  margin-left: 0;
  margin-right: 0.25em;
}
.rw-autocomplete .rw-select {
  position: absolute;
  display: block;
  width: auto;
  top: 0;
  bottom: 0;
  right: 0;
}
.rw-popup-container {
  position: absolute;
  z-index: 1005;
  top: 100%;
  left: -6px;
  right: -6px;
}
.rw-popup-container.rw-dropup {
  top: auto;
  bottom: 100%;
}
.rw-state-focus .rw-popup-container {
  z-index: 1006;
}
.rw-popup-transition {
  width: 100%;
  margin-bottom: 6px;
  padding: 0 6px;
}
.rw-dropup > .rw-popup-transition {
  margin-bottom: 0;
  margin-top: 6px;
}
.rw-popup {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  border: #ccc 1px solid;
  background: #fff;
}
.rw-dropup .rw-popup {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.2);
}
.rw-popup-transition {
  transition: transform 200ms;
}
.rw-popup-transition-entering {
  overflow: hidden;
}
.rw-popup-transition-entering .rw-popup-transition {
  transform: translateY(0);
  transition-timing-function: ease-out;
}
.rw-popup-transition-exiting .rw-popup-transition {
  transition-timing-function: ease-in;
}
.rw-popup-transition-exiting,
.rw-popup-transition-exited {
  overflow: hidden;
}
.rw-popup-transition-exiting .rw-popup-transition,
.rw-popup-transition-exited .rw-popup-transition {
  transform: translateY(-100%);
}
.rw-popup-transition-exiting.rw-dropup .rw-popup-transition,
.rw-popup-transition-exited.rw-dropup .rw-popup-transition {
  transform: translateY(100%);
}
.rw-popup-transition-exited {
  display: none;
}
.rw-state-disabled {
  box-shadow: none;
  cursor: not-allowed;
}

/*!*****************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./main.scss ***!
  \*****************************************************************************************************************************************************************************/
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Ultralight.subset.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-UltralightItalic.subset.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Thin.subset.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-ThinItalic.subset.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Light.subset.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-LightItalic.subset.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Regular.subset.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-RegularItalic.subset.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Medium.subset.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-MediumItalic.subset.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Semibold.subset.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-SemiboldItalic.subset.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Bold.subset.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-BoldItalic.subset.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Heavy.subset.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-HeavyItalic.subset.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-Black.subset.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Text-BlackItalic.subset.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Ultralight.subset.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Thin.subset.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Light.subset.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Regular.subset.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Medium.subset.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Semibold.subset.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Bold.subset.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Heavy.subset.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Rounded";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Rounded-Black.subset.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Ultralight.subset.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-UltralightItalic.subset.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Thin.subset.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-ThinItalic.subset.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Light.subset.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-LightItalic.subset.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Regular.subset.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-RegularItalic.subset.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Medium.subset.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-MediumItalic.subset.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Semibold.subset.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-SemiboldItalic.subset.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Bold.subset.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-BoldItalic.subset.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Heavy.subset.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-HeavyItalic.subset.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-Black.subset.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("https://static.oncallhealth.ca/fonts/SF-Pro-Display-BlackItalic.subset.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}
.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.onboardingHero {
  font-size: 48px;
  line-height: 24px;
  font-weight: 600;
}

.mainHeader {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.secondaryHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

.secondaryHeaderSemibold {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.mediumHeader {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.largeHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}

.largeBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.largeBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

.tempLargeBody {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.tempLargeBodySemibold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.tempSmallHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.mediumBody {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}

.mediumBodySemibold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}

.smallBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallBodySemibold {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.tinyBody {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}

.tinyBodySemibold {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
}

.smallErrorMessage {
  color: #c71b16;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.smallSvg {
  width: 10px;
}

.smallButtonSvg {
  width: 10px;
  margin-left: 8px;
}

.accessPage {
  height: 100vh;
  display: flex;
  width: auto;
  overflow-y: auto;
  background-color: #fafbfc;
}
.accessPage .bannerWrapper {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 768px) {
  .accessPage .bannerWrapper {
    display: none;
  }
}
@media (max-height: 600px) {
  .accessPage .bannerWrapper {
    display: none;
  }
}
.accessPage .bannerWrapper > img {
  width: 100%;
}
.accessPage .credentialForm {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 388px;
}
.accessPage .loginForm {
  display: flex;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
  margin: auto;
  width: auto;
  height: auto;
  padding: 40px;
  position: relative;
  background-color: white;
  border-radius: 16px;
}
.accessPage .loginForm.loginPage {
  flex-flow: row wrap;
  justify-content: center;
  overflow-x: hidden;
}
.accessPage .loginForm > *:not(:last-child) {
  margin-bottom: 24px;
}
.accessPage .loginForm .usernameSection {
  margin-top: 52px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.accessPage .loginForm .usernameSection .usernameDisplay {
  font-size: 16px;
  font-weight: 16px;
  line-height: 24px;
}
.accessPage .loginForm .cancelBottomMargin {
  margin-bottom: 0;
}
.accessPage .loginForm > .loginFormMain,
.accessPage .loginForm > .loginWrapper {
  padding: 0px;
}
.accessPage .loginForm.passwordResetConfirm {
  min-width: 750px;
}
.accessPage .loginForm .loginFormMain {
  width: 388px;
}
@media (max-width: 768px) {
  .accessPage .loginForm .loginFormMain {
    margin-top: 48px;
    width: 100%;
  }
}
.accessPage .loginForm.unRegisteredPatient {
  min-width: 600px;
}
.accessPage .loginForm.unRegisteredPatient .loginFormMain {
  width: 518px;
}
.accessPage .loginForm .mfaFormMain {
  width: 525px;
}
@media (max-width: 768px) {
  .accessPage .loginForm .mfaFormMain {
    margin-top: 48px;
    width: 100%;
  }
}
.accessPage .loginForm .ssoHeader {
  font-size: 14pt;
  color: #727272;
}
.accessPage .loginForm a.ssoLogin {
  margin-bottom: 20px;
  display: block;
  position: relative;
  max-width: 700px;
  max-height: 125px;
}
.accessPage .loginForm a.ssoLogin > img {
  max-width: 700px;
  max-height: 125px;
  -o-object-fit: contain;
     object-fit: contain;
}
.accessPage .loginForm div.ssoDivider {
  margin-bottom: 15px;
  color: #2c4e69;
}
@media (max-width: 768px) {
  .accessPage .loginForm {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    box-shadow: none;
    width: 100%;
  }
}
@media (max-height: 600px) {
  .accessPage .loginForm {
    width: 100%;
    box-shadow: none;
  }
}
.accessPage .loginForm .passwordCriteria {
  position: relative;
  width: 35%;
  font-size: 9pt;
}
.accessPage .loginForm .alone {
  list-style: none;
  margin-left: -15px;
}
.accessPage .loginForm .detailContainer {
  border-left: 1px solid #ccc;
  border-radius: 1px;
  position: relative;
  margin-left: 20%;
  min-width: 200px;
}
.accessPage .loginForm .detailContainer #criteriaLabel {
  position: relative;
  right: 20px;
  font-size: 1.25em;
  margin-top: 0;
}
.accessPage .loginForm .detailContainer li {
  font-size: 2em;
  line-height: 0.8;
}
.accessPage .loginForm .detailContainer li span {
  font-size: 0.5em;
  position: relative;
  top: -2px;
}
.accessPage .loginForm .detailContainer li.valid {
  list-style-image: url("/images/svg/check-circle-regular.svg");
  color: green;
}
.accessPage .loginForm .detailContainer li.error {
  list-style-image: url("/images/svg/times-circle-regular.svg");
  color: #c71b16;
}
.accessPage .loginForm .detailContainer li.serverError {
  color: #c71b16;
  max-width: 1024px;
}
.accessPage .loginForm .detailContainer li.stale {
  color: #727272;
  list-style-image: url("/images/svg/circle-regular.svg");
}
.accessPage .loginForm .detailContainer li.serverError.stale {
  list-style-image: url("/images/svg/question-circle-regular.svg");
}
.accessPage .loginForm .logoWrapper {
  padding: 0;
  margin: 0;
}
@media (max-width: 768px) {
  .accessPage .loginForm .logoWrapper {
    position: relative;
    top: 30px;
  }
}
.accessPage .loginForm .logoWrapper > img {
  max-width: 200px;
  max-height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .accessPage .loginForm .logoWrapper > img {
    max-width: 120px;
  }
}
.accessPage .loginForm .appointmentTime {
  background: #e6ffd6;
  color: black;
  font-weight: 600;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0 14px 20px 14px;
}
.accessPage .loginForm .greeting {
  color: #000209;
  font-size: 24px;
  text-align: left;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 24px;
  max-width: 500px;
}
.accessPage .loginForm .greeting.login {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
}
@media (max-width: 768px) {
  .accessPage .loginForm .greeting {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
.accessPage .loginForm .loginWrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin: auto;
}
@media (max-width: 768px) {
  .accessPage .loginForm .loginWrapper {
    width: 100%;
  }
}
.accessPage .loginForm .loginWrapper#passwordResetComplete > .secondaryGreeting {
  font-weight: 300;
  line-height: 25px;
}
.accessPage .loginForm .loginWrapper #LoginInputsAndCriteria {
  display: flex;
  width: 100%;
}
.accessPage .loginForm .loginWrapper #LoginInputsAndCriteria #passwordDetails {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-40%);
}
.accessPage .loginForm .loginWrapper .serverAndClientPasswordErrors {
  padding-left: 0px;
  margin-left: 15px;
  border: 0px;
  font-size: 0.5em;
}
.accessPage .loginForm .loginWrapper .serverAndClientPasswordErrors li {
  margin-bottom: 10px;
}
.accessPage .loginForm .loginWrapper .serverErrorCriteriaHeader {
  margin-bottom: 10px;
}
.accessPage .loginForm .loginWrapper #loginInputFields {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}
.accessPage .loginForm .loginWrapper #loginInputFields #showPasswordImgToggle {
  position: absolute;
  width: 25px;
  right: 17px;
  top: 29px;
  opacity: 0.5;
}
.accessPage .loginForm .loginWrapper #loginInputFields #password {
  margin-bottom: 8px;
}
.accessPage .loginForm .loginWrapper .secondaryGreeting {
  font-size: 16px;
  margin: 10px 0 20px;
  color: black;
  font-weight: 500;
  padding: 0;
  width: 100%;
}
.accessPage .loginForm .loginWrapper .secondaryGreeting > .clickable {
  text-decoration: underline;
}
.accessPage .loginForm .loginWrapper .errors {
  color: #c71b16;
  font-weight: 500;
}
.accessPage .loginForm .loginWrapper .errors > li {
  list-style: none;
}
.accessPage .loginForm .loginWrapper .inputMargin {
  margin-bottom: 16px;
}
.accessPage .loginForm .loginWrapper input.loginInputField {
  border: 1px solid #ced4da;
  border-radius: 5px;
  background-color: transparent;
  width: 100%;
  color: #000209;
  font-size: 14px;
  height: 32px;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}
.accessPage .loginForm .loginWrapper input.loginInputField:hover {
  border-color: black;
}
.accessPage .loginForm .loginWrapper input.loginInputField.errorInput:invalid {
  border-color: #c71b16;
}
.accessPage .loginForm .loginWrapper input.loginInputField.errorInput:valid {
  border-color: #ced4da;
}
.accessPage .loginForm .loginWrapper input.loginInputField.invalidInput {
  border-color: #c71b16;
}
.accessPage .loginForm .loginWrapper input.loginInputField.disabled {
  border-color: #dedede;
  background-color: #f8f8f8;
}
.accessPage .loginForm .loginWrapper input.withErrorLabel.invalid {
  border-color: #c71b16;
  margin-bottom: 8px;
}
.accessPage .loginForm .loginWrapper p.errorLabel {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c71b16;
  margin-bottom: 24px;
}
.accessPage .loginForm .loginWrapper .labelHelpBlock {
  margin-bottom: 10px;
}
.accessPage .loginForm .loginWrapper .inputHelpBlock {
  margin-bottom: 20px;
}
.accessPage .loginForm .loginWrapper .inputHelpBlock.dateOfBirthHelp {
  margin-top: -16px;
  margin-bottom: 16px;
}
.accessPage .loginForm .loginWrapper .userLockoutError {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #c71b16;
  font-size: 16px;
  letter-spacing: -0.25px;
}
.accessPage .loginForm .loginWrapper .agreementDescription {
  float: left;
}
.accessPage .loginForm .loginWrapper .agreementDescription > a {
  text-decoration: underline;
}
.accessPage .loginForm .loginWrapper .submitButton {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  min-width: 68px;
  width: 100%;
  height: 32px;
  margin: 16px 0;
  float: left;
  padding: auto 20px;
  transition: ease-in-out 0.15s;
  border-radius: 4px;
}
.accessPage .loginForm .loginWrapper .submitButton.frenchSubmit {
  font-size: 14px;
}
@media (max-width: 768px) {
  .accessPage .loginForm .loginWrapper .submitButton {
    max-width: 100%;
  }
}
.accessPage .loginForm .loginWrapper .submitButton:hover {
  background-color: #1d3549;
}
.accessPage .loginForm .loginWrapper .mfaMessage {
  margin: 10px 0;
  font-size: 16px;
}
.accessPage .loginForm .loginWrapper .actionButtonsMFA {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accessPage .loginForm .loginWrapper .actionButtonsMFA button,
.accessPage .loginForm .loginWrapper .actionButtonsMFA a {
  max-width: 100%;
  padding: 0 10px;
}
.accessPage .loginForm .loginWrapper .actionButtonsMFA button {
  margin: 0;
}
.accessPage .loginForm .loginWrapper .actionButtonsMFA a {
  align-self: center;
}
.accessPage .backLink {
  color: #2c4e69;
  font-size: 20px;
}
.accessPage .verticalDivider {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 38px 32px 38px 78px;
  border-left: 1px solid #595959;
  width: 1px;
}
@media (max-width: 1206px) {
  .accessPage .verticalDivider {
    display: none;
  }
}
.accessPage .verticalDivider .centerText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 56px;
  line-height: 24px;
  font-weight: 600;
  background-color: white;
}
.accessPage .horizontalDivider {
  display: none;
  justify-content: center;
  align-items: center;
  margin: 32px 38px;
  border-top: 1px solid #595959;
  width: 100%;
  height: 1px;
}
@media (max-width: 1206px) {
  .accessPage .horizontalDivider {
    display: flex;
  }
}
.accessPage .horizontalDivider .centerText {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  width: 40px;
  background-color: white;
}
.accessPage .secureLoginLinks {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 468px;
  margin: 0px 40px;
}
.accessPage .secureLoginLinks.outer {
  margin: 0;
}
@media (max-width: 1206px) {
  .accessPage .secureLoginLinks {
    margin: 0;
  }
}
.accessPage .secureLoginLinks > *:not(:last-child, a, label, .errorInput) {
  margin-bottom: 24px;
}
.accessPage .secureLoginLinks a {
  margin-bottom: 8px;
}
.accessPage .secureLoginLinks #checkmarkAnimation {
  margin-bottom: 0px;
}
.accessPage .secureLoginLinks p {
  color: #000209;
  line-height: 24px;
}
.accessPage .secureLoginLinks label {
  margin-bottom: 5px;
}
.accessPage .secureLoginLinks .sllGreeting {
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 24px;
}
.accessPage .secureLoginLinks .sllButton {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f2f4f6;
  border-radius: 4px;
  border: 1px solid #2c4e69;
  color: #2c4e69;
  line-height: 24px;
  padding: 4px 16px 4px 16px;
  max-width: 250px;
}
.accessPage .secureLoginLinks .sllButton.disabled {
  background-color: #f8f8f8;
  border-color: #dedede;
  color: #595959;
}
.accessPage .secureLoginLinks .sllConfirmationBody {
  display: inline;
  margin-bottom: 0px;
}
.accessPage .secureLoginLinks .sllConfirmationBody > * {
  display: inline;
}
.accessPage .secureLoginLinks .sllConfirmationBody .sllInputEmail {
  font-weight: 600;
}
.accessPage .secureLoginLinks .sllBody.bolded {
  font-weight: 600;
}
.accessPage .secureLoginLinks .sllBody.small {
  color: #595959;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.accessPage .secureLoginLinks .emailSent {
  max-width: 80px;
  margin-bottom: 0px;
}
.accessPage .inputLabel {
  font-size: 14px;
  font-weight: 600;
  color: #000209;
  margin-bottom: 4px;
}
.accessPage .inputDescription {
  font-size: 12px;
  font-weight: 400;
  color: #595959;
}
.accessPage input {
  width: 388px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
}
@media (max-width: 1206px) {
  .accessPage input {
    width: 100%;
  }
}
.accessPage input::-moz-placeholder {
  color: #aaaaaa;
  font-size: 14px;
  font-weight: 400;
  opacity: 1;
}
.accessPage input::placeholder {
  color: #aaaaaa;
  font-size: 14px;
  font-weight: 400;
  opacity: 1;
}
.accessPage .externalLink {
  color: #2c4e69;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  text-decoration: underline;
}
.accessPage .externalLink.center {
  align-self: center;
}
.accessPage .externalLink:hover {
  text-decoration: underline;
}
.accessPage .errorBody {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c71b16;
}
.accessPage .errorInput {
  border: 1px solid #c71b16;
  margin-bottom: 8px;
}
.accessPage .hidden {
  display: none;
}

.secureLoginLinkPage {
  display: flex;
  height: 100vh;
  width: auto;
  justify-content: center;
  align-items: center;
}
.secureLoginLinkPage .bannerWrapper {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 768px) {
  .secureLoginLinkPage .bannerWrapper {
    display: none;
  }
}
@media (max-height: 600px) {
  .secureLoginLinkPage .bannerWrapper {
    display: none;
  }
}
.secureLoginLinkPage .bannerWrapper > img {
  width: 100%;
}
.secureLoginLinkPage .sllLinkWorkflowModal {
  display: flex;
  min-width: 522px;
  min-height: 300px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  padding: 40px;
  position: relative;
  background-color: white;
}
.secureLoginLinkPage .sllLinkWorkflowModal > *:not(:last-child) {
  margin-bottom: 24px;
}
.secureLoginLinkPage .sllLinkWorkflowModal .logoWrapper img {
  height: 30px;
  width: auto;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody > *:not(:last-child) {
  margin-bottom: 8px;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody h2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody .subBody {
  display: flex;
  flex-direction: column;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody .textWithEmail {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody .textWithEmail p {
  white-space: pre-wrap;
  margin-bottom: 0px;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowBody .email {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons .button {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  border: 1px solid;
  border-radius: 4px;
  width: 100%;
  height: 32px;
  text-align: center;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons .button.disabled {
  background-color: #f8f8f8;
  border-color: #dedede;
  color: #595959;
  width: calc(100% - 45px);
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons > * {
  margin-bottom: 16px;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons .primary {
  background-color: #2c4e69;
  color: #ffffff;
}
.secureLoginLinkPage .sllLinkWorkflowModal .sllLinkWorkflowButtons .inverted {
  background-color: #f2f4f6;
  color: #2c4e69;
}
.secureLoginLinkPage .sllLinkWorkflowModal .externalLink {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #2c4e69;
  text-decoration: underline;
}
.secureLoginLinkPage .sllLinkWorkflowModal .bolded {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.secureLoginLinkPage .sllLinkWorkflowModal #checkmarkAnimation {
  margin-bottom: 0px;
}

.buttonIcon {
  max-width: 20px;
  margin: 0px 10px;
}

.buttonWithTimerContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: inherit;
}
.buttonWithTimerContainer > .button {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 4px;
  border: 1px solid;
  border-radius: 4px;
  width: 100%;
  height: 32px;
  text-align: center;
}
.buttonWithTimerContainer > .button.disabled {
  background-color: #f8f8f8;
  border-color: #dedede;
  color: #595959;
  width: calc(100% - 45px);
}

.hidden {
  display: none;
}

#timeoutContainer {
  width: 20px;
  margin: 0 20px;
}

#timeoutContainer2,
#timeoutContainer3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 16px;
}

.termsAndPolicyPage {
  padding-bottom: 200px;
}
.termsAndPolicyPage .policyAccessPage {
  padding-top: 30px;
}
.termsAndPolicyPage strong {
  font-size: 18px;
}
.termsAndPolicyPage .staticAgreeFooter {
  background-color: #fff;
  bottom: 0px;
  padding: 10px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 2;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
}
.termsAndPolicyPage .staticAgreeFooter .button {
  border-radius: 25px;
  padding-left: 30px;
  padding-right: 30px;
}
.termsAndPolicyPage .staticAgreeFooter > p {
  color: #000209;
  font-style: italic;
}

.mobileDownloadPage {
  padding: 3px 16px 30px 16px;
  box-sizing: border-box;
  min-height: 100vh;
  align-items: center;
  background-color: #fafbfc;
  font-family: "SF Pro Text", sans-serif;
  font-style: normal;
  font-weight: normal;
}
.mobileDownloadPage .blurb {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  color: #595959;
}
.mobileDownloadPage .blurb.organizationName {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
}
.mobileDownloadPage .pageContent {
  max-width: 430px;
}
.mobileDownloadPage .adjustedMarginHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
  margin-bottom: 4px;
}
.mobileDownloadPage .paperContainer {
  gap: 0;
}
.mobileDownloadPage .paperContainerCardBody {
  position: relative;
  overflow: hidden;
  padding: 0px;
  margin-top: 16px;
}
.mobileDownloadPage .paperContainerCardBody .cardRow .cardLeft {
  flex: 3 1 0;
  height: 100%;
}
.mobileDownloadPage .paperContainerCardBody .cardRow .cardLeft .cardLeftContent {
  min-height: 202px;
  max-width: 248px;
  padding: 18px 0px 20px 16px;
}
.mobileDownloadPage .paperContainerCardBody .cardRow .cardLeft .cardLeftContent .downloadAppButtonContainer {
  flex: 1;
  justify-content: end;
}
.mobileDownloadPage .paperContainerCardBody .cardRow .cardLeft .cardLeftContent .downloadAppButtonContainer .downloadAppButtonImg {
  max-height: 48px;
}
.mobileDownloadPage .paperContainerCardBody .cardRow .cardRightGradientBackground {
  display: flex;
  flex: 2 1 0;
  justify-content: flex-end;
}
.mobileDownloadPage .cardCopyLinkFooter {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
  align-items: center;
  position: relative;
  height: 24px;
  padding: 12px 16px;
  border: 1px solid transparent;
  border-top-color: #dedede;
  border-radius: 0 0 12px 12px;
  gap: 8px;
  background-color: #f8f8f8;
  transition: border-color 0.2s, box-shadow 0.2s, border-radius 0.2s, border-width 0.2s, z-index 0.2s;
}
.mobileDownloadPage .cardCopyLinkFooterLink {
  flex: 1;
}
.mobileDownloadPage .cardCopyLinkFooterCopy {
  background: none;
  border: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: relative;
}
.mobileDownloadPage .cardCopyLinkFooterCopy:active {
  background: #dedede;
}
.mobileDownloadPage .cardCopyLinkFooterCopy .copyButton {
  justify-content: center;
}
.mobileDownloadPage .cardCopyLinkFooterCopy .copyButtonIcons {
  padding: 8px;
  font-size: 25px;
}
.mobileDownloadPage .cardCopyLinkFooterCopy .successIcon,
.mobileDownloadPage .cardCopyLinkFooterCopy .copyIcon {
  transition: opacity 1s;
  position: absolute;
  left: 0;
  top: 0;
}
.mobileDownloadPage .cardCopyLinkFooterCopy .copyIcon {
  opacity: 1;
  z-index: 1;
}
.mobileDownloadPage .cardCopyLinkFooterCopy .successIcon {
  opacity: 0;
  z-index: 2;
}
.mobileDownloadPage .cardCopyLinkFooterCopy.show-success .successIcon {
  opacity: 1;
}
.mobileDownloadPage .cardCopyLinkFooterCopy.show-success .copyIcon {
  opacity: 0;
}
.mobileDownloadPage .cardCopyLinkFooterCopy.fade-back .successIcon {
  opacity: 0;
}
.mobileDownloadPage .cardCopyLinkFooterCopy.fade-back .copyIcon {
  opacity: 1;
}
.mobileDownloadPage .paperContainerText {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
}
.mobileDownloadPage .cardCopyLinkFooterTooltip {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: absolute;
  right: 0;
  bottom: 100%;
  transform: translateY(-8px);
  color: #ffffff;
  padding: 12px 12px;
  border-radius: 6px;
  opacity: 0;
  transition: opacity 0.2s;
}
.mobileDownloadPage .cardCopyLinkFooterTooltip.tooltipVisible {
  opacity: 1;
}

.clickable {
  cursor: pointer;
}

.adaHide {
  left: 100% !important;
}

.hidden.hidden {
  width: 0;
  height: 0;
  border: 0;
  border: none;
  position: absolute;
  margin: 0;
  padding: 0;
  visibility: hidden;
}

.displayNone {
  display: none;
}

.noScroll {
  overflow: hidden;
}

.link {
  color: #2c4e69;
}
.link:hover {
  text-decoration: underline;
}

.underlinedLink {
  color: #2c4e69;
  text-decoration: underline;
}

body a:hover {
  text-decoration: none;
}

.iconButtonSize {
  width: 30px;
  height: 30px;
  cursor: pointer;
  filter: brightness(0.8);
}

body {
  font-family: "SF Pro Text", sans-serif;
  font-weight: 300;
  margin: 0px;
}

button.noButton {
  font: inherit;
  border: none;
  background-color: transparent;
  padding: 0;
  text-align: left;
}

ul.noList {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.noCaps.noCaps {
  text-transform: none;
}

.srOnly {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

button.noButton {
  font-size: inherit;
  font: inherit;
  border: none;
  background-color: transparent;
  padding: 0;
  text-align: left;
}

.doctorSelector,
.doctorSelect {
  margin-top: 10px;
  width: 100%;
}

.loadingIndicator {
  padding-top: 250px;
  padding-bottom: 50px;
  position: relative;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: -webkit-box;
}
.loadingIndicator.small {
  padding: 0;
}

.justifyCenter {
  justify-content: center;
}

.noPaper.noPaper {
  box-shadow: none;
  border-bottom: 1px solid #cbcbcb;
}

.app {
  margin: 0;
  padding: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.app > ._mainSlot {
  background-color: inherit;
  padding-left: 90px;
  padding-right: 90px;
}
@media (max-width: 768px) {
  .app > ._mainSlot {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.app > ._mainSlot > ._appContainer .appProvider {
  height: 100%;
}
.app > ._mainSlot > ._appContainer .appPatient {
  height: 100%;
}
.app > ._mainSlot > ._appContainer > ._scrollable {
  position: fixed;
  top: 64px;
  bottom: 0px;
  left: 0;
  right: 0;
  overflow: auto;
}
.app > ._mainSlot > ._appContainer > ._scrollable .appointmentQueryListing {
  margin: auto;
}
@media screen and (max-width: 1000px) {
  .app > ._mainSlot > ._appContainer > ._scrollable .appointmentQueryListing {
    margin-left: 90px;
    margin-right: 90px;
  }
}
.app > ._mainSlot > ._appContainer > ._scrollable .appointmentFilter ._filter {
  margin: auto;
}
@media screen and (max-width: 1000px) {
  .app > ._mainSlot > ._appContainer > ._scrollable .appointmentFilter ._filter {
    margin-left: 90px;
    margin-right: 90px;
  }
}
.app > ._mainSlot > ._appContainer > ._scrollable > ._requests {
  max-width: 800px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1000px) {
  .app > ._mainSlot > ._appContainer > ._scrollable > ._requests {
    margin-left: 90px;
    margin-right: 90px;
  }
}
.app.withBanner > ._mainSlot > ._appContainer > ._scrollable {
  top: 93px;
}
.app .topbar {
  background-color: white;
  height: 54px;
  width: 100%;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  border-bottom: 1px solid #cbcbcb;
  padding: 0 12px;
}
.app .topbar .navToggleRight {
  align-items: center;
}
.app .topbar .navToggleRight .historyTogglePreamble {
  margin-right: 12px;
}
.app .noAppointmentsMessage {
  color: #979797;
  font-size: 28px;
  line-height: 32px;
  padding: 60px 30px;
  text-align: center;
}

.container {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 768px) {
  .container {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.attachmentsDropDown {
  color: #949499;
}
ul.attachmentsDropDown {
  overflow: auto;
  max-height: 250px;
}

.attachmentsDropDown .downloadIcon {
  width: 30px;
  height: 30px;
  filter: brightness(0.8);
}
.attachmentsDropDown ._instructions {
  color: black;
  font-size: 15px;
  min-width: 210px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
}
.attachmentsDropDown .spinnerWrapper {
  text-align: center;
}
.attachmentsDropDown .dropdownAttachmentItem {
  max-width: 300px;
  justify-content: space-between;
}
.attachmentsDropDown .dropdownAttachmentItem .attachmentName {
  overflow: hidden;
  text-overflow: ellipsis;
}
.attachmentsDropDown .deleteButton {
  height: 100%;
  padding: 0 8px;
  margin: 0 0 0 12px;
  text-align: center;
  cursor: pointer;
  color: #dedede;
  filter: brightness(0.8);
}
.attachmentsDropDown .deleteButton:hover {
  color: #c42b2b;
}
.attachmentsDropDown.button.floatingActionButton {
  background-color: #ffffff;
}
.attachmentsDropDown.button.floatingActionButton:hover {
  background-color: #a0cfd8;
  background: #a0cfd8;
}
.attachmentsDropDown.button.floatingActionButton .attachmentCount {
  font-size: 15px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
}
.attachmentsDropDown.button.floatingActionButton img.downloadIcon {
  width: 100%;
  height: 100%;
}
.attachmentsDropDown.button.floatingActionButton .dropdown,
.attachmentsDropDown.button.floatingActionButton .dropup {
  float: left;
}

.attachmentModalButtonBase, .attachmentModalButton {
  float: right;
  width: 30px;
  height: 34px;
  background: transparent no-repeat 50% 50%;
  background-size: contain;
  border: none;
}
@media (max-width: 768px) {
  .attachmentModalButtonBase, .attachmentModalButton {
    height: 34px;
    margin-top: 2px;
    margin-right: 15px;
  }
}
.attachmentModalButtonBase:focus, .attachmentModalButton:focus {
  outline: none;
}

.attachmentModalButton {
  margin-right: 15px;
}

.formElement {
  color: #555;
}
.formElement input[type=text],
.formElement input[type=password],
.formElement input[type=email],
.formElement select,
.formElement textarea {
  background-color: inherit;
  border-radius: 0px;
  border-width: 0px;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
  color: #000209;
  font-size: 25px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}
@media (max-width: 768px) {
  .formElement input[type=text],
.formElement input[type=password],
.formElement input[type=email],
.formElement select,
.formElement textarea {
    font-size: 15px;
  }
}
.formElement input[type=text],
.formElement input[type=password],
.formElement input[type=email],
.formElement select {
  height: 50px;
}
@media (max-width: 768px) {
  .formElement input[type=text],
.formElement input[type=password],
.formElement input[type=email],
.formElement select {
    height: 40px;
  }
}
.formElement textarea {
  padding: 15px;
}

.has-error input[type=text],
.has-error select {
  border-width: 1px;
}

.button {
  border-width: 0px;
  cursor: pointer;
  cursor: hand;
  font-size: 25px;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}
@media (max-width: 768px) {
  .button {
    font-size: 25px;
    height: 50px;
  }
}
.button:focus {
  outline: 0;
}
.button.button1 {
  background-color: #2c4e69;
  color: #ffffff;
  transition: 0.3s;
}
.button.button1:hover {
  box-shadow: rgba(0, 0, 0, 0.16);
}
.button.button1:disabled {
  background-color: #949499;
}
.button.button2 {
  background-color: #80a9ac;
  color: #ffffff;
}
.button.button2:hover {
  background-color: #7fcecc;
}
.button.button2:disabled {
  background-color: #b8d6d5;
}
.button.stretchButton {
  height: 100%;
}
.button.-small {
  font-size: 18px;
  height: 36px;
}
.button.floatingActionButton {
  background-color: #2c4e69;
  width: 84px;
  height: 84px;
  border-radius: 100%;
  background: #2c4e69;
  border: none;
  outline: none;
  color: #fff;
  font-size: 50px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.23);
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  transition: 0.3s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 5;
}
.button.floatingActionButton:hover {
  background-color: #1d3549;
  background: #1d3549;
}
.button.clearButton {
  background-color: transparent;
  color: #949499;
}
.button.ratingStarButton {
  padding: 0px;
}
.button.topBarButton {
  background-color: transparent;
  color: #ffffff;
  padding-right: 10px;
  padding-left: 10px;
  text-decoration: underline;
}
.button.dottedButton {
  background-color: transparent;
  border-color: #2c4e69;
  border-style: dotted;
  border-width: 2px;
  text-align: center;
}
.button.dottedButton.primary {
  color: #dd4837;
}
.button.dottedButton.secondary {
  color: green;
}
.button.providerSummaryButton {
  color: #949499;
  font-size: 30px;
  padding: 0px;
}
@media (max-width: 768px) {
  .button.providerSummaryButton {
    font-size: 15px;
  }
}
.button.attachmentButton {
  text-align: center;
  width: 100%;
}
.button.attachmentButton img.loadingSpinner {
  height: 23px;
  margin-bottom: 5.5px;
  margin-top: 5.5px;
}
.button.attachmentButton input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.button.attachmentButton label {
  cursor: pointer;
  cursor: hand;
  display: inline-block;
  font-weight: inherit;
}
.button.attachmentButton label > .attachIcon {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 30px;
}
.button.attachmentButton.floatingAttachmentButton {
  display: inline-block;
  height: 84px;
  padding-left: 0px;
  padding-right: 0px;
  width: 84px;
}
.button.attachmentButton.floatingAttachmentButton img {
  float: left;
}
.button.attachmentButton.floatingAttachmentButton img.loadingSpinner {
  height: 100%;
  padding-bottom: 37px;
  padding-left: 30px;
  padding-top: 23px;
}
.button.attachmentButton.floatingAttachmentButton img.attachIcon {
  width: 84px;
  height: 84px;
}
.button.attachmentButton.floatingAttachmentButton .floatingActionButton {
  background-color: #ffffff;
}
.button.attachmentButton.floatingAttachmentButton .floatingActionButton:hover {
  background-color: #a0cfd8;
  background: #a0cfd8;
}
.button.attachmentButton ._attachButtonText {
  display: block;
  padding: 15px 10px;
}

.modal-content {
  border-radius: 0px;
  margin-top: 100px;
}

.callErrorModal {
  text-align: center;
}
.callErrorModal .button {
  text-align: center;
  width: 100%;
}
.callErrorModal .description {
  margin-top: 30px;
  font-size: 28px;
  color: #2c4e69;
}
.callErrorModal .dottedButton {
  border-left-width: 0px;
  border-right-width: 0px;
}
.callErrorModal .dottedButton.primary {
  font-size: 28px;
  height: auto;
  margin-top: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.callErrorModal .dottedButton.secondary {
  padding-top: 15px;
}

/** React-Widget style overrides **/
.rw-widget {
  border-radius: 0px;
}

.has-error.dateTimePicker .rw-widget {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

._flexColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._flexRow {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flexRow {
  display: flex;
  flex-direction: row;
}

.flexColumn {
  display: flex;
  flex-direction: column;
}

.privacyPolicyStatic .headerWrapper {
  display: flex;
  padding: 24px 0 24px 24px;
  align-items: center;
  border-bottom: 1px solid #dedede;
}
.privacyPolicyStatic .headerWrapper img {
  height: 36px;
}
.privacyPolicyStatic .headerWrapper .headerText {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
  padding-left: 12px;
  margin: 0;
}
.privacyPolicyStatic .policyContent {
  padding: 24px;
  background-color: #fafbfc;
  justify-content: center;
  display: flex;
}
.privacyPolicyStatic .policyContent .paper {
  padding: 48px 36px;
  background-color: white;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #dedede;
  border-radius: 12px;
  max-width: 1028px;
  min-width: 272px;
}
.privacyPolicyStatic .policyContent .paper .policyContentHeader {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.25px;
  padding-top: 24px;
}
.privacyPolicyStatic .policyContent .paper .policyContentFirstHeader {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.75px;
}
.privacyPolicyStatic .policyContent .paper p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.25px;
}