/* Copyright 2018-2024 Epic Systems Corporation */
/*#region GENERAL_STYLES */
.header:focus {
  outline: none;
}

.inlineIcon {
  width: 1rem;
  height: 1rem;
  position: relative;
  top: 0.15rem;
  margin-right: 0.25rem;
  fill: #555555;
}

.userInfoStep .messagedisplay:not(.messageWithSpaceReserved),
.departmentMapStep .messagedisplay:not(.messageWithSpaceReserved) {
  display: inline;
}

/*#endregion GENERAL_STYLES */
/*#region GENERAL_MOBILE_PROPERTIES */
@media only screen and (max-width: 768px) {
  .md_onmyway_index .title {
    display: none;
  }
  #content {
    overflow: visible;
  }
}
.mobile .stepcontainer .previousstep {
  display: none;
}

/*#endregion GENERAL_MOBILE_PROPERTIES */
/*#region RFV_STEP_STYLES */
.reasonforvisitstep .toggleExtraRfvs {
  margin-top: 0.5rem;
}

/*#endregion RFV_STEP_STYLES */
/*#region DEP_STEP_STYLES */
.departmentMapStep .search_input_field {
  width: 6.5rem;
  min-height: 2rem;
  min-width: 0;
  margin: 0;
}
.departmentMapStep .search_input_button {
  width: 2rem;
  background-image: url("../images/search_white.png");
  background-repeat: no-repeat;
  background-position: center;
}
.departmentMapStep .search_coordinates {
  position: relative;
  text-align: right;
  padding: 0.5rem;
}
.departmentMapStep .dropDownLabel {
  padding: 0.5rem 0;
}
.departmentMapStep .dropDownLabel:focus, .departmentMapStep .dropDownLabel:hover {
  text-decoration: none;
}
.departmentMapStep .dropDownLabel img {
  margin-left: 0.5rem;
}
.departmentMapStep .dropDownList {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 99%;
  width: 19rem;
  text-align: left;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-1rem);
  transition: all 0.3s;
}
.departmentMapStep .expanded .dropDownList {
  visibility: visible;
  transform: translateY(0%);
  opacity: 1;
}
@media print {
  .departmentMapStep .expanded .dropDownList {
    display: none;
  }
}
.departmentMapStep .dropDownListRow {
  padding: 0.5rem;
  line-height: 2rem;
  white-space: nowrap;
  font-size: 1.1rem;
}
.departmentMapStep .dropDownListRow .textButton {
  border: none;
  background: none;
}
.departmentMapStep .dropDownListRow .zipCodeRow {
  display: flex;
  flex-wrap: wrap;
}
.departmentMapStep .dropDownListRow .search_input_label {
  margin-right: 1rem;
}
.departmentMapStep .grid.compact {
  margin: 0;
}
.departmentMapStep .walkInForm .ghostInput {
  padding-top: 0.5rem;
}
.departmentMapStep #OnDemandVideoVisitOption a {
  text-decoration: inherit;
  color: inherit;
}
.departmentMapStep #OnDemandVideoVisitOption:hover {
  background: #ebf2f3;
}

/*#region DEP_STEP_STYLES_MOBILE */
.mobile .departmentMapStep .search_input_field {
  min-width: initial;
  height: 1rem;
}
.mobile .departmentMapStep .search_input_button {
  margin: 0;
  height: 2rem;
  width: 2rem;
}
.mobile .departmentMapStep .dropDownList.card.list {
  box-shadow: none;
  margin: 0;
}

/*#endregion DEP_STEP_STYLES_MOBILE */
/*#endregion DEP_STEP_STYLES */
.expandableChevron {
  margin-left: 0.5rem;
  transition: all 0.3s;
}
.expanded .expandableChevron {
  transform: rotate(-180deg);
}

#rfv {
  padding: 0.5rem;
}
#rfv .inlineIcon {
  margin-right: 0;
}

#rfvTitle {
  padding: 0 1rem 0 0;
}

