/* Copyright 2018-2024 Epic Systems Corporation */
.mobile .isPrelogin:not(.loginPage) #main > .logo {
  display: none;
}

.mobile .isPrelogin #main {
  padding-bottom: 0;
  width: 100%;
}

.mobile .loginPage #main {
  min-height: auto;
}

.mobile #main .title {
  height: auto;
  padding: 0;
}
.mobile #main .title h1 {
  padding: 0.5rem 0;
  white-space: normal;
}

.mobile .isPrelogin #sidebar {
  display: none;
  width: auto;
  padding: 0 1.25rem 1rem;
}

.mobile fieldset {
  padding: 0;
}

.mobile #localeswitch {
  display: none;
}

.mobile body.instantactivation #localeswitch {
  display: block;
  z-index: 0;
}
.mobile body.instantactivation #localeswitch img {
  min-width: 0px;
  min-height: 0px;
}
.mobile body.instantactivation #localeswitch .dropdown #morelocales {
  width: 100%;
}

.mobile .formsection label + .helptext,
.mobile .formsection legend + .helptext {
  margin: 0.25rem 0;
}
.mobile .formsection input + .helptext:not(:empty) {
  padding: 0.2rem 0 0;
  margin-bottom: 0.75rem;
}
.mobile .formsection.halfwidth:first-child + .formsection.halfwidth, .mobile .formsection {
  margin: 1rem 0;
}

.mobile #scheduling-workflow .stickybanner {
  margin: 0;
}

.mobile .accessPage .button.cancelworkflow,
.mobile .termsPage .button.cancelworkflow,
.mobile .secondaryValidation .button.cancelworkflow,
.mobile .hintPage .button.cancelworkflow,
.mobile .recoveryPage .button.cancelworkflow {
  display: none;
}

.mobile .recoveryPage .formcontents,
.mobile .resetPage .formcontents {
  margin: 1.5rem 0 0;
}

.mobile .recoveryPage #sidebar,
.mobile .resetPage #sidebar {
  display: inline-block;
}

.mobile p.separator {
  background: #efefef none repeat scroll 0 0;
  border: none;
  color: #141414;
  display: block;
  font-size: 1em;
  font-weight: normal;
  margin: 0 0 1rem -5%;
  padding: 1rem 5% 0.5rem;
  width: 110%;
}
.mobile p.separator:empty {
  padding-top: 0;
}

.mobile .loginPage .features li {
  display: block;
  padding: 0.25rem 0 0.5rem 4.5rem;
  width: 100%;
}
.mobile .loginPage .features li:before {
  margin-left: -4.5rem;
}

.mobile .loginAlerts {
  margin: 0;
  min-height: 0;
}
.mobile .loginAlerts .errorMessage {
  position: static;
}

.mobile .isPrelogin.loginPage #sidebar {
  display: block;
  padding: 0 1.25rem 0.5rem;
  width: 100%;
}

.mobile .md_login_communitytandc #sidebar {
  display: none;
}

.mobile .accessPage #sidebar {
  display: block;
  padding: 0 1.25rem;
  width: 100%;
  margin-bottom: 1rem;
}

.mobile .segment5 {
  width: 5rem;
}

.mobile .isPrelogin .pretext + form[action*="accesscheck.asp"] {
  margin-top: 1.5rem;
}

.mobile .accessPage .formsection label + .helptext,
.mobile .signupPage .formsection label + .helptext,
.mobile .notificationPage .formsection label + .helptext {
  display: none;
}

.mobile .signupPage select {
  margin-bottom: 1rem;
}

.mobile .signupPage select #pwdQuestion {
  margin-bottom: 1rem;
}

.mobile .accesscheck.clipboard #wrap {
  margin-top: 0;
}

.mobile #SelfSignupDiv {
  margin-top: -0.5rem;
  margin-bottom: 2rem;
}

.mobile #SelfSignupButton {
  background-color: transparent;
  color: #191919;
  box-shadow: none;
  display: inline;
  padding: 0 0.5rem;
  font-size: 1rem;
}
.mobile #SelfSignupButton:hover {
  text-decoration: underline;
}
.mobile #SelfSignupButton:active {
  box-shadow: inset 0 0 0 2px currentColor;
  transform: none;
  background-color: rgba(25, 25, 25, 0.1);
}
.mobile.darkmode #SelfSignupButton {
  color: #8c8c8c;
  background-color: rgba(0, 0, 0, 0.3);/* #FF000000 */;
}

