/* BEGIN EPIC DELIVERED THEME CSS */
/* 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; 
                }
*/
/* BEGIN: SPECIAL HIDING PROPERTIES */
/* If you only want certain HTML content to display on the full web site, tag it with an "OnlySite" class*/
.onlysite,
.onlySite,
.Onlysite,
.OnlySite {
  display: none !important;
}

/* If you want to only show content on a certain affiliate site, tag it with an Affiliate class, and then another class to unhide just for that affiliate. Use URL Rewrite an affiliate-specific override css file to do the unhiding.*/
.affiliate,
.Affiliate {
  display: none !important;
}

/* If you want to show something only when looking at your own chart, not in proxy mode, tag it with a "selfmode" class. If you want something to only show when looking at someone else's chart, use "proxymode" class. */
.proxyMode,
.proxymode,
.ProxyMode {
  display: none !important;
}

/* END: SPECIAL HIDING PROPERTIES */
/* BEGIN: CONFIGURABLE PRELOGIN LOGO HEIGHT */
/* Prelogin logo height is 6rem by default which can cause it to be cropped for many larger logos. Change it here. */
.logo {
  height: 8rem;
}

.logo {
  background-position: center top;
}

/* END: CONFIGURABLE PRELOGIN LOGO HEIGHT */
/* BEGIN: BACK OUT COMMON PRE-2016 BUTTON WORKAROUNDS */
/* This section is to back out some custom CSS many customers have written directly in their custom form XML files using internal style sheets. Without this, these customizations will not look good with the new UI. */
/* Turn off custom checkbox workarounds */
body.md_showform span.radiocontainer label.radiolabel::before,
body.md_showform input.radio + label::before,
body.md_showform input.clearradio + label::before,
body.md_showform td.prob label::before,
body.md_saveform span.radiocontainer label.radiolabel::before,
body.md_saveform input.radio + label::before,
body.md_saveform input.clearradio + label::before,
body.md_saveform td.prob label::before {
  display: none !important;
}

/* Remove custom icons applied to page title */
body.md_showform div#main div.title::before,
body.md_saveform div#main div.title::before,
body.md_showform div.title h1::before,
body.md_saveform div.title h1::before {
  display: none !important;
}

/* END: BACK OUT COMMON PRE-2016 BUTTON WORKAROUNDS */
/* BEGIN: FIX ECHECK-IN PAYMENT STEP TITLE DISPLAY ON IPHONE 5 AND SIMILAR SMALL SCREENS - QAN: 3912090  */
body.md_echeckin div.StepTitle {
  clear: both;
}

/* END: FIX ECHECK-IN PAYMENT STEP TITLE DISPLAY ON IPHONE 5 AND SIMILAR SMALL SCREENS - QAN: 3912090  */
/* BEGIN: HELP TEXT DISPLAY ISSUE IN CUSTOM FORMS - QAN: 3737878 */
/* The paragraph with the help text class is empty and is followed by the actual paragaph with the help text (with no class) */
body.md_showform .section .content p.helptext + p:not([class]),
body.md_saveform .section .content p.helptext + p:not([class]) {
  margin-left: 27%;
  margin-top: 0;
  width: 73%;
  color: #606060;
  font-size: 0.8em;
  line-height: 1em;
  display: block;
}

/* Hide empty paragraph after the true help text paragraph */
body.md_showform .section .content p.helptext + p:not([class]) + p,
body.md_saveform .section .content p.helptext + p:not([class]) + p {
  display: none;
}

/* END: HELP TEXT DISPLAY ISSUE IN CUSTOM FORMS - QAN: 3737878 */
/* BEGIN: TEXTAREA MESSAGE TEXT COUNTER IS NOT ALIGNED PROPERLY - QAN: 3814674 */
body.md_showform .section textarea + .messagedisplay {
  margin-left: 27%;
  margin-top: 0;
  width: 73%;
}

/* END: TEXTAREA MESSAGE TEXT COUNTER IS NOT ALIGNED PROPERLY - QAN: 3814674 */
/* BEGIN: Fix missing legends on fields without prompts cause overlapping buttons - QAN 3815147 */
body.md_showform .section .question > legend,
body.md_saveform .section .question > legend {
  min-height: 1rem;
}

/* END: Fix missing legends on fields without prompts cause overlapping buttons - QAN 3815147 */
/* BEGIN: Restore account icon to banner - QAN 3803812 */
#account .menuicon::before {
  margin: 0 0 -1.5rem -0.25rem;
}