.listHolder .listElementDetails .waitTimeString {
  margin-top: 0.25rem;
}
.listHolder .listElementDetails .detailsSection {
  margin-bottom: 1.75rem;
}
.listHolder .listElementDetails .detailsSection:not(.first):before {
  content: " ";
  border-bottom: thin solid #eaeaea;
  width: calc(100% + 2rem);
  margin-left: -1rem;
  margin-top: -0.7rem;
  position: absolute;
}
.listHolder .listElementDetails .onBorder {
  position: absolute;
  margin-top: -1.25rem;
  padding: 0 1rem;
  font-size: 1.1rem;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  width: auto;
  background-color: #ffffff;
}
.listHolder .listElementDetails .omwSlotsContainer .slot {
  width: calc(33.33333% - 12px);
  white-space: normal;
  font-weight: 400;
}
.listHolder .listElementDetails .omwSlotsContainer .header {
  padding-bottom: 0.25rem;
}
.listHolder .listElementDetails .walkInButton {
  width: 100%;
}
.listHolder .listElementDetails .buttoncontainer {
  padding-bottom: 1rem;
  padding: 0.5rem;
  position: absolute;
  margin-left: -1rem;
  margin-top: -2.1rem;
}
.listHolder .listElementDetails #timeToArrival {
  width: 100%;
}
.listHolder .listElementDetails .large.header {
  word-wrap: break-word;
}

.backToListIcon {
  background: url("../images/back_arrow.svg") left no-repeat;
  padding: 0 0 0 1.2rem;
  background-size: 1rem;
  background-position-y: center;
}

_:-ms-fullscreen,
:root .checkboxContainer label {
  margin-left: 0 !important;
}

/*#region GENERAL_SMALL_SCREEN */
@media only screen and (max-width: 768px) {
  .stepcontainer .departmentMapStep {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
  }
  .mobile h2.jqHidden {
    display: none;
  }
  body .sm-hide {
    display: none !important;
  }
  .departmentMapStep .search_coordinates {
    text-align: center;
  }
  .departmentMapStep .dropDownList {
    width: 100%;
    max-width: 19rem;
    left: 0;
  }
  .departmentMapStep .messageOverlay {
    display: inline-block;
    z-index: 1;
    position: absolute;
    top: 3.7rem;
    background-color: #ffffff;
    color: #363636;
    border-radius: 2rem;
    width: 95%;
    left: 50%;
    transform: translate(-50%, 0);
    padding-right: 2rem;
    padding-left: 1rem;
  }
  .departmentMapStep .messageOverlay .alert {
    color: #000000;
  }
  .departmentMapStep .messageOverlay .closeIcon {
    width: 1.2rem;
    height: 1.2rem;
  }
  .withBackButton {
    display: flex;
    align-items: center;
  }
  .backArrow {
    width: 3rem;
  }
  .backArrow > img {
    width: 25px;
    height: 25px;
    margin-left: 0.5rem;
  }
  .withBackButton #filterControls {
    border-left: 1px solid #dbdbdb;
  }
  #rfv {
    padding: 0.5rem 0.5rem 0;
  }
  #rfvTitle {
    font-size: 1.5rem;
  }
  .listElementDetails {
    box-shadow: 0px -3px 7px 0px gray;
  }
}
/*#endregion GENERAL_SMALL_SCREEN */
/*#region GENERAL_LARGE_SCREEN */
@media screen and (min-width: 769px) {
  .departmentMapStep .button.previousstep {
    margin-top: 2rem;
  }
  .mobile #filterControls,
  .embedded #filterControls {
    border-width: 1px;
    border-bottom-width: 0;
    border-style: solid;
  }
  .listElementDetails {
    box-shadow: 10px 0px 8px -8px gray;
  }
}
.mobile .departmentMapStep img {
  min-height: auto;
  min-height: initial;
  min-width: auto;
  min-width: initial;
}