.mobile .onlineSignupContainer .helptext {
  margin: 0.5rem 0;
}
.mobile .onlineSignupContainer .formcolumn.double {
  width: 100%;
}
.mobile .onlineSignupContainer #Street {
  padding: 0.5em 0.25em;
}

.mobile #popupMRN {
  display: inline-block;
  margin-top: 1.5rem;
}

.mobile #popup_popupparentdiv_popupMRN {
  max-width: 75vw !important;
}

.mobile .thirdparty {
  width: initial;
  position: relative;
}

.mobile #lightbox .errorTitle {
  line-height: normal;
}

.mobile .lb_content.error {
  left: 50%;
  width: 85vw;
  margin-left: -42.5vw;
  margin-top: -50px;
}

.mobile .thirdparty .questionContainer > * {
  min-height: initial;
}

.mobile .termsPage .terms {
  height: auto;
  padding-bottom: 4rem;
  margin-top: 0rem;
}
.mobile .termsPage .title,
.mobile .termsPage .copyright,
.mobile .termsPage p.buttoncheck,
.mobile .termsPage .bold.center.formsection {
  display: none;
}

@media screen and (max-width: 320px) {
  .mobile #CAPTCHA {
    transform: scale(0.92);
    transform-origin: top left;
  }
}
.mobile .secondaryValidation #captchaForm .formcontents {
  margin-top: 0;
}
.mobile .secondaryValidation #captchaForm .formsection {
  margin: 1rem 0 0;
}
.mobile .secondaryValidation p:last-of-type {
  margin-bottom: 1rem;
}
.mobile .secondaryValidation p:empty {
  display: none;
}

.mobile .secondaryValidation input#twofactorcode {
  display: block;
  margin: 1rem auto 0.5rem auto;
  width: 160px;
  font-size: 1.5rem;
  text-align: center;
}
.mobile .secondaryValidation #twofactorcodealert {
  margin-bottom: 2rem;
}
.mobile .secondaryValidation .Popup .titlebar .buttons a.cancelworkflow {
  display: none;
}
.mobile .secondaryValidation .twofactor span {
  display: inherit;
}
.mobile .secondaryValidation .twofactor {
  text-align: center;
}
.mobile .secondaryValidation .button.completeworkflow {
  margin: 0 0 2rem 0;
}

.mobile .hintPage .button.completeworkflow,
.mobile .recoveryPage .button.otherbutton {
  display: none;
}

.mobile .md_guestpay_payasguest h2.header {
  text-indent: -1.4rem;
  padding-left: 1.4rem;
  line-height: initial;
}
.mobile .md_guestpay_payasguest .Step {
  margin-bottom: 1rem;
}
.mobile .md_guestpay_payasguest .ErrorBanner {
  margin: 0;
  font-size: inherit;
}
.mobile .md_guestpay_payasguest .LookupInfo,
.mobile .md_guestpay_payasguest .GuarantorInfo,
.mobile .md_guestpay_payasguest .stepExplanation {
  margin-left: 0;
}
.mobile .md_guestpay_payasguest .LookupInfo .formcolumn {
  margin-bottom: 1rem;
}
.mobile .md_guestpay_payasguest .AccountIDInput,
.mobile .md_guestpay_payasguest #divChooseAccount .cardlist {
  width: 100%;
}
.mobile .md_guestpay_payasguest .AmountInputBox.paymentInput {
  margin-top: 0;
  min-width: 50%;
  width: 180px;
}
.mobile .md_guestpay_payasguest .helptext.required {
  display: inline-block;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.mobile .md_guestpay_payasguest #ExpirationSeparator {
  line-height: initial;
  position: relative;
  top: 2rem;
}
.mobile .md_guestpay_payasguest #imgCheckExample {
  max-width: 100%;
}
.mobile .md_guestpay_payasguest #AddressEntryFields input,
.mobile .md_guestpay_payasguest #AddressEntryFields select {
  width: auto;
  max-width: 100%;
}
.mobile .md_guestpay_payasguest #AccountValidationDiv {
  width: auto;
}
.mobile .md_guestpay_payasguest #VerificationContent {
  margin-left: initial;
}
.mobile .md_guestpay_payasguest .PaymentAmountVerify {
  line-height: initial;
}
.mobile .md_guestpay_payasguest #verifyBillingInfo,
.mobile .md_guestpay_payasguest #verifyAccountInfo {
  margin-top: 2rem;
}