#account .menuicon {
  text-indent: 1.5rem;
}

/* END: Restore account icon to banner - QAN 3803812 */
/* BEGIN: MOBILE SPECIFIC CSS OVERRIDES */
/* Custom headers in mobile scheduling for organizations inserting Direct Scheduling/Appointment Request/Other headers and pretext */
.mobile .section h2.visitTypeHeader {
  font-weight: bold;
  font-size: 1.1rem;
}

.mobile p.separator,
.mobile .section h2.visitTypeHeader,
.mobile .md_scheduling_landingpage #main h2.visitTypeHeader + div.pretext {
  margin: 0 0 0rem -5%;
}

/* Pay as Guest styling */
.mobile .md_guestpay_payasguest #sidebar {
  display: inline-block;
}

.mobile .md_guestpay_payasguest #sidebar img {
  width: 100%;
}

/* END: MOBILE SPECIFIC CSS OVERRIDES */
/* BEGIN EPIC COMMUNITY MEMBER CUSTOM CSS */
/* Epic recommends any additional CSS be placed below this line. Avoid adding CSS above because it makes it difficult to determine which are your changes and which are Epic's. */
.mobile .ui-dialog {
  max-width: 95%;
}

#iFrameLoadingIndicator.mobileExtPmtPage,
#extPmtPageFrame.mobileExtPmtPage,
#guestPay-content #extPmtPageFrame.mobileExtPmtPage,
#guestPay-content #iFrameLoadingIndicator.mobileExtPmtPage {
  height: 58rem;
}

/* Change 100118 External Payment Page */
.mobileExtPmtPage,
.mobile #extPmtPageFrame,
.mobile #visitpayment-content #extPmtPageFrame,
.mobile #visitpayment-content #iFrameLoadingIndicator {
  height: 100rem;
}

.mobileExtPmtPage,
.mobile #guestPay-content #extPmtPageFrame,
.mobile #guestPay-content #iFrameLoadingIndicator {
  height: 100rem;
}

.mobile .schedulingstopped .schedulingstoppedcontent ol {
  padding-left: 4rem;
  margin-left: 0;
  width: 100%;
}

/* END: Change 100118 External Payment Page */
/* MHOE19-6 and MHOS19-29 */
.md_scheduling_index .warning {
  background: #F7E8EC url(../images/error-alert-icon.png) no-repeat 0.5rem 0.3rem;
  color: #A4123F;
  padding: 0.5rem 0.5rem 0.5rem 3rem;
  border-radius: 4px;
}

/* END: MHOE19-6 and MHOS19-29 */
/* MHOS19-56 Personal Notes removed in mobile */
.mobile .md_immunizations_index #immpersonalnotes {
  display: none;
}

/* END: MHOS19-56 */
/* Custom form CSS fix when support is added for 'questionnaire' and 'cards' */
body.md_showform .section .question legend.form {
  text-align: left;
  left: auto;
  position: static;
  width: auto;
}

/* END: Custom form CSS fix */
/* Fix checkbox for mobile display */
.mobile input[type="checkbox"] {
  -webkit-appearance: checkbox;
}

/* END: Fix checkbox for mobile display */
/* Fix for proxy mobile tables, show table titles */
.mobile .md_shproxylist #main #extendproxyaccess .title {
  display: block;
}

/* END: Fix for proxy mobile tables, show table titles */
/* CHG 197451 - Disable MHO Direct Scheduling */
.mobile .md_scheduling_index .warning.withSummaryBanner {
  margin-top: 6rem !important;
}

.mobile .md_scheduling_index .warning.hiddenWarning {
  visibility: hidden;
  height: 4.5rem;
}

/* END: CHG 197451 - Disable MHO Direct Scheduling */
/* REQ 4676590 */
.mobile .md_scheduling_index .summaryBannerContainer {
  padding-top: 0;
}

/* END: REQ 4676590 */
/* REQ 5562295 Direct Scheduling final step */
.md_scheduling_index .confirmationstep {
  background-image: url("../images/scheduling/direct-schedule-final-step-x36.jpg");
  background-repeat: no-repeat;
  background-position: 0 3.8rem;
}

.md_scheduling_index .confirmationstep .step-header > span {
  display: block;
  padding: 0 0 0 2.5rem;
}

.md_scheduling_index .confirmationstep .subtlecolor {
  color: red;
}

/* END: REQ 5562295 Direct Scheduling final step */
/* MHOS19-43 Edit space in the schedule an appointment flow via mobile app */
.mobile .md_scheduling_index .list.workflowselect {
  height: calc(77vh - 2rem);
}