/*#endregion GENERAL_LARGE_SCREEN */
/*#region USERINFO_STEP_STYLES */
.userInfoStep {
  container-type: inline-size;
  container-name: userinfostep;
  /*#region USERINFO_STEP_STYLES_LARGE_SCREEN */
  /*#endregion USERINFO_STEP_STYLES_LARGE_SCREEN */
  /*#region USERINFO_STEP_STYLES_SMALL_SCREEN */
  /*#endregion USERINFO_STEP_STYLES_SMALL_SCREEN */
  /*#region USERINFO_STEP_STYLES_VERY_SMALL_SCREEN */
  /*#endregion USERINFO_STEP_STYLES_VERY_SMALL_SCREEN */
}
.userInfoStep #legend {
  justify-content: flex-end;
  font-size: 1rem;
  max-width: 100%;
}
.userInfoStep .checkboxContainer {
  position: relative;
}
.userInfoStep .confirmation {
  height: 100%;
  padding: 1rem;
  border-right: 1px solid #dbdbdb;
}
.userInfoStep .confirmation .confirmationTitle {
  text-align: center;
}
.userInfoStep .confirmation .providerphoto img {
  max-width: 100%;
}
.userInfoStep .confirmation .apptDateTime,
.userInfoStep .confirmation .location {
  padding-left: 4.5rem;
}
.userInfoStep .confirmation .location {
  margin-top: 0.75rem;
}
.userInfoStep.grid {
  margin-left: 0;
}
.userInfoStep .stepHeader:focus {
  outline: none;
}
.userInfoStep form {
  padding: 0.6rem;
}
.userInfoStep form #login {
  margin-bottom: 1rem;
}
.userInfoStep form select,
.userInfoStep form input {
  width: 100%;
}
.userInfoStep form .loginBtnWrapper {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .userInfoStep form .loginBtnWrapper {
    margin-top: 0;
  }
}
.userInfoStep form .loginBtnWrapper .button {
  margin: 0;
  margin-right: 0.5rem;
}
.userInfoStep form .loginBtnWrapper .button:last-child {
  margin-right: 0;
}
.userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled) {
  background-color: #006068;
  color: #ffffff;
}
@media print {
  .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled) {
    border: 1px solid #767676;
    padding-top: calc(0.375rem - 1px);
    padding-bottom: calc(0.375rem - 1px);
  }
  .mobile .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled) {
    padding-top: calc(0.75rem - 1px);
    padding-bottom: calc(0.75rem - 1px);
  }
}
.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled) {
  border: 2px solid;
  border-color: #80b0b4;
  color: white;
  background-color: #001d1f;
}

.userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled):hover, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled):active {
  background-color: #005258;
}
.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled):hover, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled):active {
  background-color: #004b51;
  border-color: transparent;
}

.tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled):hover, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled):active, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled):focus {
  background-color: #005258;
}
.tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled):hover, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled):active, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled):focus {
  background-color: #004b51;
  border-color: transparent;
}

.userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled):where(a):focus, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled):where(a):hover {
  color: #ffffff;
}
.userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).nextstep, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinesave, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).positive {
  background-color: #006068;
  color: #ffffff;
}
@media print {
  .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).nextstep, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinesave, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).positive {
    border: 1px solid #767676;
    padding-top: calc(0.375rem - 1px);
    padding-bottom: calc(0.375rem - 1px);
  }
  .mobile .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).nextstep, .mobile .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow, .mobile .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinesave, .mobile .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).positive {
    padding-top: calc(0.75rem - 1px);
    padding-bottom: calc(0.75rem - 1px);
  }
}
.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).nextstep, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinesave, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).positive {
  border: 2px solid;
  border-color: #80b0b4;
  color: white;
  background-color: #001d1f;
}

.userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).nextstep:hover, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).nextstep:active, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:hover, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:active, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:hover, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:active, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).positive:hover, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).positive:active {
  background-color: #005258;
}
.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).nextstep:hover, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).nextstep:active, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:hover, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:active, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:hover, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:active, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).positive:hover, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).positive:active {
  background-color: #004b51;
  border-color: transparent;
}

.tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).nextstep:hover, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).nextstep:active, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).nextstep:focus, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:hover, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:active, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:focus, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:hover, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:active, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:focus, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).positive:hover, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).positive:active, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).positive:focus {
  background-color: #005258;
}
.tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).nextstep:hover, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).nextstep:active, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).nextstep:focus, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:hover, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:active, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:focus, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:hover, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:active, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:focus, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).positive:hover, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).positive:active, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).positive:focus {
  background-color: #004b51;
  border-color: transparent;
}

.userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).negative {
  background-color: #006068;
  color: #ffffff;
}
@media print {
  .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).negative {
    border: 1px solid #767676;
    padding-top: calc(0.375rem - 1px);
    padding-bottom: calc(0.375rem - 1px);
  }
  .mobile .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow, .mobile .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete, .mobile .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).negative {
    padding-top: calc(0.75rem - 1px);
    padding-bottom: calc(0.75rem - 1px);
  }
}
.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).negative {
  border: 2px solid;
  border-color: #80b0b4;
  color: white;
  background-color: #001d1f;
}

.userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:hover, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:active, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:hover, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:active, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).negative:hover, .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).negative:active {
  background-color: #005258;
}
.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:hover, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:active, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:hover, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:active, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).negative:hover, .darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).negative:active {
  background-color: #004b51;
  border-color: transparent;
}

.tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:hover, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:active, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:focus, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:hover, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:active, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:focus, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).negative:hover, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).negative:active, .tvmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).negative:focus {
  background-color: #005258;
}
.tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:hover, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:active, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:focus, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:hover, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:active, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:focus, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).negative:hover, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).negative:active, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled).negative:focus {
  background-color: #004b51;
  border-color: transparent;
}

.tvmode:not(.hideFocus) .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled):focus {
  outline: #006068 solid 4px;
  transform: scale(1.05);
  outline-color: #363636;
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled):focus {
    outline: #006068 solid 3px;
  }
}
.tvmode.darkmode:not(.hideFocus) .userInfoStep form .loginBtnWrapper .button:not([disabled], [aria-disabled=true], .disabled):focus {
  outline-color: #ffffff;
}

@media screen and (max-width: 768px) {
  .userInfoStep form .loginBtnWrapper .button {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .mobile .userInfoStep form .loginBtnWrapper .button {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .userInfoStep form .loginBtnWrapper .button.secondary[class], .userInfoStep form .loginBtnWrapper .button.subtle[class] {
    padding-top: calc(0.625rem - 1px);
    padding-bottom: calc(0.625rem - 1px);
  }
  .mobile .userInfoStep form .loginBtnWrapper .button.secondary[class], .mobile .userInfoStep form .loginBtnWrapper .button.subtle[class] {
    padding-top: calc(0.75rem - 1px);
    padding-bottom: calc(0.75rem - 1px);
  }
}
.userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled) {
  background-color: #ffffff;
  color: #006068;
  border: 1px solid currentColor;
  padding-top: calc(0.375rem - 1px);
  padding-bottom: calc(0.375rem - 1px);
}
.mobile .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled) {
  padding-top: calc(0.75rem - 1px);
  padding-bottom: calc(0.75rem - 1px);
}
.userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled):active {
  border-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  transform: none;
}
.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled) {
  border-color: #80b0b4;
  color: #80b0b4;
  background-color: rgba(0, 0, 0, 0.3);/* #FF000000 */;
}

.userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled):hover, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled):active {
  background-color: #e6eff0;
  color: #005258;
}
.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled):hover, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled):active {
  background-color: #001d1f;
  color: #80b0b4;
  border-color: transparent;
}

.tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled):hover, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled):active, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled):focus {
  background-color: #e6eff0;
  color: #005258;
}
.tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled):hover, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled):active, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled):focus {
  background-color: #001d1f;
  color: #80b0b4;
  border-color: transparent;
}

.userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled):where(a):focus, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled):where(a):hover {
  color: #ffffff;
}
.userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).nextstep, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinesave, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).positive {
  background-color: #ffffff;
  color: #006068;
  border: 1px solid currentColor;
  padding-top: calc(0.375rem - 1px);
  padding-bottom: calc(0.375rem - 1px);
}
.mobile .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).nextstep, .mobile .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow, .mobile .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinesave, .mobile .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).positive {
  padding-top: calc(0.75rem - 1px);
  padding-bottom: calc(0.75rem - 1px);
}
.userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).nextstep:active, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:active, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:active, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).positive:active {
  border-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  transform: none;
}
.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).nextstep, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinesave, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).positive {
  border-color: #80b0b4;
  color: #80b0b4;
  background-color: rgba(0, 0, 0, 0.3);/* #FF000000 */;
}

.userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).nextstep:hover, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).nextstep:active, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:hover, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:active, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:hover, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:active, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).positive:hover, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).positive:active {
  background-color: #e6eff0;
  color: #005258;
}
.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).nextstep:hover, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).nextstep:active, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:hover, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:active, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:hover, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:active, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).positive:hover, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).positive:active {
  background-color: #001d1f;
  color: #80b0b4;
  border-color: transparent;
}

.tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).nextstep:hover, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).nextstep:active, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).nextstep:focus, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:hover, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:active, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:focus, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:hover, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:active, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:focus, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).positive:hover, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).positive:active, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).positive:focus {
  background-color: #e6eff0;
  color: #005258;
}
.tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).nextstep:hover, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).nextstep:active, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).nextstep:focus, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:hover, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:active, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).completeworkflow:focus, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:hover, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:active, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinesave:focus, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).positive:hover, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).positive:active, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).positive:focus {
  background-color: #001d1f;
  color: #80b0b4;
  border-color: transparent;
}

.userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).negative {
  background-color: #ffffff;
  color: #006068;
  border: 1px solid currentColor;
  padding-top: calc(0.375rem - 1px);
  padding-bottom: calc(0.375rem - 1px);
}
.mobile .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow, .mobile .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete, .mobile .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).negative {
  padding-top: calc(0.75rem - 1px);
  padding-bottom: calc(0.75rem - 1px);
}
.userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:active, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:active, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).negative:active {
  border-color: transparent;
  box-shadow: inset 0 0 0 2px currentColor;
  transform: none;
}
.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).negative {
  border-color: #80b0b4;
  color: #80b0b4;
  background-color: rgba(0, 0, 0, 0.3);/* #FF000000 */;
}

.userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:hover, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:active, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:hover, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:active, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).negative:hover, .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).negative:active {
  background-color: #e6eff0;
  color: #005258;
}
.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:hover, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:active, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:hover, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:active, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).negative:hover, .darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).negative:active {
  background-color: #001d1f;
  color: #80b0b4;
  border-color: transparent;
}

.tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:hover, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:active, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:focus, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:hover, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:active, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:focus, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).negative:hover, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).negative:active, .tvmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).negative:focus {
  background-color: #e6eff0;
  color: #005258;
}
.tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:hover, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:active, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).cancelworkflow:focus, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:hover, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:active, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).inlinedelete:focus, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).negative:hover, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).negative:active, .tvmode.darkmode .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled).negative:focus {
  background-color: #001d1f;
  color: #80b0b4;
  border-color: transparent;
}

.tvmode:not(.hideFocus) .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled):focus {
  outline: #006068 solid 4px;
  transform: scale(1.05);
  outline-color: #363636;
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled):focus {
    outline: #006068 solid 3px;
  }
}
.tvmode.darkmode:not(.hideFocus) .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled):focus {
  outline-color: #ffffff;
}

