@charset "UTF-8";
/* READ ME: If you want to create CSS that works differently when applied
            to iOS versus Android embedded, mobile-optimized pages, you may
            begin your selectors as follows:

                html.mobile[data-ua='PLATFORM']

            Replacing PLATFORM with one of the following four case-senstive values:
                • iOS
                • android
                • othermobile
                • nonmobile

            So changing a button background color on iOS mobile embedded pages might look like this:

                html.mobile[data-ua='iOS'] .button {
                    background-color: red; 
                }
*/
.loginpage div.login .recovery {
  top: 0 !important;
  font-size: 1.25em;
  position: relative;
  margin: 0;
}

/* start #089410-151880-CSS -- Apple Health SignUp Link Title; */
.loginpage div.formcontents {
  position: relative;
  display: block;
  top: 0;
}

.loginpage div .preloginTHRlogo img {
  margin-top: 25px;
}

.loginpage div#sidebar {
  position: relative;
}

@media only screen and (max-width: 700px) {
  .md_default div.loginAlerts {
    margin-top: 0;
    position: relative;
    z-index: -100;
  }
}
.mobile .loginAlerts .errorMessage {
  position: relative;
  top: 125px;
}

.loginpage div.login .recovery {
  top: 0 !important;
  font-size: 1.25em;
  position: relative;
  margin: 0;
  width: 100% !important;
}

.loginpage div.AppleHealthSignUpLinkTitle {
  display: block;
}

.loginpage div.AppleHealthSignUpLinkTitle {
  font-size: 1.5em;
  color: black;
}

.loginpage div.AppleHealthSignUpLink {
  display: block;
}

.loginpage div.AppleHealthSignUpLink a {
  box-shadow: none;
  border: none;
  border-radius: 0.25em;
  width: 100%;
  background-color: #003798;
  color: white;
  margin: 50px 0;
  padding: 10px 50px;
  font-size: 1.5em;
}

.mobile .isPrelogin.loginPage #sidebar {
  top: 35px;
}

/* end #089410-151880-CSS */
/* start #955029-471744-CSS -- VisitPay Billing Summary header link; */
.md_summary_index .VisitPayBillingSummaryHeader {
  background-color: #FFFFFF;
  box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.2);
  padding: 1%;
  margin: 0 0 1% 0;
}

.md_summary_index .VisitPayBillingSummaryHeader span {
  padding: 0% 2% 0% 1%;
  font-size: 1.75em;
  color: black;
}

.md_summary_index .VisitPayBillingSummaryHeader img {
  float: left;
}

.md_summary_index div.VPHover:hover {
  text-decoration: none;
}

.md_summary_index .VisitPayBillingSummaryHeader span.VPS1 {
  font-size: 14pt;
  font-weight: bold;
  padding: 0;
}

.md_summary_index .VisitPayBillingSummaryHeader span.VPS2 {
  font-size: 0.8rem;
  line-height: 1rem;
  color: #767676;
  padding: 0.5%;
}

.md_summary_index .VisitPayBillingSummaryHeader span.VPS3 {
  font-size: 1rem;
  color: black;
  display: block;
}

.md_summary_index .VisitPayBillingSummaryHeader span.VPS3 a {
  margin: 0 0 0% 2%;
}

.md_summary_index .visitpaysidebardescimage {
  float: left;
}

.md_summary_index .visitPayHeaderDescRight {
  float: right;
  font-size: small !important;
  width: 50%;
}

/* end #955029-471744-CSS */
/* start #045650-563697-CSS -- Removes large white space on mobile=1 signup page created by the custom header div; */
.md_standalone_signup .signUpHeaderNavBar {
  display: none;
}

/* end #045650-563697-CSS */
/* start #258106-688007-CSS -- Fixes size of warning icon on mobile sign up page; */
.md_standalone_signup img#CallForHelpPicture {
  float: left;
  padding-right: inherit;
  height: 75px;
}