/* END: MHOS19-43 Edit space in the schedule an appointment flow via mobile app */
/* MHOE-646 Hide "nothing new to show" icons on Health Feed */
.md_home_index .zeroState .zeroStateIcon {
  display: none;
}

/* END: MHOE-646 Hide "nothing new to show" icons on Health Feed */
/* REQ 5952829 Post June Update fixes */
.mobile .md_mychartquestionnaire_questionnaires body:not(.md_docdisp) #main div.title,
.mobile .md_mychartquestionnaire_questionnaires .title,
.mobile .md_mychartquestionnaire_questionnaires .section > h2,
.mobile .md_mychartquestionnaire_questionnaires .section.qnr_list_table > p {
  display: block;
}

.mobile .md_mychartquestionnaire_questionnaires #optional_questionnaires .header {
  padding-top: 0.65rem;
}

/* END: REQ 5952829 Post June Update fixes */
/* REQ 5899801 Disable MHO forms if CC is entered */
.sh-form-input-error {
  border-color: #d80000;
}

/* END: REQ 5899801 Disable MHO forms if CC is entered */
/* Scheduling redesign */
.md_scheduling_index #standardworkflowselector {
  display: none;
}

.embedded #content.mhoOSinpage {
  padding-top: 0;
}

.embedded .osPREtext.mhoOSinpage {
  display: none;
}

.embedded #dr_info.mhoOSinpage {
  display: none;
}

.embedded #apptReqOtherInfo.mhoOSinpage {
  display: block !important;
}

.embedded div.setOfStepsContainer .stepContainer.mhoOSinpage {
  height: 40rem;
}

@media screen and (max-width: 768px) {
  .md_scheduling_index #scheduling-workflow {
    min-height: auto;
  }
}
/* END: Scheduling redesign */
/* REQ 6104039 Link New Card to Existing Payment Plan */
.md_summary_index #ba_card_status_payment_plan .ba_card_status_payLinks a {
  font-weight: bold;
  font-size: 1rem;
}

/* END: REQ 6104039 Link New Card to Existing Payment Plan */
/* Standalone OS content */
.md_openscheduling_standalone .osPREtext {
  font-weight: 400;
  letter-spacing: 0.01em;
  font-size: 1rem;
}

.md_scheduling_index .osPREtext {
  display: none;
}

/* END: Standalone OS content */
/* Target dead-end, yellow box and message center content to enforce custom font */
.md_scheduling_index .schedulingstopped .fmtConv *,
.md_scheduling_index .schedulinginstructions .fmtConv *,
.md_react_index .ConversationMessages .MessageContent .fmtConv * {
  font-family: Roboto, sans-serif !important;
}

.md_react_index .ConversationMessages .MessageContent .fmtConv a * {
  color: #008080 !important;
  text-decoration: none !important;
}

/* END: Target dead-end, yellow box and message center content to enforce custom font */
/* Communication Center */
#mhoCommCenterSubHeading p {
  font-size: 1rem;
}

.ComposeDisclaimer .disclaimerText {
  white-space: normal;
}

/* END: Communication Center */
/* CHG0062465 Updating MHO Mini Menu description text and adding a new Card for patients- Referral */
.md_react_index .SelectionList .selectionOption.Topic .leftImage {
  color: #00a9a0;
}

/* END: CHG0062465 Updating MHO Mini Menu description text and adding a new Card for patients- Referral */
/* August 2023 Upgrade Hide Scheduling Phone Number in Direct Scheduling */
.md_scheduling_index #scheduling-workflow .allOptions {
  display: none;
}

.md_scheduling_index .LandingPagePostText {
  display: none;
}

/* END: August 2023 Upgrade Hide Scheduling Phone Number in Direct Scheduling */
/* August 2023 Upgrade Communication Preferences */
.md_react_index .CommunicationPreferences dd > .expanded > .cardContent > .MediaToggleList > ._ListElement {
  border-bottom: 1px solid #cccccc;
}

.md_react_index .CommunicationPreferences .contentAction {
  border: none;
}

.md_react_index .CommunicationPreferences .ToggleSwitch ._TextFragment._readOnlyText.subtle {
  display: none;
}

/* END: August 2023 Upgrade Communication Preferences */
/* Consumer Self Scheduling OS Project */
.md_scheduling_index .cardlist.selectable.multiselect .card.mhoSpecFormLink:before {
  background: url(../images/msgoptions/customer-service-icon.png) no-repeat;
  background-size: cover;
}