.mobile .md_guestpay_showresults #sidebar {
  display: block;
}

.mobile .confirm-paymentMethodFields {
  padding-left: 1rem;
}

.mobile .ess-is-hidden-mobile {
  display: none !important;
}

.mobile .md_shopperestimates_getestimateservices #essSearchTab {
  display: none !important;
}

.mobile .essFlexContainer {
  display: block;
}

.mobile .essInnerCard {
  width: 100%;
  margin-left: 0;
}

.mobile .md_guestestimates_getestimatedetails .essLocationCard {
  overflow: auto;
}
.mobile .md_guestestimates_getestimatedetails .essLocationCard .essSlideshowCardPicture {
  float: left;
  display: inline-block;
  height: 6rem;
  width: 8rem;
  margin-right: 0.7rem;
  border-radius: 0 0 1rem 0;
}
.mobile .md_guestestimates_getestimatedetails .essLocationCard .essCardTitle {
  font-size: 1.4rem;
  line-height: normal;
  display: block;
  margin-top: 0.5rem;
}
.mobile .md_guestestimates_getestimatedetails .essLocationCard p:last-of-type:not(.subtle) {
  clear: both;
}

.mobile .md_guestestimates_selectinsurance .btnGoToInsCatsContainer {
  padding-top: 1.1rem;
}

.mobile .md_guestestimates_getestimatedetails .essInnerCard {
  padding: 0 0 0.5rem 0;
}
.mobile .md_guestestimates_getestimatedetails .essLocationCard,
.mobile .md_guestestimates_getestimatedetails .essProviderCard {
  min-height: 0 !important;
}
.mobile .md_guestestimates_getestimatedetails .essLocationCard {
  overflow: auto;
}
.mobile .md_guestestimates_getestimatedetails .essLocationCard .essSlideshowCardPicture {
  float: left;
  display: inline-block;
  height: 6rem;
  width: 8rem;
  margin-right: 0.7rem;
  border-radius: 0 0 1rem 0;
}
.mobile .md_guestestimates_getestimatedetails .essLocationCard .essCardTitle {
  font-size: 1.4rem;
  line-height: normal;
  display: block;
  margin-top: 0.5rem;
}
.mobile .md_guestestimates_getestimatedetails .essLocationCard p:last-of-type:not(.subtle) {
  clear: both;
}
.mobile .md_guestestimates_getestimatedetails .essInnerCard input[type=text] {
  width: 70%;
  min-width: 70%;
}

.mobile .instactconfirmation {
  font-size-adjust: none;
  height: auto;
  margin-top: 6.25rem;
}

.mobile .instantactivation #wrap {
  padding: 1em;
  max-width: 25rem;
  border: none;
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.15rem 0.05rem rgba(0, 0, 0, 0.2);
  margin-top: 1rem;
  overflow: visible;
}

.mobile .instactconfirmation #wrap {
  text-align: center;
  width: 90%;
  max-width: 25rem;
}
.mobile .instactconfirmation #wrap #confirmationbox {
  text-align: center;
  font-size: 1.2rem;
  min-width: 2rem;
  color: #363636;
  max-width: 25rem;
  min-height: 0px;
  border: none;
  padding: 0 0.5rem 0 0.5rem;
  line-height: 1.6rem;
}
.mobile .instactconfirmation #wrap #successText {
  color: #0f784a;
  font-size: 1.6rem;
}
.mobile .instactconfirmation #wrap #successImg {
  width: 2.25rem;
  height: 2.25rem;
  margin-bottom: 0.25rem;
  vertical-align: middle;
}
.mobile .instactconfirmation #wrap #signedUp {
  margin-bottom: 1.6rem;
}

.mobile[data-ua=iOS] div#defaultForm {
  background-color: #ffffff;
  padding: 2% 2% 2% 2%;
  min-width: 2em;
  max-width: 100%;
  width: 100%;
  min-height: 0px;
  border: none;
  border-radius: 0px;
  margin-top: 2rem;
  box-shadow: 0 0.1rem 0.15rem 0.05rem rgba(0, 0, 0, 0.2);
}

.mobile .instantactivation #defaultForm .legacyLabelledField {
  width: 100%;
}
.mobile .instantactivation #defaultForm input[type=text],
.mobile .instantactivation #defaultForm input[type=password],
.mobile .instantactivation #defaultForm input[type=input],
.mobile .instantactivation #defaultForm input[type=email],
.mobile .instantactivation #defaultForm input[type=tel],
.mobile .instantactivation #defaultForm select {
  text-align: center;
}