/* end #258106-688007-CSS */
/* start #806932-137046-CSS -- Fixes header-visible-under-wrap issue as well as unable-to-scroll-to-submit-button in workflow on sign up page in mobile app .signupPage; */
.md_passwordreset_index #content,
.md_secondaryvalidation_index #content,
.recoveryPage #content,
.secondaryValidation #content,
.resetPage #content,
.md_standalone_signup #content,
.accessPage #content {
  top: 0px;
}

.md_passwordreset_index #preloginTHRBanner,
.md_secondaryvalidation_index #preloginTHRBanner,
.recoveryPage #preloginTHRBanner,
.secondaryValidation #preloginTHRBanner,
.resetPage #preloginTHRBanner,
.md_standalone_signup #preloginTHRBanner,
.accessPage #preloginTHRBanner {
  display: none;
}

/* end #806932-137046-CSS */
/* start #136809-879888-CSS -- I believe this is stylizing the self sign up button inside the mobile apps, but no where else; */
.mobile .accessPage.md_default #SelfSignupButton.button {
  background-color: #003798;
  color: white;
  padding: 0.25rem 0.5rem !important;
  margin-left: 5px;
  vertical-align: middle;
}

/* end #136809-879888-CSS */
/* start #364669-324202CSS -- Styles Quartics Feedback button on web and in the mobile apps */
button#QSIFeedbackButton-btn:after {
  content: "Feedback";
  background-color: #009543;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  color: white;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: large;
  font-weight: bold;
}

button#QSIFeedbackButton-btn {
  width: 25px !important;
}

/* End #364669-324202CSS */
/* start PMAR CSS build */
#THR_msgDsclAgree {
  display: none;
}

#THR_messageDisclaimer {
  position: absolute;
  z-index: 10;
  background-color: #ebf7f0;
  width: initial;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem;
}

/* When "THR_msgDsclAgree" is checked, hide "THR_messageDisclaimer". */
#THR_messageDisclaimer:has(#THR_msgDsclAgree:checked) {
  display: none !important;
}

#THR_messageDisclaimer #THR_msgDsclAgree {
  display: none;
}

#THR_messageDisclaimer div.THR_msgDscl_Title {
  color: #178CCB;
  font-size: 1.25rem;
  margin-top: 15px;
  margin-left: 0.75rem;
  margin-bottom: 10px;
}

#THR_messageDisclaimer div.THR_msgDscl_Disclaimer {
  line-height: 1.25rem;
  padding: 0.25rem 0rem;
}

#THR_messageDisclaimer > div:nth-child(3) {
  padding-top: 10px;
}

#THR_messageDisclaimer .button {
  width: 100%;
}

/* By default hide the 'Mobile app' version of the button. */
#THR_messageDisclaimer a.THR_msgDscl_Mobile {
  display: block;
}

/* By default show 'Desktop' version of the button. */
#THR_messageDisclaimer a.THR_msgDscl_Desktop {
  display: none;
}

.replyComposerContainer #THR_messageDisclaimer {
  display: none;
}

/* end PMAR CSS build */
/* start PMAR CSS build */
/* By default hide the 'Desktop' version of the button. */
#THR_messageDisclaimer {
  overflow-y: scroll;
}

/* By default hide the 'Desktop' version of the button. */
#THR_messageDisclaimer button.THR_msgDscl_Desktop {
  display: none;
}

/* By default show the 'Mobile app' version of the button. */
#THR_messageDisclaimer button.THR_msgDscl_Mobile {
  display: block;
}

#THR_messageDisclaimer #THR_msgDsclAgree {
  display: none;
}

.replyComposerContainer #THR_messageDisclaimer {
  display: none;
}

/* end PMAR CSS build */
/* start - #449762-714249CSS - Styles SMS Consent elements across the app/communication-preferences page */
.thr-preferences-consents {
  color: black;
  font-weight: normal;
  font-size: medium;
  margin-top: 10px;
}

/* End - #449762-714249CSS */
/* Start -  primary->#532643-358538 + #900625-141581CSS - This hides the content on the sign-up pages, username recovery page, and password reset page before redirecting to CIAM. */
.accessPage div#content,
.md_standalone_signup div#content,
.recoveryPage div#content,
.resetPage div#content {
  display: none;
}

/* End - primary->#532643-358538 + #900625-141581CSS */