/* END: Consumer Self Scheduling OS Project */
/* CHG0077700 MHO Web Updates */
.md_react_index .drawerContainer .disclaimerNextButton {
  width: 100%;
  padding: 0.525rem 0.75rem;
  text-transform: uppercase;
  margin: 0 0 1rem auto;
}

/* END: CHG0077700 MHO Web Updates */
/* CHG0083636 MHO Web Update - Consumer self-scheduling - content and icon edits */
.md_scheduling_index .summaryInactive .summarySpecialty,
.mobile .md_scheduling_index .summaryIncomplete .summaryIcon.summarySpecialty,
.mobile .md_scheduling_index .summaryComplete .summaryIcon.summarySpecialty {
  background-image: url(../images/mhoicons/stethoscope-80x80.svg);
}

.md_scheduling_index .summaryIncomplete .summarySpecialty,
.mobile .md_scheduling_index .summaryIncomplete .summaryIcon.summarySpecialty,
.mobile .md_scheduling_index .summaryComplete .summaryIcon.summarySpecialty {
  background-image: url(../images/mhoicons/stethoscope-80x80.svg);
}

.md_scheduling_index .summaryInactive .summaryRFV,
.mobile .md_scheduling_index .summaryIncomplete .summaryIcon.summaryRFV,
.mobile .md_scheduling_index .summaryComplete .summaryIcon.summaryRFV {
  background-image: url(../images/mhoicons/health-summary-80x80.svg);
}

.md_scheduling_index .summaryIncomplete .summaryRFV,
.mobile .md_scheduling_index .summaryIncomplete .summaryIcon.summaryRFV,
.mobile .md_scheduling_index .summaryComplete .summaryIcon.summaryRFV {
  background-image: url(../images/mhoicons/health-summary-80x80.svg);
}

.md_scheduling_index .summaryInactive .summaryLocation,
.mobile .md_scheduling_index .summaryIncomplete .summaryIcon.summaryLocation,
.mobile .md_scheduling_index .summaryComplete .summaryIcon.summaryLocation {
  background-image: url(../images/mhoicons/clinic-80x80.svg);
}

.md_scheduling_index .summaryIncomplete .summaryLocation,
.mobile .md_scheduling_index .summaryIncomplete .summaryIcon.summaryLocation,
.mobile .md_scheduling_index .summaryComplete .summaryIcon.summaryLocation {
  background-image: url(../images/mhoicons/clinic-80x80.svg);
}

.md_scheduling_index .summaryInactive .summaryTime,
.mobile .md_scheduling_index .summaryIncomplete .summaryIcon.summaryTime,
.mobile .md_scheduling_index .summaryComplete .summaryIcon.summaryTime {
  background-image: url(../images/mhoicons/clock-80x80.svg);
}

.md_scheduling_index .summaryIncomplete .summaryTime,
.mobile .md_scheduling_index .summaryIncomplete .summaryIcon.summaryTime,
.mobile .md_scheduling_index .summaryComplete .summaryIcon.summaryTime {
  background-image: url(../images/mhoicons/clock-80x80.svg);
}

.md_scheduling_index .summaryInactive .summaryConfirmation,
.mobile .md_scheduling_index .summaryIncomplete .summaryIcon.summaryConfirmation,
.mobile .md_scheduling_index .summaryComplete .summaryIcon.summaryConfirmation {
  background-image: url(../images/mhoicons/add-to-calendar-80x80.svg);
}

.md_scheduling_index .summaryIncomplete .summaryConfirmation,
.mobile .md_scheduling_index .summaryIncomplete .summaryIcon.summaryConfirmation,
.mobile .md_scheduling_index .summaryComplete .summaryIcon.summaryConfirmation {
  background-image: url(../images/mhoicons/add-to-calendar-80x80.svg);
}

/* END: CHG0083636 MHO Web Update - Consumer self-scheduling - content and icon edits */
/* CHG0087806 MHO Web Update - Referral chat option on mobile app */
.mobile .md_referrals .formbuttons.customerservice .button {
  display: none;
}

/* END: CHG0087806 MHO Web Update - Referral chat option on mobile app */
/* Request for patient review past meds on MHO app (MHOE-582) */
.md_showform .SHRxReport .PARXColHead {
  display: none;
}

.md_showform .SHRxReport table tbody tr {
  display: grid;
  border: 1px solid transparent;
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 0.5rem 2.5rem 0 1rem;
  margin: 0.6rem 0;
}