@media screen and (max-width: 768px) {
  .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled)[class] {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .mobile .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled)[class] {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled)[class].secondary[class], .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled)[class].subtle[class] {
    padding-top: calc(0.625rem - 1px);
    padding-bottom: calc(0.625rem - 1px);
  }
  .mobile .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled)[class].secondary[class], .mobile .userInfoStep form .loginBtnWrapper .button ~ .button:not([disabled], [aria-disabled=true], .disabled)[class].subtle[class] {
    padding-top: calc(0.75rem - 1px);
    padding-bottom: calc(0.75rem - 1px);
  }
}
@media screen and (max-width: 768px) {
  .userInfoStep form .loginBtnWrapper {
    flex-direction: column;
  }
  .userInfoStep form .loginBtnWrapper .button {
    margin: 0.5rem 0 0;
    width: 100%;
  }
  .userInfoStep form .loginBtnWrapper .button:first-child {
    margin-top: 0;
  }
  .userInfoStep form .loginBtnWrapper .button ~ .button[class] {
    padding-top: calc(0.625rem - 1px);
    padding-bottom: calc(0.625rem - 1px);
  }
  .mobile .userInfoStep form .loginBtnWrapper .button ~ .button[class] {
    padding-top: calc(0.75rem - 1px);
    padding-bottom: calc(0.75rem - 1px);
  }
}
.userInfoStep form .formbuttons {
  display: flex;
  justify-content: flex-end;
}
.userInfoStep form .button {
  padding: 0.5rem 2rem;
}
.userInfoStep form .captchaContainer {
  width: 17.7rem;
}
.userInfoStep form .captchaContainer.required::before {
  position: absolute;
}
.mobile .userInfoStep form .formbuttons input.button {
  width: 100%;
  margin: 0.5rem 0 0.25rem;
}
.userInfoStep .apptDetails {
  border-right: none;
  padding: 0;
}
.userInfoStep fieldset {
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .userInfoStep .grid .row.nameRow .col-4 {
    margin-bottom: 0;
  }
  .mobile .userInfoStep .checkboxContainer {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .isPrelogin .userInfoStep #legend {
    position: relative;
    left: -0.5rem;
  }
  .userInfoStep .confirmation {
    padding-top: 0;
    border-right: none;
    border-bottom: 1px solid #dbdbdb;
  }
  .userInfoStep .confirmation .apptDateTime,
  .userInfoStep .confirmation .location {
    padding-left: 3.75rem;
  }
  html:not(.mobile) .userInfoStep form .messagedisplay.fullwidth, html:not(.mobile) .userInfoStep form .messagedisplay:not(.fullwidth) {
    position: static;
    width: 100%;
  }
}
@media screen and (max-width: 390px) {
  .userInfoStep form .captchaContainer {
    transform: scale(0.8, 0.8);
    transform-origin: 0 center;
  }
}

@container userinfostep (width < 45rem) {
  .userInfoStep.grid .row [class*=col-] {
    width: 100%;
  }
  .userInfoStep.grid .row .confirmation.confirmationstep {
    border-right: none;
    border-bottom: 1px solid #dbdbdb;
  }
}
/*#endregion USERINFO_STEP_STYLES */
/*#region CONFIRMATION_STEP_STYLES */
.confirmationstep .confirmationTitle {
  text-align: center;
}
.confirmationstep img.providerphoto {
  display: block;
}

.stepcontainer .newSection {
  margin-top: 0.2rem;
}

.section .content .waitTime,
.section .content .waitTime .inlinelabel {
  font-size: 0.8rem;
}

.disclaimer {
  margin-top: 0.5rem;
}

/*#endregion CONFIRMATION_STEP_STYLES */
/*#region EMBEDDED_WIDGET_STYLES */
.embedded {
  overflow: auto;
}
.embedded .header.provider {
  text-align: center;
}
.embedded .card {
  border-width: 1px;
  border-style: solid;
}

/*#endregion EMBEDDED_WIDGET_STYLES */
/*#region DATA_TILES */
@media only screen and (max-width: 768px) {
  .datatile[class] #main.mapActive {
    padding: 0;
  }
  .datatile[class] #main.mapActive .content {
    margin: 0;
  }
  .datatile .departmentMapStep {
    min-height: 500px;
    position: static;
  }
  .datatile .departmentMapStep .flexParent .listElementDetails {
    position: relative;
  }
  .datatile .departmentMapStep .mapHolder[class], .datatile .departmentMapStep .listHolder[class] {
    flex-basis: auto;
  }
  .datatile .departmentMapStep .mapHolder {
    min-height: 16rem;
  }
}
/*#endregion DATA_TILES */