.mobile .instantactivation #accessErrorMessage span.alert {
  text-align: center;
  color: #d80000;
  width: 100%;
  font-size: 0.875rem;
  font-weight: normal;
  margin-top: 1rem;
}
.mobile .instantactivation .signUpFieldError {
  color: #d80000;
  width: 100%;
  font-size: 0.875rem;
  font-weight: normal;
}
.mobile .instantactivation #signupForm > div.item div.accessibleLabel.hint.alignUnderField,
.mobile .instantactivation #signupForm > div.accessibleLabel.hint.alignUnderField {
  width: 100%;
  font-size: 0.875rem;
  font-weight: normal;
}

.mobile .instactconfirmation #wrap img {
  width: 45%;
  max-width: 15.25rem;
}

.mobile #passwordFieldDiv #PasswordText {
  padding-top: 1.2rem;
  margin-top: -1.2rem;
}
.mobile #passwordFieldDiv #showPwd {
  font-size: 0.8rem;
  border: 0;
  background: transparent;
  color: #565656;
  z-index: 1;
  font-weight: bold;
  margin-left: auto;
  margin-top: -2.1rem;
  padding: 0 0.8rem;
  display: block;
}

.mobile #loginDiv,
.mobile #passwordDiv,
.mobile #verificationItemsDiv,
.mobile #secResponsesDiv {
  margin-top: 1rem;
}

.mobile #defaultForm .segment5,
.mobile #defaultForm .segment4,
.mobile #defaultForm .segment3,
.mobile #defaultForm .segment2,
.mobile #defaultForm .segment1,
.mobile #defaultForm #mrn,
.mobile #defaultForm #zip,
.mobile #defaultForm #hphn {
  float: none;
  display: inline-block;
}
.mobile #defaultForm span.separator {
  display: inline-block;
  vertical-align: top;
  padding: 1rem 0.2rem;
}
.mobile #defaultForm fieldset.accessibleLabel {
  text-align: center;
}
.mobile #defaultForm .accessibleLabel.hint.short {
  text-align: center;
  margin: 0 auto;
}
.mobile #defaultForm .accessibleLabel {
  left: 0px;
}

.instantactivation input::-ms-clear, input::-ms-reveal {
  display: none;
}

.instantactivation .alert .card img {
  display: none;
}

.instantactivation #signuperror.alert .card {
  color: #d80000;
  box-shadow: none;
  background-color: transparent;
}

.instantactivation #TandCText {
  color: #191919;
  font-size: 0.9rem;
  background: #eaeaea;
  padding: 0.5rem;
  border: 1px solid #cccccc;
  width: 20rem;
  max-width: 95%;
  position: absolute;
  z-index: 2;
  text-align: left;
  left: calc(50% - 10rem);
  box-shadow: 0.15rem 0.15rem 0.15rem 0rem rgba(0, 0, 0, 0.2);
  overflow: auto;
  height: 20rem;
  z-index: 6;
}

.instantactivation #passwordFieldDiv .label {
  display: inline !important;
}
.instantactivation #passwordFieldDiv #pwdButtonImg {
  vertical-align: middle;
}

#pwdGuidelines ul {
  list-style-type: disc;
  padding-left: 1rem;
}

.tnc-close-icon {
  background-color: #363636;
  height: 1.5rem;
  width: 1.5rem;
  float: right;
  cursor: pointer;
  color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 1rem;
  background-image: url("../images/close_popup.png");
  background-size: 55%;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  line-height: 1.25rem;
  padding: 11px 3px;
  z-index: 7;
  position: absolute;
}

.instantactivation #instactsignup, .instantactivation #noActionButton {
  width: 100%;
}
.mobile .instantactivation #instactsignup + .spinningLoadWheel, .mobile .instantactivation #noActionButton + .spinningLoadWheel {
  display: block;
  margin: -2.6rem auto 0.625rem;
}

.mobile #OAuthAccessForm {
  padding: 0;
}
.mobile #OAuthAccessForm ul.col-2 li {
  width: 100%;
}
.mobile #OAuthAccessForm #IconPane {
  display: block;
  margin: 0 auto;
}
.mobile #OAuthAccessForm #FormBody {
  width: 100%;
}

.mobile .confirm-paymentMethodFields {
  padding-left: 1rem;
}