.md_showform .SHRxReport table tbody tr td {
  border-color: transparent;
}

.md_showform .SHRxReport table tbody tr td:before {
  display: inline-block;
  width: 12rem;
  padding-right: 8rem;
  font-weight: 700;
}

.md_showform .SHRxReport table tbody tr td[headers='Expired']:before {
  content: "Vencido";
}

.md_showform .SHRxReport table tbody tr td[headers='Medication']:before {
  content: "Medicamento";
}

.md_showform .SHRxReport table tbody tr td[headers='Associated_Dx']:before {
  content: "Diagnóstico asociado";
}

.md_showform .SHRxReport table tbody tr td[headers='Prescribed_Clinician']:before {
  content: "Clínico que lo indicó";
}

.md_showform .SHRxReport table tbody tr td[headers='Directions']:before {
  content: "Indicaciones";
}

.md_showform .SHRxReport table tbody tr td[headers='Last_Ordered']:before {
  content: "Ordenado por última vez";
}

.md_showform .SHRxReport table tbody tr td[headers='Request_a_Renewal']:before {
  content: "Solicitar una renovación";
}

/* END: Request for patient review past meds on MHO app (MHOE-582) */
/* v108 Upgrade */
.md_scheduling_index #new-sched-cards a.card:not(.orgCard) {
  margin: 0.25rem 0.5%;
}

/* END: v108 Upgrade */
/* Appointment Request Form Confidential */
body.md_showform #ApptReqProv div.item {
  margin: 1rem 0;
}

body.md_showform #ApptReqProv #prefDates .date.withCalendar:first-of-type {
  margin-bottom: 1rem;
}

body.md_showform #ApptReqProv #prefDates .date.withCalendar {
  display: inline-block;
  width: auto;
}

body.md_showform #ApptReqProv #prefDates input.date.withCalendar ~ .calendar {
  display: inline-block;
  margin: 0 1rem;
}

body.md_showform #ApptReqProv #comments {
  padding-top: 0;
  margin-top: 0;
}

body.md_showform #ApptReqProv div.item .custFormCheck {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: top;
}

body.md_showform #ApptReqProv div.item .custFormLabelCheck {
  display: inline-block;
  width: 90%;
  padding-left: 1rem;
}

body.md_showform .mhoRequired::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  background: url(../../es-us/images/required_asterisk.png) scroll no-repeat transparent 0 0 / 0.4rem 0.4rem;
  margin: 0.15rem 0.15rem 0 0;
  height: 0.4rem;
  width: 0.4rem;
}

/* End: Appointment Request Form Confidential */
/* Hide Ask a Question from Test Results */
.md_react_index .ResultDetails .askAQuestionAction {
  display: none;
}

/* END: Hide Ask a Question from Test Results */





/* Testing for Donna F. Reducing size of QNR slider in mobile */
.md_mychartquestionnaire_askfrommessage .section.questionsContainer .question.VERTSLIDER .sliderclickablearea,
.md_mychartquestionnaire_askfrommessage .section.questionsContainer .question.VERTSLIDER .sliderresponsecontainer {
  min-height: 3rem;
}

/* END: Testing for Donna F. Reducing size of QNR slider in mobile */
/* Feb 2025 Upgrade Style Custom Cards - STD Files */
.md_standardfile_handlestandardfile a.col-4.card {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  display: inline-block;
  margin: 0.25rem 0.5%;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  vertical-align: top;
  line-height: 1.25rem;
}

/* END: Feb 2025 Upgrade Style Custom Cards - STD Files */
/* INC2987873 Estimates page - hide All Orgs block */
.md_estimates_selectservicearea #main > div.section:nth-of-type(3) {
  display: none;
}

/* END: INC2987873 Estimates page - hide All Orgs block */
/* SCTASK1082841 RITM0726104 Open Scheduling Intro Copy Edits for Sutter Health and Sutter Health Plan */
.md_openscheduling_standalone .shpSchedulingContent,
.md_standalone_signup .shpSchedulingContent,
.md_standalone_signup .shOrgSchedulingContent,
.md_scheduling_index .shpSchedulingContent,
.md_scheduling_index .shOrgSchedulingContent {
  display: none;
}

.md_openscheduling_standalone.shpSchedContent .shpSchedulingContent {
  display: block;
}

.md_openscheduling_standalone.shpSchedContent .shOrgSchedulingContent {
  display: none;
}

/* END: SCTASK1082841 RITM0726104 Open Scheduling Intro Copy Edits for Sutter Health and Sutter Health Plan */