/* ===== Font imports */ /*@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");*/ @font-face { font-family: "Arizona Serif Regular"; src: url(ABCArizonaSerif-Regular.otf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Arizona Serif Italic"; src: url(ABCArizonaSerif-RegularItalic.otf); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Public Sans Regular"; src: url(PublicSans-Regular.ttf); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Public Sans Italic"; src: url(PublicSans-Italic.ttf); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Public Sans Semibold"; src: url(PublicSans-SemiBold.ttf); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Public Sans Semibold Italic"; src: url(PublicSans-SemiBold.ttf); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Public Sans Bold"; src: url(PublicSans-Bold.ttf); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Public Sans Bold Italic"; src: url(PublicSans-BoldItalic.ttf); font-weight: 700; font-style: italic; font-display: swap; } :root { /* ===== Colors */ --color-spotlight: #ffbe00; --color-air: #ebf8ff; --color-sky: #3091e2; --color-ocean: #003c72; --color-white: #ffffff; --color-light-gray: #f5f0f0; --color-mid-gray: #969691; --color-slate: #d7dee4; --color-charcoal: #282828; --color-black: #000000; --color-emergency-red: #f00000; /* ===== Fonts */ --font-family-serif: "Arizona Serif Regular", Georgia, serif; --font-family-sans-serif: "Public Sans Regular", Arial, sans-serif; --font-family-sans-serif-italic: "Public Sans Italic", Arial, sans-serif; --font-family-sans-serif-semibold: "Public Sans Semibold", Arial, sans-serif; --font-family-sans-serif-semibold-italic: "Public Sans Semibold Italic", Arial, sans-serif; --font-family-sans-serif-bold: "Public Sans Bold", Arial, sans-serif; --font-family-sans-serif-bold-italic: "Public Sans Bold Italic", Arial, sans-serif; /* ===== Buttons */ --button-padding: 12px 24px; --button-border-radius: 120px; --button-hover-box-shadow: 4px 4px 15px rgba(0, 60, 114, 0.15); --button-large-size: 1.125rem; --button-medium-size: 1rem; --button-small-size: 0.875rem; /* Button Disabled */ --button-disabled-background-color: var(--color-light-gray); --button-disabled-color: var(--color-mid-gray); /* Button Ocean */ --button-ocean-background-color: var(--color-ocean); --button-ocean-color: var(--color-white); --button-ocean-background-color-hover: #0057a5; /* Button Sky */ --button-sky-background-color: var(--color-sky); --button-sky-color: var(--color-black); --button-sky-background-color-hover: #5da9e8; /* Button Air */ --button-air-background-color: var(--color-air); --button-air-color: var(--color-ocean); --button-air-background-color-hover: var(--color-white); /* Button Spotlight */ --button-spotlight-background-color: var(--color-spotlight); --button-spotlight-color: var(--color-black); --button-spotlight-background-color-hover: #ffd866; --button-spotlight-box-shadow: var(--button-hover-box-shadow); /* ===== Shadows */ --ocean-box-shadow: var(--button-hover-box-shadow); /* ===== Links */ --link-color: var(--color-ocean); --link-border-bottom-color: var(--color-sky); --link-border-bottom-color-hover: var(--color-spotlight); /* ===== Transactional windows */ --transactional-window-box-shadow: 0px 4px 54px 0px rgba(0, 60, 114, 0.25); --transactional-window-border-radius: 16px; --transactional-window-border: 1px solid var(--color-slate); --transactional-window-border-color: var(--color-slate); /* ===== Headings */ --color-headline: var(--color-ocean); /* H1 */ --h1-font-size: 2.375rem; --h1-line-height: 1.3; --h1-font-weight: 400; --h1-font-family: var(--font-family-serif); --h1-margin-bottom: 1rem; /* H2 */ --h2-font-size: 1.75rem; --h2-line-height: 1.3; --h2-font-weight: 400; --h2-font-family: var(--font-family-serif); --h2-margin-bottom: 1rem; /* H3 */ --h3-font-size: 1.5rem; --h3-line-height: 1.3; --h3-font-weight: 400; --h3-font-family: var(--font-family-serif); --h3-margin-bottom: 1rem; /* H4 */ --h4-font-size: 1.25rem; --h4-line-height: 1.3; --h4-font-weight: 400; --h4-font-family: var(--font-family-serif); --h4-margin-bottom: 1rem; /* H5 */ --h5-font-size: 1.125rem; --h5-line-height: 1.3; --h5-font-weight: 400; --h5-font-family: var(--font-family-serif); --h5-margin-bottom: 1rem; /* H6 */ --h6-font-size: 1rem; --h6-line-height: 1.3; --h6-font-weight: 400; --h6-font-family: var(--font-family-serif); --h6-margin-bottom: 1rem; /* ===== Paragraphs */ --paragraph-font-size: 1rem; --paragraph-line-height: 1.8; --paragraph-font-weight: 400; --paragraph-font-family: var(--font-family-sans-serif); --paragraph-margin-bottom: 1rem; /* Large paragraph */ --paragraph-large-font-size: 1.125rem; --paragraph-large-line-height: 1.8; --paragraph-large-font-weight: 400; --paragraph-large-font-family: var(--font-family-sans-serif); --paragraph-large-margin-bottom: 1rem; /* Small paragraph */ --paragraph-small-font-size: 0.875rem; --paragraph-small-line-height: 1.8; --paragraph-small-font-weight: 400; --paragraph-small-font-family: var(--font-family-sans-serif); --paragraph-small-margin-bottom: 1rem; } /* ===== Variables for medium screens */ @media screen and (min-width: 768px) { :root { /* ===== H1 */ --h1-font-size: 2.5rem; --h1-margin-bottom: 1.5rem; /* H2 */ --h2-font-size: 2rem; /* H3 */ --h3-font-size: 1.75rem; /* H4 */ --h4-font-size: 1.5rem; /* H5 */ --h5-font-size: 1.25rem; /* H6 */ --h6-font-size: 1rem; /* Paragraph */ --paragraph-font-size: 1.125rem; /* Large paragraph */ --paragraph-large-font-size: 1.25rem; /* Small paragraph */ --paragraph-small-font-size: 1rem; } } /* ===== Variables for large screens */ @media screen and (min-width: 1024px) { :root { /* H1 */ --h1-font-size: 2.5rem; /* H2 */ /* --h2-font-size: 2.5rem; */ /* Large paragraph */ --paragraph-large-font-size: 1.375rem; } } /* 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. */ /* #infoColumn { min-height: 650px; } #infoColumn img#loginlogo { display: none; } */ /* Changed tab dropdown background color - R. Roth .menuontop #menu .menugroup ul, .menuontop #menu .menugroup div.hiddenlist, .menuontop #menu .keywordsearch { background: none; background-color: #f9f9f9; } */ /* Changed sign up now and log out button text color and removed inset shadow - R. Roth #banner a.button, #banner a:hover.button, #defaultFooter h1 a { color: #222; text-shadow: none; border: 1px solid #bb8c0c; } */ /* Added border to home sign in and all blue buttons - R. Roth #defaultForm .item input.button, #defaultDigiDForm .item input.button, a.button, input.button, .uploader div.button, .back a.button { border: 1px solid rgba(0, 0, 0, 0.2); } */ /* Yellow button text color .button.completeworkflow, .button.completeworkflow:focus, .button.completeworkflow:hover { color: rgba(0, 0, 0, 0.87); } */ /* Adjusted Proxy tabs. There is a 1px bug that shows up randomly with Epic's code. This fixes it the best I can. - R. Roth .menuontop ul#proxyTabs { margin: -20px -7px 0 -20px; } */ /* Adjusted hover text color for the schedule appointment buttons. - R. Roth .section .content .highlight.focus .name, .section .content .highlight:hover .name, .section .content .highlight.focus .description, .section .content .highlight:hover .description { color: #fff; } */ /* Adjusted page background color html:not(.mobile) { background-color: #fff; } */ /* Content background color #content { background-color: #bfbfbf; } */ /* Fixed background sliver to right of c#ontent .fitme.width { width: 77%; } */ /* Remove background image body, html:not(.mobile) { background-image: none !important; background-color: #f7f7f7 !important; } */ /*#content::after { background: none; } body.isInside { background: none; } body.isInside #content::after { background: none; } .component.Popup > .titlebar .titlebarblurbackground::before { background: none; } .menudetailstable.leftmenu .leftcolumn::before, .goalslarge .goalsleft::before, .TRPContainer::before { background: none; }*/ /* Internal FAQs styles .faq-dd dt { font-size: 1.2em; margin: 8px 0; } .faq-dd dd { font-size: 1.2em; margin: 3px 0 5px 20px; } .faq-dd dd a { text-decoration: underline; } */ /* Homepage H2 with bullets .component .titlebar { margin-bottom: 15px; } */ /* Test flagged icon div#wrap div#main div.tabcontainer div#results.section div.content table.components tbody tr td.flagCol:not(:empty)::before { content: url("../images/test-exclaimation.jpg"); } */ /* Test flagged text color div#wrap div#main div.tabcontainer div#results.section div.content table.components tbody tr td.flagCol { color: red; } */ /* Hide notification preferences #notifprefs { display: none; } */ /* Care team styling ul.careteam li.careteam .col1 .providerimage { border: none; width: 40px; height: 48px; border-radius: 0; } ul.careteam .widgetIcon { width: 32px; height: 32px; } ul.careteam li.careteam .icons { height: auto; } .patientActions a.button, .patientActions a.button:hover, .patientActions a.button:focus, .visittypecontainer a.visitlink.schedule { background-color: #0039a8; } .visittype .providerimage, .fullscreen.careteam div.column2 .profilephoto img { border: none; } */ /* Hide Preferences check for Scheduling #schedpreflabel { display: none; } */ /* Homepage features .features h2 { font-weight: bold; } */ /* .features li { padding: 0 0 15px 0; margin: 5px; width: 48.78%; background-color: #fff; } */ /* Home logo padding */ /*.logo { background-color: #00256d; background: transparent url(../images/loginlogo.png) no-repeat scroll left center; margin: 0 0 20px; }*/ /* Top Menu */ /*#header { background: none !important; background-color: #00256d !important; } #proxies .grow .iconlabel, #proxies .selected:not(.shrink) > a .iconlabel { color: #555; } #header .menugroup a:not(.button) { color: #555; } #account .menuname { background-color: rgba(255,255,255,.5); color: #555; padding: 2px; text-align: center; } #header .menugroup li[role="none"] a { color: #555; }*/ /* Homepage signup padding */ /*.signup { margin-top: 40px; }*/ /* Hide account name above log out #account .acctname { display: none; } */ /* Hide customer service question link .card .custsvc { display: none !important; } */ /* Sidebar color #sidebar { background-color: #e1ebff; } @media only screen and (max-width: 1300px) and (min-width: 1px) { #sidebar { background-color: #f7f7f7; } } */ /* Stop navbar from shrinking .isInside #header.compact:not(:empty) { height: 5.5rem; } .compact #proxies .proxy { width: 2.5em; } .compact #proxies .proxy .proxyicon { height: 2.5em; } .compact #proxies .proxy.preview, .compact #proxies .proxy.selected:not(.shrink) { width: 3.5em; } .compact #proxies .grow .proxyicon, .compact #proxies .preview > a .proxyicon, .compact #proxies .selected:not(.shrink) > a .proxyicon { height: 3.5em; } .compact #proxies .grow .iconlabel, .compact #proxies .selected:not(.shrink) > a .iconlabel { opacity: 1; visibility: visible; } .compact #proxies #moretabs .proxyicon { width: 3em; } .compact #proxies #moretabs .grow .iconlabel { width: calc(100% - 4rem); } .compact #proxies #photoImg_morecontainer { left: 0.125em; position: relative; top: -1.9375em; } .compact #proxies .preview #photoImg_morecontainer, .compact #proxies .selected:not(.shrink) #photoImg_morecontainer { left: 0.1875em; top: -2.5625em; } .compact #proxies #photoImg_morecontainer .proxyicon { height: 1.5em; width: 1.5em; } .compact #proxies .preview #photoImg_morecontainer .proxyicon, .compact #proxies .selected:not(.shrink) #photoImg_morecontainer .proxyicon { height: 2em; width: 2em; } .compact #menu .menugroup.selected .menuicon:after { margin: 0.25rem auto; } .compact #account { padding: 1rem 1rem 0.5rem 0; } */ /* Hide Related Links in sidebar #sidebar > .jqHidden { display: none !important; } */ /* Scheduling Type tweaks */ .card.hasBadge div { width: 80%; } .card.hasBadge div.badge { width: 18%; } .card.hasBadge div.badge > img { width: 24px; } /* Hide customer service question #aquests .custsvc { display: none; } */ /* Fix checkboxes label.togglebutton[for] { padding-left: 30px; text-align: left; } .clearradio { width: auto !important; opacity: 100; position: absolute; top: 12px; margin: 0 10px !important; z-index: 1; } */ /* Fix mobile nav header height @media only screen and (max-width: 1300px) and (min-width: 1px) { .isInside #header.compact:not(:empty) { height: 8rem; } #header #proxies { padding-top: 0.4rem; } } */ /* Hide insurance question during echeckin .guarantorVerification { display: none; } */ /* Hide Horizon Planning schedule text */ body.md_caredecision_index .acpContent .jumbotron-action:last-child { display: none; } /* Hide Video Visit Additional Actions .visitdetails .additional-actions { display: none; } */ /* Right quick links .quickLinks.vertical a img { width: 28px; height: 28px; } */ /* Guest Payment overrides */ #guestPay-content #extPmtPageFrame { height: 45rem; overflow-y: visible; } body #extPmtPageFrame { overflow-y: visible; } #guestPay-content .formbuttons { margin-bottom: 5rem; } /* Billing Payments radio button padding fix */ #ba_details_filters .ba_details_filter_container .tbContainer > label, #ba_details_small_filter_set .ba_details_filter_container .tbContainer > label { font-size: 0.9rem; margin: 0; padding: 0.25rem 0.25rem 0.25rem 1.5rem; width: 100%; } #PaymentMethodType-CreditCard, #PaymentMethodType-Check { display: none; } /* Red alert box */ .m-alert { padding: 15px; margin-top: 20px !important; margin: inherit auto !important; border: 1px solid transparent; border-radius: 4px; color: #fff; background-color: #ab0300; border-color: #ebccd1; font-family: Source Sans Pro, Calibri, Arial, sans-serif; font-size: 15px; } .m-alert a { color: #fff; text-decoration: underline; } .m-alert a:hover { color: #fff; text-decoration: none; } /* Allow title wrapping to include text below headers without a pretext option #main .title .header { white-space: normal !important; } */ /* Footer Spacing #footer .mainStyle { padding-top: 1rem; width: 100%; } */ /* MedChat Fix .embedded .medchat-widget, .md_medadvice .medchat-widget, .uploaderfileinput .medchat-widget { display: none !important; } */ /*@media only screen and (max-width: 767px) { .medchat-widget { display: none !important; } }*/ /* Hide What kind of access would you like this person to have to your chart? header and radiobutton from the Invite Proxy page */ #relationshipheader, #reltypes { display: none; } /* Add more padding to the title area of the billing section */ .md_summary_index #main .title { height: auto; } /* Prelogin banner .isPrelogin #header:not(:empty) { border: none; box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.2); height: auto; min-width: auto; padding: 0px; position: relative; width: 100%; z-index: 0; right: auto; backgroun-color: none !important; } */ /* Logo header .loginPage #main { padding: 0 0 35px 0; } .loginPage .logo { background-position: left top !important; height: 220px !important; background-color: inherit; margin: 0 0 20px; } */ /* Breathing room around language toggle #account > div { margin-top: 20px; } #header #localeswitch { right: 22px; } */ /* Hide location card phone number */ .essLocationCard .subtle { display: none; } /* Estimates text title fix .md_estimates_getestimatedetails .title, .md_estimates_getestimateservices .title, .md_guestestimates_getestimatedetails .title { height: auto !important; } */ /* Mobile logo alignment @media only screen and (max-width: 1300px) { .isPrelogin .logo { background-position: center center !important; } /* Mobile footer links alignment #footer .mainStyle { padding-top: 2rem; width: 100%; } } */ /* Hide image on open scheduling */ .departmentPhoto { display: none !important; } /* Openscheduling mobile scroll issue @media only screen and (max-width: 699px) { html.embedded.poppedOut, html.embedded.poppedOut > body.embedded, html.embedded.poppedOut #wrap, html.embedded.poppedOut #content, html.embedded.poppedOut #main, html.embedded.poppedOut .setOfStepsContainer, html.embedded.poppedOut body.embedded div.setOfStepsContainer > div.slider { height: unset !important; } } */ /* Mega menu text color #header_menu_name, .shortcut_name { color: #fff; } */ /* Hide Epic logo #header_logo_by_epic { display: none !important; } */ /* Landing page content margin fix for red alert banner body.isPrelogin #content { margin-top: 0 !important; } */ /* Main div color #main, .BeforeList input.SearchList { background-color: #fff; } */ /* Side bar div color #sidebar { background-color: #0039a8; } */ /*#sidebar a { color: #69cdf9; }*/ /*#sidebar h2, #sidebar .header.small { color: #fff; }*/ /* #sidebar .button.newworkflow, #sidebar .button.newworkflow:focus, #sidebar .button.newworkflow:hover { color: rgba(0, 0, 0, 0.87); } #sidebar .button.newworkflow, #sidebar .button.newworkflow:focus, #sidebar .button.newworkflow:hover { background-color: hsl(43.6, 88%, 48.8%); } */ /*.isPrelogin #footer a { color: #999; }*/ /* Landing page tweaks */ /*body.loginPage { background: unset; background-image: linear-gradient(0deg, darkgrey, white); background: transparent url(../en-us/images/prelogin.jpg) no-repeat fixed center center/cover !important; } body.loginPage:after { background-image: linear-gradient(0deg, #9ca4b3, #00a9ce) !important; }*/ /*.loginPage #header { box-shadow: none !important; z-index: 0 !important; position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; min-width: 100% !important; background: transparent !important; z-index: 50 !important; }*/ /*.loginPage #content { Margin-top: 50px; }*/ /*.loginPage #content { box-shadow: none; z-index: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; min-width: 100%; }*/ /* Sidebar print icon #sidebar .assistiveicon { color: rgba(255, 255, 255, 0.85); } */ /* Sidebar pretext #sidebar .pretext.subtle p, #sidebar .small-info-text, #sidebar .helptext, #sidebar .subtle { color: rgba(255, 255, 255, 0.85); } #sidebar .subtle { margin-bottom: 15px; } */ /* Quick links in sidebar #sidebar .quickLinks.vertical.list.hoverable a, #sidebar .list.hoverable li { background-color: #fff; border-radius: 3px; color: #00256d !important; margin-bottom: 5px !important; } #sidebar .providerimage.roundedimage { background-color: #ccc; margin-left: 5px; border-radius: 3px; } .careteam.list .providerimage.roundedimage { border-radius: 3px !important; } #sidebar .list.hoverable li a { color: #00256d !important; } #sidebar .quickLinks.vertical.list.hoverable .icon { margin: 0 10px 0 10px; } #sidebar .quickLinks.vertical.list.hoverable a:hover, #sidebar .quickLinks.vertical.list.hoverable a:active, #sidebar .quickLinks.vertical.list.hoverable a:focus, #sidebar .list.hoverable li:hover, #sidebar .list.hoverable li:active, #sidebar .list.hoverable li:focus, #sidebar .list.hoverable li:hover .providerimage.roundedimage, #sidebar .list.hoverable li:active .providerimage.roundedimage, #sidebar .list.hoverable li:focus .providerimage.roundedimage { background-color: #69cdf9 !important; } #sidebar .videoHeaderText { color: #363636; } #sidebar .visitcalendar { background-color: #fff; border-radius: 3px; } #sidebar .helpful-resource-elem .subtle { color: #00256d; margin-bottom: 15px; } #sidebar .specialty.subtle, #sidebar .relation.subtle, #sidebar .commonname.subtle { color: #00256d; } #sidebar .helpful-resource-elem .icon { margin: 0 -2.5rem 0 0 !important; } */ /*#sidebar .alert { color: #eaae0f !important; }*/ /* #menu-list .submenu-header.proxybgcolor.color1.lighten70 { color: #fff; background-color: #0039a8; } #sidebar dt { font-size: 1.5rem; color: #fff; line-height: 1.2; margin-bottom: 5px; } .back .button.previousstep { margin-bottom: 1.5rem !important; } .extensibility iframe { border: none; } .isPrelogin.loginPage.liteMode #sidebar { background-color: #fff; } .liteMode #sidebar .logo { background-size: contain; } .liteMode #sidebar { color: #565656; } */ /*#graphicHeader:not(:empty) #header_logo .header_logo_link { background: transparent url("../images/MyWellSpan-Logo.png") no-repeat scroll center/contain; }*/ /* .md_careteam_index .profile { display: none !important; } */ /* @media only screen and (max-width: 767px) { body #footer, body #footer a, .datatile #wrap > .copyright a, body.md_showform #footer, body.md_showform #footer a, body.md_saveform #footer, body.md_saveform #footer a { color: rgba(255, 255, 255, 0.85); } } */ /* Login widget .embedded.isPrelogin .button.tall.newworkflow, .embedded.isPrelogin .button.tall.jsreq.completeworkflow { background-color: #d9d9d9; color: black; padding: 10px 0px; font-size: 1.2rem; border: 1px solid #d9d9d9; width: 30% !important; border-radius: 10px; } .embedded.isPrelogin .button.tall.newworkflow:hover, .embedded.isPrelogin .button.tall.jsreq.completeworkflow:hover { background-color: #e9e9e9; } .embedded.isPrelogin .button.tall.newworkflow:active, .embedded.isPrelogin .button.tall.jsreq.completeworkflow:active { background-color: #f8f8f8; } .embedded.isPrelogin .header.center { color: black; font-size: 1rem; padding-bottom: 5px; } .embedded.isPrelogin .recovery > a { font-size: 1rem; padding-bottom: 0px; } */ /* Username */ /*.ghostInput.compact label + input { margin: 0 0 0.5rem 0; border-radius: 10px; }*/ /* Password */ /*.ghostInput label + .jsreq { margin: 0 0 1.5rem 0; border-style: solid; border-radius: 10px; } .ghostInput.compact + .ghostInput input { border-style: solid; border-width: 1px 1px 1px; } .embedded.isPrelogin .copyright { display: none; }*/ /*.embedded.isPrelogin .ghostInput.compact, .embedded.isPrelogin .ghostInput { width: 50%; margin: 0 auto; color: #999; }*/ /* .embedded.isPrelogin .ghostInput.compact > label, .embedded.isPrelogin .ghostInput > label { color: #999; } */ /* For the love of god, please don't do this below! */ /*.signup { display:none; }*/ /* .isPrelogin #content { padding-top: 0px; } #content { padding-top: 50px; background-color: white; } #content:after { display: none; } */ /*.embedded.isPrelogin .ghostInput.compact > input:focus, .embedded.isPrelogin .ghostInput > input:focus { border-radius: 10px; border: 1px solid rgb(173, 173, 173); outline: none; }*/ /* @media only screen and (max-width: 768px) { .embedded.isPrelogin .button.tall.newworkflow, .embedded.isPrelogin .button.tall.jsreq.completeworkflow { width: 50% !important; } .embedded.isPrelogin .ghostInput.compact, .embedded.isPrelogin .ghostInput { width: 70%; margin: 0 auto; } } @media only screen and (max-width: 576px) { .embedded.isPrelogin .button.tall.newworkflow, .embedded.isPrelogin .button.tall.jsreq.completeworkflow { width: 100% !important; } .embedded.isPrelogin .ghostInput.compact, .embedded.isPrelogin .ghostInput { width: 100%; margin: 0 auto; } } */ /* .md_medications_list .pretext-button-group .right { text-align: left !important; } */ /* E-checkin secondary validation button .md_secondaryvalidation_index #demographics-desc { display: block !important; margin-bottom: 15px !important; } .md_secondaryvalidation_index .logoutLink, .embedded #onmyway-back { display: inline; border: 1px solid rgba(0, 0, 0, 0.2); background-color: hsl(213.8, 98.7%, 36.5%); box-shadow: inset 0 -2px 0 0 rgb(0 0 0 / 20%); color: #ffffff; border-radius: 4px; cursor: pointer; fill: currentColor; font-family: inherit; font-size: 1rem; line-height: normal; margin: 1rem 0.5rem; padding: 0.375rem 0.75rem; position: relative; text-align: center; -webkit-user-select: none; user-select: none; white-space: normal; text-decoration: none; } */ /*@media only screen and (min-width: 769px) { .embedded .department_map { height: 680px !important; } }*/ /* Medications page - hide extra renewal button */ .md_medications_list .buttonListContainer { display: none !important; } /* Messaging Center page - Add paragraph in the popup drawer .md_react_index .Drawer ._heading span { display: block !important; font-family: Source Sans Pro, Calibri, Arial, sans-serif !important; font-size: 13pt !important; color: #363636 !important; } */ /* Hide Request EOB on Claims */ .md_claims_index .claimExtraDetailsLabel.claimCustomerServiceLink.claimRequestEob.subtle.claimSubtleBold { display: none; } /* On my way sign up button positioning */ .md_onmyway_index #login .col-6 { width: 100%; } .md_onmyway_index #login .loginBtnWrapper { justify-content: start; } /* Open scheduling embedded widget styles .embedded #main { background-color: #fff; } .embedded .button.secondary.neutral, .embedded .button.subtle, .md_openscheduling_standalone .button.secondary.neutral, .md_openscheduling_standalone .button.subtle { color: #0039a8; } .embedded .button.secondary.neutral:hover, .embedded .button.secondary.neutral:active, .embedded .button.subtle:hover, .embedded .button.subtle:active, .md_openscheduling_standalone .button.secondary.neutral:hover, .md_openscheduling_standalone .button.secondary.neutral:active, .md_openscheduling_standalone .button.subtle:hover, .md_openscheduling_standalone .button.subtle:active { background-color: #ebeff8; color: #0039a8; } .embedded .button.tertiary.neutral, .md_openscheduling_standalone .button.tertiary.neutral { color: #0039a8; } .isPrelogin { height: unset; } */ /*.isPrelogin #header:not(:empty) { position: relative !important; min-width: unset; } .isPrelogin #header:not(:empty).header_graphic .header_color { background: #0091b3; background: -webkit-linear-gradient(225deg, #0091b3 0%, #204893 100%); background: -moz-linear-gradient(225deg, #0091b3 0%, #204893 100%); background: linear-gradient(225deg, #0091b3, #204893); height: 100px; }*/ /* .isPrelogin #graphicHeader:not(:empty) #header_logo .header_logo_link { background: transparent url("../images/ws-logo-rev.png") no-repeat scroll center/contain; width: 115px; } .isPrelogin #graphicHeader:not(:empty) #header_logo { height: 85px; } @media only screen and (max-width: 1300px) { .isPrelogin #graphicHeader:not(:empty) #header_logo { margin-top: 16px; } } .isPrelogin #graphicHeader:not(:empty) #header_extras { top: 15px; } */ /* On my way map size .embedded .mapHolder .placeHolder, .embedded .mapHolder iframe { height: 300px !important; } */ /* Real Time Feedback modal code */ /* The Modal (background) */ .feedback-modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 2; /* Sit on top */ padding-top: 180px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; text-align: center; padding: 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); width: 80%; } .modal-content h3 { margin: 5px 0 20px 0; color: hsl(219.8, 65.5%, 32.9%); font-family: Source Sans Pro, Calibri, Arial, sans-serif; font-size: 1.17em; } .modal-content p { color: #363636; font-family: Source Sans Pro, Calibri, Arial, sans-serif; font-size: 13pt; margin-bottom: 25px; } .modal-content img { width: 120px; height: auto; margin-bottom: 15px; } @media only screen and (min-width: 768px) { .modal-content { width: 400px; } } .btn-block { display: block; width: 100%; } .btn-blue { color: #fff; background-color: #0039a8; border-color: #00308f; display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 15px; line-height: 1.55; border-radius: 6px; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 5px; } .btn-blue:hover, .btn-blue:focus, .btn-blue:active { color: #fff; background-color: #00308f; border-color: #00246b; box-shadow: 0px 6px 20px -6px #0039a8; text-decoration: none; } /* The Close Button */ .modal-close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .modal-close:hover, .modal-close:focus { color: #000; text-decoration: none; cursor: pointer; } /* Real Time Feedback modal code END */ /* Hide login header .isPrelogin #header { display: none !important; } */ /* Homepage prelogin .isPrelogin .home-landing-img { width: 100%; height: auto; margin-bottom: 20px; } */ /* .isPrelogin .home-icon { float: left; width: 70px; height: auto; padding: 8px 15px 30px 0; } .isPrelogin .home-header { font-size: 1.25rem; padding: 0.5rem 0; color: #363636; } @media only screen and (max-width: 1300px) { .isPrelogin .home-landing-img { margin-top: 20px; } .isPrelogin .home-header { color: #fff; } } @media only screen and (max-width: 767px) { .isPrelogin .col-6 { width: 100%; } } */ /* Remove footer bg color #mainFooter, #sidebarFooter { background-color: unset !important; } */ /* Lab scan link lists .md_labdetail #scans ul { list-style: outside disc; } .md_labdetail #scans li { margin-left: 15px; } .md_labdetail #scans a { text-decoration: underline; } */ /* Online Urgent Care Organization banner issue */ .md_scheduling_ondemandtelehealth .organizationStep .header span { display: block; } /* FAQ mobile header color @media only screen and (max-width: 1300px) { .isPrelogin .faq h3 { color: #fff; } } */ /* Shedule and Appt page icon sizes and spacing */ .md_scheduling_index .iconAndText img { height: 24px !important; width: auto !important; margin: auto; } .md_scheduling_index .SchedulingOption .action { align-items: center; } /* Hide "Need help scheduling? Call us at (866) 638-1842." on bottom of Scheduling page */ .md_scheduling_index .LandingPagePostText { display: none; } /* ===== Flagged Legacy edits to hide and check */ /* Hide Preferences check for Scheduling #schedpreflabel { display: none; } */ /* Hide customer service question link .card .custsvc { display: none !important; } */ /* Hide Horizon Planning schedule text .acpContent .jumbotron-action:last-child { display: none; } */ /* Hide Video Visit Additional Actions .visitdetails .additional-actions { display: none; } */ /* Turn on billing icon tab text .membertab a .tabname { display: inline-block !important; margin-left: 0.25rem; } .condensed .navchild.fullwidth .ba_detail_tab:not(.selected) a .tabname { display: inline block !important; } .navparent.condensed .membertab:not(.selected) .tabimg + .tabname { width: auto; } */ /* .md_details_index .ba_details_sidebar_icon, .md_details_index .ba_details_sidebar_demographics_img { display: none; } */ /* OnMyWay mobile map fix @media only screen and (max-width: 768px) { .embedded .mapHolder { flex-basis: 0%; max-height: 300px; } } .embedded .sm-hide, .embedded #filterControls { display: none; } .embedded.isPrelogin .ghostInput.compact, .embedded.isPrelogin .ghostInput { width: 100%; } .embedded .formbuttons .button.primary { height: 38px !important; margin-top: 17px !important; padding: 0 0.75rem !important; } */ /* Open Scheduling standalone sticky box .md_openscheduling_standalone .stickybanner.floatingButtonContainer, .stickybanner.qnr-actions, .section.verifyButtons.stickybanner { position: unset !important; } */ /* ========================================== Begin DXP Theme ========================================== */ /* ===== Base styles */ /* Global text color */ /* html { color: var(--color-charcoal); } */ /* Remove body background-image, set background-color to white, and use Public Sans globally */ /* body { background-image: none; background-color: var(--color-white); font-family: var(--font-family-sans-serif); } */ /* Set internal page background color to white */ /* body.graphicHeader:not(.isPrelogin):before, body.md_selftriage_load:before, body.md_landingpage_loadlandingpagedecisiontrees:before, body.graphicHeader.md_crossdeploymentscheduling_schedulefromtoken:before, body.graphicHeader.md_openscheduling_index:before, body.graphicHeader.md_openscheduling_standalone:before, body.graphicHeader.md_anonymoustelehealth_index:before, body.md_telemedicinehome_guestvisit:before, body.graphicHeader.md_onmyway_index:before, body.graphicHeader.md_standalone_signup:before, body.graphicHeader.md_anonymousscheduling_generateerrorviewfromtoken:before, body.tvmode.graphicHeader:before { background-color: var(--color-white); } */ /* ===== Headings */ /* h1 { font-size: var(--h1-font-size); line-height: var(--h1-line-height); font-weight: var(--h1-font-weight); font-family: var(--h1-font-family); color: var(--color-headline); margin-bottom: var(--h1-margin-bottom); } h2 { font-size: var(--h2-font-size); line-height: var(--h2-line-height); font-weight: var(--h2-font-weight); font-family: var(--h2-font-family); color: var(--color-headline); margin-bottom: var(--h2-margin-bottom); } h3 { font-size: var(--h3-font-size); line-height: var(--h3-line-height); font-weight: var(--h3-font-weight); font-family: var(--h3-font-family); color: var(--color-headline); margin-bottom: var(--h3-margin-bottom); } h4 { font-size: var(--h4-font-size); line-height: var(--h4-line-height); font-weight: var(--h4-font-weight); font-family: var(--h4-font-family); color: var(--color-headline); margin-bottom: var(--h4-margin-bottom); } h5 { font-size: var(--h5-font-size); line-height: var(--h5-line-height); font-weight: var(--h5-font-weight); font-family: var(--h5-font-family); color: var(--color-headline); margin-bottom: var(--h5-margin-bottom); } h6 { font-size: var(--h6-font-size); line-height: var(--h6-line-height); font-weight: var(--h6-font-weight); font-family: var(--h6-font-family); color: var(--color-headline); margin-bottom: var(--h6-margin-bottom); } */ /* Common header title color overrides to ocean blue */ /* h1, h2, h3, h4, .header, .heading, .hover a.header:focus, .hover a.header:hover, .hover a.heading:focus, .hover a.heading:hover, .titlebar, .sectionheader, .formsection > legend, table thead tr { color: var(--color-ocean); } */ /* ===== Paragraph */ /* p { font-size: var(--paragraph-small-font-size); line-height: var(--paragraph-small-line-height); font-weight: var(--paragraph-small-font-weight); font-family: var(--paragraph-small-font-family); margin: 0 0 var(--paragraph-small-margin-bottom); } */ /* ===== Links */ /* a:not(button, .button, .copyright a, #footer a) { color: var(--link-color); display: inline-flex; text-decoration: underline; text-underline-offset: 0.45em; text-decoration-color: var(--link-border-bottom-color); text-decoration-thickness: 1px; transition: all 0.3s ease-in-out; font-size: var(--paragraph-small-font-size); font-family: var(--font-family-sans-serif); line-height: 180%; align-items: center; column-gap: 8px; font-weight: 500; } a:not(button, .button, .copyright a, #footer a):hover, a:not(button, .button, .copyright a, #footer a):focus { text-decoration-color: var(--link-border-bottom-color-hover); padding-right: 0.0000001px; } */ /* ===== Buttons */ /* .button { box-shadow: none; display: block; fill: currentColor; margin: 0.5rem 0; position: relative; user-select: none; white-space: normal; overflow-wrap: break-word; padding: var(--button-padding); transition: all 0.3s ease-in-out; text-decoration: none; align-items: center; column-gap: 10px; box-shadow: none; font-weight: 500; line-height: 150%; font-size: 1rem; font-family: var(--font-family-sans-serif); border-radius: var(--button-border-radius); border: none; cursor: pointer; } .button:hover, .button:focus { box-shadow: var(--button-hover-box-shadow); } .button.primary.positive { box-shadow: none; background-color: var(--button-ocean-background-color); } .button.primary.positive:hover, .button.primary.positive:focus { background-color: var(--button-ocean-background-color-hover); box-shadow: var(--button-hover-box-shadow); } .button.secondary.positive, .button.previousstep, #main .back .button { background-color: var(--color-air); border: none; box-shadow: none; padding: var(--button-padding); color: var(--color-ocean); } .button.secondary.positive:hover, .button.secondary.positive:focus, .button.previousstep:hover, .button.previousstep:focus, #main .back .button:hover, #main .back .button:focus { color: var(--color-ocean); background-color: var(--button-air-background-color-hover); box-shadow: var(--button-hover-box-shadow); } */ /* ===== Form and input styles */ /* Placeholders */ /* input::placeholder { color: var(--color-charcoal); opacity: 0.6; } */ /* Due to random required fields, generically adding a margin-top to all inputs to space them out vs below the input */ /*.ghostInput, .ghostInput.compact { margin-top: 24px !important; margin-bottom: 0px !important; }*/ /* Base input */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > input, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > input, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > input, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.ghosted input, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.ghosted span.readOnlyInput, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) select, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) textarea, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > select, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > select, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > select, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.ghosted select, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > textarea, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > textarea, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > textarea, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.ghosted textarea, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .jsreq:not(.button) { border: 1px solid var(--color-ocean); border-radius: 4px; height: 51px; max-width: 100%; padding: 12px 4px; font-size: 1rem; line-height: 1.5; font-family: var(--font-family-sans-serif); font-weight: 400; transition: all 300ms ease-in-out; outline: none; margin: 0px; } /* Textarea height overrides */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > textarea, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > textarea, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > textarea, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.ghosted textarea { height: 160px; } /* Input hover shadow */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > input:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > input:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > input:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.ghosted input:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.ghosted span.readOnlyInput:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) select:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) textarea:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > select:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > select:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > select:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.ghosted select:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > textarea:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > textarea:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > textarea:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.ghosted textarea:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .jsreq:not(.button):hover { box-shadow: var(--ocean-box-shadow) !important; } /* Input focus/active border */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > input:focus, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > input:focus, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > input:focus, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > select:focus, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > select:focus, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > select:focus, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > textarea:focus, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > textarea:focus, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > textarea:focus, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .jsreq:not(.button):focus { border: 1px solid var(--color-sky); border-radius: 4px; height: 51px; max-width: 100%; line-height: 1.5; font-family: var(--font-family-sans-serif); font-weight: 400; transition: all 300ms ease-in-out; outline: none; } /* Textarea height overrides */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > textarea:focus, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > textarea:focus, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > textarea:focus, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.ghosted textarea:focus { height: 160px; } /* Input disabled border color */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > input:disabled, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > input:disabled, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > input:disabled, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > select:disabled, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > select:disabled, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > select:disabled, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > textarea:disabled, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > textarea:disabled, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > textarea:disabled, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .jsreq:not(.button):disabled { border: 1px solid var(--color-mid-gray); } /* Remove over shadow if disabled input */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > input:disabled:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > input:disabled:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > input:disabled:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > select:disabled:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > select:disabled:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > select:disabled:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > textarea:disabled:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > textarea:disabled:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > textarea:disabled:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .jsreq:not(.button):hover { box-shadow: none; } /* Invalid input border color */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > input:invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > input.invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > input:invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > input.invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > input:invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > input.invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > select:invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > select.invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > select:invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > select.invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > select:invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > select.invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > textarea:invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField > textarea.invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > textarea:invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact > textarea.invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > textarea:invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.compact.ghosted > textarea.invalid, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .jsreq:not(.button).inputHighlighted, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .jsreq:not(.button).inputHighlighted:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .jsreq:not(.button).inputHighlighted:focus { border: 1px solid var(--color-emergency-red); } /* Field type indicators (number, letter, etc.) */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .helptext.accessibleLabel { margin: 0 0 20px; } /* Remove asterisk inside of inputs */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField label.required::before, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField label.required::before, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField label.required::before, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) label.required::before, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .required label::before, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .fieldGroupPrompt.required::before, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .required .fieldGroupPrompt::before { background: none; margin: 0px; height: 0px; width: 0px; } /* Match height for inputs with labels */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField label + input, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField label + select { height: 51px; } /* Field labels */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField label, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .section .content .legacyLabelledField label, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.ghosted label, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .section .content .legacyLabelledField.ghosted label { border-style: none; font-size: 1rem; height: fit-content; line-height: 1; margin: 0 0 8px; width: 100%; transition: none; color: var(--color-black); opacity: 1; font-family: var(--font-family-sans-serif-semibold); } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .fieldGroupPrompt { padding: 0px; color: var(--color-black); } /* Throw a red asterisk on the end of required labels */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField label.required:not([for=Login]):not([for=Password])::after, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) label.required:not([for=Login]):not([for=Password])::after, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .required label:not([for=Login]):not([for=Password])::after, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .fieldGroupPrompt.required:not([for=Login]):not([for=Password])::after, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .required .fieldGroupPrompt:not([for=Login]):not([for=Password])::after { content: "*"; color: var(--color-emergency-red); } /* Field labels also need similar overrides when required */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField.ghosted label.required, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .section .content .legacyLabelledField.ghosted label.required { font-size: 1rem; height: 2.5rem; line-height: 2.5rem; margin: 0; width: 100%; transition: none; color: var(--color-black); opacity: 1; } /* Helptext */ .helptext { color: var(--color-charcoal); } /* ===== Prelogin */ /* Remove bacground pattern */ body.graphicHeader:not(.isPrelogin):after, body.md_selftriage_load:after, body.md_landingpage_loadlandingpagedecisiontrees:after, body.graphicHeader.md_crossdeploymentscheduling_schedulefromtoken:after, body.graphicHeader.md_openscheduling_index:after, body.graphicHeader.md_openscheduling_standalone:after, body.graphicHeader.md_anonymoustelehealth_index:after, body.md_telemedicinehome_guestvisit:after, body.graphicHeader.md_onmyway_index:after, body.graphicHeader.md_standalone_signup:after, body.graphicHeader.md_anonymousscheduling_generateerrorviewfromtoken:after, body.md_proxyselect_index:after, body.graphicHeader.md_bedlogin_index:after, body.graphicHeader.md_react_index:after, body.midlogin:after { background: none; } body:not(.graphicHeader) #content:after, body.accessPage #content:after, body.recoveryPage #content:after, body.resetPage #content:after { background: transparent; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) { color: var(--color-charcoal); background-image: none; background-color: var(--color-white); font-family: var(--font-family-sans-serif); } /* Set Prelogin background color to air */ @media only screen and (min-width: 1300px) { body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index):not(.md_secondaryvalidation_index) { background-color: var(--color-air); } } /* Wrap margin fix for 10.9 */ body.isPrelogin #wrap { margin: auto; } /* header logo */ #homepage-logo { display: block; margin: 40px auto 0; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #header:not(:empty).prelogin { height: auto; padding: 0px; box-shadow: none; } @media screen and (min-width: 1301px) { body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #header:not(:empty).prelogin { margin: 0 auto 80px; box-shadow: none; } } /* body.isPrelogin:not(.embedded) #header { background-image: url(../images/loginlogo.svg); background-repeat: no-repeat; background-size: 152px; background-position: center 24px; border: none; box-shadow: none; height: 84px; padding: 0px; } */ @media screen and (min-width: 768px) { body.isPrelogin:not(.embedded) #header { background-size: 243px; background-position: center 40px; height: 152px; } } @media screen and (min-width: 1301px) { body.isInside #graphicHeader:not(:empty) #header_go_home #header_logo { width: 100%; } } #graphicHeader:not(:empty) #header_go_home { width: 11.65rem; } /* Hide logos on certain page types */ body.md_secondaryvalidation_index #header #header_logo, body.md_openscheduling_standalone #header #header_logo, body.md_openscheduling_index #header #header_logo, body.md_termsconditions_index #header #header_logo { display: none; } /* Lite login mode */ @media screen and (min-width: 1300px) { body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #wrap body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #wrap { max-width: 600px; } } @media screen and (min-width: 1300px) { body.liteMode #wrap #content.hasSidebar { grid-template-columns: 100% 0%; grid-template-areas: "sidebar main" "footer footer"; width: 600px; align-self: center; } } @media screen and (min-width: 1300px) { body.liteMode #wrap #content.hasSidebar #sidebar > * { padding-left: 0px; padding-right: 0px; } } body.liteMode #wrap { min-height: auto; } @media screen and (min-width: 1300px) { body.liteMode #wrap { min-height: 100vh; } } /* Secondary Validation */ body.md_secondaryvalidation_index .fitme.width { min-width: 100%; } body.md_secondaryvalidation_index #two-factor-container .logoutLink { max-width: 220px; margin: auto; box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2); color: #ffffff; background-color: #1c78c5; border: none; border-radius: 4px; cursor: pointer; display: block; fill: currentColor; font-family: inherit; font-size: 1rem; line-height: normal; padding: 0.375rem 0.75rem; position: relative; text-align: center; user-select: none; white-space: normal; overflow-wrap: break-word; } /* ===== Headings */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) h1, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #main .title h1 { font-size: var(--h1-font-size); white-space: normal; line-height: var(--h1-line-height); font-weight: var(--h1-font-weight); font-family: var(--h1-font-family); color: var(--color-headline); margin-bottom: var(--h1-margin-bottom); } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) h2 { font-size: var(--h2-font-size); line-height: var(--h2-line-height); font-weight: var(--h2-font-weight); font-family: var(--h2-font-family); color: var(--color-headline); margin-bottom: var(--h2-margin-bottom); } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) h3 { font-size: var(--h3-font-size); line-height: var(--h3-line-height); font-weight: var(--h3-font-weight); font-family: var(--h3-font-family); color: var(--color-headline); margin-bottom: var(--h3-margin-bottom); } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) h4 { font-size: var(--h4-font-size); line-height: var(--h4-line-height); font-weight: var(--h4-font-weight); font-family: var(--h4-font-family); color: var(--color-headline); margin-bottom: var(--h4-margin-bottom); } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) h5 { font-size: var(--h5-font-size); line-height: var(--h5-line-height); font-weight: var(--h5-font-weight); font-family: var(--h5-font-family); color: var(--color-headline); margin-bottom: var(--h5-margin-bottom); } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) h6 { font-size: var(--h6-font-size); line-height: var(--h6-line-height); font-weight: var(--h6-font-weight); font-family: var(--h6-font-family); color: var(--color-headline); margin-bottom: var(--h6-margin-bottom); } /* Common header title color overrides to ocean blue */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) h1, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) h2, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) h3, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) h4, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .header, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .heading, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .hover a.header:focus, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .hover a.header:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .hover a.heading:focus, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .hover a.heading:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .titlebar, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .sectionheader, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .formsection > legend:not(.fieldGroupPrompt.required), body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) table thead tr { color: var(--color-ocean); } /* ===== Paragraph */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) p { font-size: var(--paragraph-small-font-size); line-height: var(--paragraph-small-line-height); font-weight: var(--paragraph-small-font-weight); font-family: var(--paragraph-small-font-family); margin: 0 0 var(--paragraph-small-margin-bottom); } /* ===== Links */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) a:not(button):not(.button):not(.copyright a):not(#footer a):not(#showCategoriesTab):not(._InternalLink):not(._InternalDeepLink) { color: var(--link-color); display: inline-flex; text-decoration: underline; text-underline-offset: 0.45em; text-decoration-color: var(--link-border-bottom-color); text-decoration-thickness: 1px; transition: all 0.3s ease-in-out; font-size: var(--paragraph-small-font-size); font-family: var(--font-family-sans-serif); line-height: var(--paragraph-line-height); align-items: center; column-gap: 8px; font-weight: 500; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) a:not(button):not(.button):not(.copyright a):not(#footer a):not(#showCategoriesTab):not(._InternalLink):not(._InternalDeepLink):hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) a:not(button):not(.button):not(.copyright a):not(#footer a):not(#showCategoriesTab):not(._InternalLink):not(._InternalDeepLink):focus { text-decoration-color: var(--link-border-bottom-color-hover); padding-right: 0.0000001px; } /* ===== Inputs */ /* Put the labels above the fields */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField label + input, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField label + select, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField label + textarea { margin-top: 0px; } /* Prelogin box radius and shadows */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content { border-radius: none; box-shadow: none; } @media only screen and (min-width: 1300px) { body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index):not(.md_secondaryvalidation_index) #content { border-radius: var(--transactional-window-border-radius); box-shadow: var(--transactional-window-box-shadow); } } /* Prelogin box widths */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #wrap { width: 100%; min-width: initial; } @media only screen and (min-width: 1300px) { body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #wrap { max-width: 1160px; } } /* myWellSpan logo */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #main { text-align: center; } body.isPrelogin #main .logo { text-align: center; } @media only screen and (min-width: 1300px) { body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #main { text-align: left; } } body.isPrelogin:not(.embedded):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_standalone_signup) .logo { display: none !important; } /* Prelogin alert banner */ #header:not(:empty).prelogin { background-color: transparent; } .alert-banner { border-top: 4px solid var(--color-sky); position: relative; display: flex; align-items: center; background-color: var(--color-light-gray); color: var(--color-charcoal); } @media screen and (min-width: 768px) { .alert-banner { border-top: none; margin: 16px 16px 0 16px; border-radius: var(--transactional-window-border-radius); } } @media screen and (min-width: 1300px) { .alert-banner { margin: 16px 0 0 0; } } .alert-banner-icon { display: none; } @media screen and (min-width: 768px) { .alert-banner-icon { background-color: var(--color-sky); align-self: stretch; display: flex; align-items: center; padding: 24px; flex: 0 0 80px; border-radius: var(--transactional-window-border-radius) 0 0 var(--transactional-window-border-radius); } } @media screen and (min-width: 768px) { .alert-banner-icon svg { width: 32px !important; height: 32px; } } .alert-banner-content { flex: 1 1 0%; min-width: 0; display: flex; flex-direction: column; gap: 8px; padding: 16px 24px 24px; } .alert-banner-content p { margin-bottom: 0 !important; } /* Prelogin computer illustration image */ body.isPrelogin .homeLangingImg { width: 100%; height: 244px; object-fit: cover; border-radius: 16px; margin-top: 48px; margin-bottom: 48px; } @media only screen and (min-width: 1300px) { body.isPrelogin .homeLangingImg { margin-top: 0px; } } /* Build a grid for the feature content */ .homeFeatureGrid { display: flex; flex-wrap: wrap; gap: 48px; } /* Prelogin feature text containers */ .homeFeatureContainer { display: flex; gap: 24px; } /* Individual feature items */ .homeFeatureItem { display: flex; flex-basis: 100%; justify-content: flex-start; } .homeIconContainer { width: 64px; /* Fixed width for the icon container */ text-align: center; } .homeFeatureHeader { margin-bottom: 12px !important; } .homeFeatureContainer .homeFeatureInfo { margin-bottom: 12px !important; } .homeFeatureContainer .homeFeatureInfo:last-child { margin-bottom: 0 !important; } /* Prelogin adjustment to grid column widths */ @media only screen and (min-width: 1300px) { body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar { grid-template-columns: 40% 60%; margin: 0 0 80px; grid-template-areas: "sidebar main" "footer footer"; } } /* Specific tweaks to signup page content margins */ body.md_standalone_signup #wrap #content.hasSidebar { margin: 80px 0; } /* Prelogin right sidebar (now left) tweaks */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar #sidebar, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar #main { padding: 0 24px 40px 24px; box-shadow: none; background-color: var(--color-white); color: var(--color-charcoal); border-left: var(--transactional-window-border); } @media only screen and (min-width: 1300px) { body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar #sidebar, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar #main { padding: 80px 0; } } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar #sidebar > * { max-width: 100%; } @media only screen and (min-width: 768px) { body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar #sidebar > *, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar #main > * { max-width: 600px; margin-left: auto; margin-right: auto; } } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar #sidebar { line-height: var(--paragraph-small-line-height); } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar #sidebar .header { font-size: var(--h4-font-size); font-weight: var(--h4-font-weight); font-family: var(--h4-font-family); } @media only screen and (min-width: 1300px) { body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar #sidebar > * { padding-left: 80px; padding-right: 80px; } } /* Prelogin paddings for main content area */ @media only screen and (min-width: 1300px) { body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar #main { padding: 80px; } } /* Remove negative placement for language switcher */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #locale_container.prelogin { top: 0; text-align: center; height: auto; } /* Login alerts */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .loginAlerts { margin: 0; min-height: fit-content; } body.loginPage:not(.embedded) .loginAlerts:before { content: "Log In to MyWellSpan"; display: block; font-size: 2rem; line-height: var(--h1-line-height); font-weight: var(--h1-font-weight); font-family: var(--h1-font-family); color: var(--color-headline); margin: 12px auto 40px auto; } @media only screen and (min-width: 768px) { body.loginPage:not(.embedded) .loginAlerts:before { font-size: 2.5rem; } } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .loginAlerts span:not(#errorMessage), body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .alert.card { background-color: var(--color-light-gray); border-radius: var(--transactional-window-border-radius); margin: 0 0 40px; padding: 24px; color: var(--color-charcoal); min-height: auto; text-align: left; width: 100%; box-shadow: none; line-height: var(--paragraph-line-height); } body.loginPage #loginForm #Login, body.loginPage #loginForm #Password { padding: 12px 16px; } body.loginPage #loginForm #Login, body.loginPage #loginForm #Password { padding: 12px 16px; } body.loginPage #loginForm .visibilityToggle { top: 3.25rem; right: 0.75rem; } /* Right side inputs */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .legacyLabelledField { margin-bottom: 24px; } /* Sign in button */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .login .button { padding: var(--button-padding); background-color: var(--button-spotlight-background-color); color: var(--button-spotlight-color); transition: all 0.3s ease-in-out; text-decoration: none; align-items: center; column-gap: 10px; box-shadow: none; font-weight: 500; line-height: 150%; font-size: 1rem; font-family: var(--font-family-sans-serif); border-radius: var(--button-border-radius); border: 0; cursor: pointer; font-weight: 500; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .login .button:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .login .button:focus { background-color: var(--button-spotlight-background-color-hover); box-shadow: var(--button-spotlight-box-shadow); } /* Forgot username and password margins */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .ghostInput.compact + .ghostInput input { border-style: solid; border-width: 1px 1px 1px; } /* Submit button */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #submit { margin: 0 0 24px; } /* Forgot username/password */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .recovery { max-width: 100%; margin: 0; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .recovery a { text-align: center; width: auto; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .recovery a:first-child { column-gap: 0 !important; margin-right: 10px; } /* Create account area */ @media only screen and (min-width: 1300px) { body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebar .signup { padding: 24px; } } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebar .posttext, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebar .signup .header.center { display: none; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebar .loginCaptcha { margin-top: 0; } /* body.isPrelogin:not(.embedded):not(.md_openscheduling_standalone):not(.md_openscheduling_index) #sidebar .header { color: var(--color-ocean); font-family: var(--font-family-sans-serif); font-size: 18px; display: inline; margin-right: 12px; } */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebar .helpfeaturescontainer { flex-direction: column; align-items: center; margin: 0; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebar .helpfeaturescontainer .button { width: 100%; margin: 0; box-sizing: border-box; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebar .helpfeaturescontainer .button.passkey { color: var(--link-color); text-decoration: underline; text-underline-offset: 0.25em; text-decoration-color: var(--link-border-bottom-color); text-decoration-thickness: 1px; transition: all 0.3s ease-in-out; font-size: var(--paragraph-small-font-size); font-family: var(--font-family-sans-serif); line-height: var(--paragraph-line-height); align-items: center; column-gap: 8px; font-weight: 500; padding: 0; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebar .helpfeaturescontainer .button.passkey:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebar .helpfeaturescontainer .button.passkey:focus, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebar .helpfeaturescontainer .button.passkey:active { text-decoration-color: var(--link-border-bottom-color-hover); background-color: transparent; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebar .helpfeaturescontainer .button.passkey::after { content: ""; width: 100%; height: 1px; background-color: var(--transactional-window-border-color); display: block; margin-top: 40px; position: relative; left: 0px; width: calc(100% + 160px); } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebar .helpfeaturescontainer .button.signup { padding: var(--button-padding); background-color: var(--color-white); color: var(--color-ocean); margin: 40px 0; transition: all 0.3s ease-in-out; text-decoration: none; align-items: center; column-gap: 10px; box-shadow: none; font-weight: 500; line-height: 150%; font-size: 1rem; font-family: var(--font-family-sans-serif); border-radius: var(--button-border-radius); border: 1px solid var(--color-ocean); cursor: pointer; font-weight: 500; max-width: 100%; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebar .helpfeaturescontainer .button.signup:hover, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebar .helpfeaturescontainer .button.signup:focus { background-color: var(--color-ocean); color: var(--color-white); box-shadow: var(--button-spotlight-box-shadow); } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebar .helpfeaturescontainer .helpfeatureicon { display: none; } /* Homepage footer */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar #footer { background: none; box-shadow: none; border-top: var(--transactional-window-border); background-color: var(--color-light-gray); padding: 40px 24px; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #mainFooter, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebarFooter { background: transparent !important; } @media only screen and (min-width: 1300px) { body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar #footer { padding: 40px; } } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content #mainFooter, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content #sidebarFooter { padding: 0; align-items: center; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content #mainFooter .alignEnd { text-align: center; } @media only screen and (min-width: 768px) { body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content #mainFooter .alignEnd { text-align: left; } } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar #sidebarFooter { box-shadow: none; } @media only screen and (min-width: 1300px) { body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar #sidebarFooter { margin-top: -16px; } } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #content.hasSidebar #sidebarFooter .copyright { line-height: var(--paragraph-line-height); } /* Footer links */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #footer .links a, body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #footer .links a:first-child { font-size: 14px; color: var(--color-ocean); text-decoration: underline; margin: 0; } @media only screen and (min-width: 768px) { body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #footer .links a { margin: 0 12px 0 0; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #footer .links a:first-child { margin: 0 12px 0 0; } } /* Tweak copyright year spacing in some width scenarios */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .copyyear { padding-left: 3px; } /* ===== Main Content */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #main .title { height: auto; } /* ===== Sidebar */ /* Sidebar font size */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #sidebar { font-size: var(--paragraph-font-size); } /* Sidebar image on specfic pages */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_passwordreset_index):not(.md_openscheduling_index):not(.md_standalone_signup):not(.md_secondaryvalidation_index):not(.md_login_login):not(.md_secondaryvalidation_index):not(.md_termsconditions_index):not(.md_proxyselect_index) #locale_container::before { content: ""; background-image: url(../images/sidebar-graphic.webp); background-repeat: no-repeat; background-position: center center; background-size: contain; height: 200px; display: block; margin-bottom: 24px; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #locale_container { margin-bottom: 24px; } /* ===== Prelogin FAQs page */ /* Bulleted list line-heights */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .faq .bulleted li { line-height: var(--paragraph-line-height); } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .faq ol { margin: 0.75rem 0 0.75rem 1rem; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) ol.bulleted { padding-left: 1rem; } /* ===== Guest Bill Pay */ body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) .guestPayWarning { background-color: var(--color-light-gray); padding: 16px; border-radius: 16px; } body.isPrelogin:not(.embedded):not(.md_proxyselect_index):not(.md_openscheduling_standalone):not(.md_openscheduling_index):not(.md_secondaryvalidation_index) #assistiveicons { float: right; } body.md_guestpay_payasguest #divVerifiedInfo .col-3 { width: 100%; } body.md_guestpay_payasguest #extPmtPageHeader { color: var(--color-charcoal); font-size: var(--paragraph-small-font-size); line-height: var(--paragraph-small-line-height); font-weight: var(--paragraph-small-font-weight); font-family: var(--paragraph-small-font-family); margin: 0 0 var(--paragraph-small-margin-bottom); } /* ===== Guest Estimates */ body.md_guestestimates_getestimatedetails #essOverallBenefitsContainer h2.explanable, body.md_guestestimates_getestimatedetails #essEstimateDrilldown h2.sectionTitle { font-size: 1.25rem; } /* ===== Proxy Prelogin Page */ body.md_proxyselect_index #main { padding: 80px; } /* ===== 2FA */ /* Remove the background pattern body.midlogin:before { z-index: 0; } */ /* ===== Embdedded pages */ /* Add padding to the whole wrapper */ /* @media only screen and (min-width: 768px) { body.embedded #main { padding: 40px; } } */ /* Remove section top/bottom margin */ /* @media only screen and (min-width: 768px) { body.embedded .section .content { margin: 0; } } */ /* Remove border around the RMS window */ /* body.embedded .department_map { border: none; } */ /* @media only screen and (min-width: 769px) { body.embedded .department_map { height: 680px; } } */ /* body.isPrelogin:not(.fullHeightPrelogin) #content { min-height: 100px !important; } */ /* RMS left sidebar */ /* body.embedded .department_map .listElementDetails { padding: 40px 24px; box-shadow: none; } */ /* @media only screen and (min-width: 768px) { body.embedded .department_map .listElementDetails { padding: 0 40px 0 0; box-shadow: none; } body.embedded .department_map .listHolder { width: 50rem; } } */ /* Adjust main heading to look like H4 */ /* body.embedded .department_map .header.large { font-size: var(--h4-font-size); line-height: var(--h4-line-height); font-weight: var(--h4-font-weight); font-family: var(--h4-font-family); color: var(--color-headline); margin-bottom: 24px; } */ /* Adjust RMS wait time font size and weight */ /* body.embedded .department_map .waitTimeString { font-size: var(--paragraph-small-font-size); line-height: var(--paragraph-small-line-height); font-family: var(--font-family-sans-serif-bold); } */ /* RMS help text about arriving late */ /* body.embedded .department_map .helptext { color: var(--color-charcoal); font-size: var(--paragraph-small-font-size); line-height: var(--paragraph-small-line-height); } */ /* RMS address, hours, and phone icons */ /* body.embedded .department_map .inlineIcon { width: 24px; height: 24px; top: 0; margin-right: 16px; } */ /* RMS address, hours, and phone copy */ /* body.embedded .department_map .detailsSection .details { font-size: var(--paragraph-small-font-size); line-height: var(--paragraph-small-line-height); } */ /* RMS margins between address, hours, and phone copy */ /* body.embedded .department_map .detailsSection .rowSectionSparse.flexParent { margin: 0 0 12px; } */ /* RMS remove margin after phone */ /* body.embedded .department_map .detailsSection .rowSectionSparse.flexParent:last-child { margin: 0; } */ /* RMS choose a time header to look like h4 */ /* body.embedded .department_map .header.medium { font-size: var(--h4-font-size); line-height: var(--h4-line-height); font-weight: var(--h4-font-weight); font-family: var(--h4-font-family); color: var(--color-headline); margin-top: 24px; } */ /* RMS choose a time header sub head to look like p */ /* body.embedded .department_map .header.small { font-size: var(--paragraph-small-font-size); line-height: var(--paragraph-small-line-height); color: var(--color-charcoal); margin-bottom: 24px; } */ /* RMS hide borders between detail sections */ /* body.embedded .department_map .listHolder .listElementDetails .detailsSection:not(.first):before { display: none; } */ /* RMS time slot button styles */ /* body.embedded .department_map .col-4.slot.button.secondary.neutral { font-family: var(--font-family-sans-serif-semibold); font-size: 14px; font-style: normal; font-weight: 500; line-height: 150%; display: inline-flex; padding: 12px 24px; justify-content: center; align-items: center; background-color: var(--color-white); border: 1px solid var(--color-ocean); color: var(--color-ocean); border-radius: var(--button-border-radius); transition: all 0.2s ease-in-out; } */ /* body.embedded .department_map .col-4.slot.button.secondary.neutral:hover, body.embedded .department_map .col-4.slot.button.secondary.neutral:active { box-shadow: none; box-shadow: var(--ocean-box-shadow); } */ /* RMS Padding around time slot buttons */ /* body.embedded .department_map .grid.omwSlots { margin-bottom: 0px; margin-top: 0px; } */ /* RMS map */ /* RMS mobile map margins */ /* body.embedded .mapHolder { margin: 40px 24px; max-width: calc(100% - 48px); } */ /* RMS map left margin */ /* @media only screen and (min-width: 768px) { body.embedded .mapHolder { margin: 0 0 0 40px; } } */ /* Remove borders around map */ /* body.embedded .mapHolder .placeHolder { border: none; } */ /* RMS loading text for map */ /* body.embedded .mapHolder iframe { border-radius: var(--transactional-window-border-radius); } */ /* ===== Recover username pages */ /* Hide "Home" button on recover username final step */ body.recoveryPage .button.jsreq.otherbutton { display: none; } /* ===== DXP Login Widget Styles */ /* Hide the passkey link for now body.embedded.isPrelogin .passkey { display: none !important; } */ /* No Cookies Firefox Button */ body.isPrelogin.ready #LoginNoCookies p { text-align: left; margin-bottom: 24px; } body.isPrelogin.ready #noCookiesButtonContainer #noCookiesButton { padding: var(--button-padding); border-radius: var(--button-border-radius); transition: all 0.3s ease-in-out; text-decoration: none; align-items: center; column-gap: 10px; font-size: 1rem; font-weight: 500; line-height: 150%; background-color: var(--button-spotlight-background-color); box-shadow: none; color: var(--button-spotlight-color); white-space: nowrap; width: auto !important; border: none; margin-top: 16px; display: inline; } body.isPrelogin.ready #noCookiesButtonContainer #noCookiesButton:hover, body.isPrelogin.ready #noCookiesButtonContainer #noCookiesButton:focus { background-color: var(--button-spotlight-background-color-hover); box-shadow: var(--button-spotlight-box-shadow); } .embedded.isPrelogin #sitebanner { display: none !important; } .embedded.isPrelogin .spinningLoadWheel { display: none !important; } /* body.isPrelogin:not(.fullHeightPrelogin) #content { min-height: 100% !important; } */ .embedded.isPrelogin { min-width: auto !important; min-height: auto !important; overflow: hidden !important; } .embedded.isPrelogin .legacyLabelledField { width: auto !important; } .embedded.isPrelogin #submit { display: block !important; } .embedded.isPrelogin a:not(:last-child):after { margin: 0 !important; } .embedded.isPrelogin #main { padding: 1rem; font-family: var(--font-family-sans-serif); font-weight: 400; padding: 0 16px !important; } .embedded.isPrelogin .signup { display: none; } .embedded.isPrelogin .login { max-width: 100% !important; } .embedded.isPrelogin .legacyLabelledField > input, .embedded.isPrelogin .legacyLabelledField.compact > input, .embedded.isPrelogin .legacyLabelledField.compact.ghosted > input { height: 48px; font-size: 1rem; width: 100%; padding: 16px; position: relative; top: 0; left: 0; z-index: 1; color: var(--color-charcoal); background-color: transparent; border: 1px solid var(--color-ocean); border-radius: 4px; max-width: 100%; line-height: 1.5; font-family: var(--font-family-sans-serif); font-weight: 400; transition: all 0.3s ease-in-out; outline: none; margin-bottom: 16px; } .embedded.isPrelogin .legacyLabelledField > input:focus, .embedded.isPrelogin .legacyLabelledField.compact > input:focus, .embedded.isPrelogin .legacyLabelledField.compact.ghosted > input:focus, .embedded.isPrelogin .legacyLabelledField.compact > input:focus, .embedded.isPrelogin .legacyLabelledField > input:focus { border-radius: 4px; border: 1px solid var(--color-sky); } .embedded.isPrelogin input:hover { box-shadow: var(--ocean-box-shadow); } .embedded.isPrelogin .legacyLabelledField label, .embedded.isPrelogin .section .content .legacyLabelledField label { display: block; font-size: 1rem; height: 2.5rem; line-height: unset; margin: 0 0 8px -2px; width: calc(100% - 1rem); transition: all 0.3s ease-in-out; color: var(--color-charcoal); opacity: 1; } .embedded.isPrelogin label::before { display: none; background: none; margin: 0; height: 0; width: 0; } .embedded.isPrelogin .legacyLabelledField + .legacyLabelledField input { border-top: 1px solid var(--color-ocean); border-radius: 4px; } .embedded.isPrelogin .legacyLabelledField.ghosted label, .embedded.isPrelogin .section .content .legacyLabelledField.ghosted label { display: none; } .embedded.isPrelogin .legacyLabelledField.ghosted:focus label, .embedded.isPrelogin .section .content .legacyLabelledField.ghosted:focus label { display: none; } .embedded.isPrelogin .legacyLabelledField.ghosted label.required, .embedded.isPrelogin .section .content .legacyLabelledField.ghosted label.required { margin: 0 0.75rem -1.25rem; } .embedded.isPrelogin .legacyLabelledField.ghosted label.required:before { margin: 0 0.4rem 0 -0.95rem; } .embedded.isPrelogin .legacyLabelledField.ghosted span.readOnlyInput { padding: 0.875rem 0.25rem 0; } .embedded.isPrelogin .button.tall.newworkflow, .embedded.isPrelogin .button.tall.jsreq.completeworkflow { padding: var(--button-padding); border-radius: var(--button-border-radius); transition: all 0.3s ease-in-out; text-decoration: none; align-items: center; column-gap: 10px; font-size: 1rem; font-weight: 500; line-height: 150%; background-color: var(--button-spotlight-background-color); box-shadow: none; color: var(--button-spotlight-color); white-space: nowrap; width: auto !important; border: none; margin-bottom: 16px; } .embedded.isPrelogin .button.tall.newworkflow:hover, .embedded.isPrelogin .button.tall.jsreq.completeworkflow:hover { background-color: var(--button-spotlight-background-color-hover); box-shadow: var(--button-spotlight-box-shadow); } .embedded.isPrelogin #submit { margin: 0.5rem 0 !important; } .embedded.isPrelogin .recovery { text-align: left !important; max-width: 100% !important; } .embedded.isPrelogin .login .recovery { font-size: 0.8rem; color: var(--link-color); display: inline-flex; text-decoration: underline; text-underline-offset: 0.45em; -webkit-text-decoration-color: var(--link-border-bottom-color); text-decoration-color: var(--link-border-bottom-color); text-decoration-thickness: 1px; transition: all 0.3s ease-in-out; font-family: var(--font-family-sans-serif); line-height: 180%; align-items: center; /*-moz-column-gap: 8px; column-gap: 0px;*/ font-weight: 500; } .embedded.isPrelogin .login .recovery > a:active, .embedded.isPrelogin .login .recovery > a:hover { text-decoration-color: var(--link-border-bottom-color-hover); } .embedded.isPrelogin a:not(:last-child):after { content: "" !important; /*opacity: 0;*/ } .embedded.isPrelogin a:last-child { padding-left: 12px; } .embedded.isPrelogin #sidebarFooter { padding: 0 !important; } .embedded.isPrelogin .copyyear { padding-left: 3px; } .embedded.isPrelogin .copyright a { text-decoration: none; cursor: default; } .embedded.isPrelogin .jsreq.inputHighlighted, .embedded.isPrelogin .jsreq.inputHighlighted:hover, .embedded.isPrelogin .jsreq.inputHighlighted:focus { border-color: var(--color-emergency-red) !important; } .embedded.isPrelogin .inputHighlighted + .required { color: var(--color-emergency-red); font-weight: bold; } .embedded.isPrelogin .helpfeaturescontainer { flex-direction: column; align-items: center; margin: 0; } .embedded.isPrelogin .helpfeaturescontainer .button { width: 100%; margin: 0; box-sizing: border-box; } .embedded.isPrelogin .helpfeaturescontainer .helpfeature.button.tertiary.neutral.passkey { background-color: transparent; color: var(--link-color); text-decoration: underline; text-underline-offset: 0.45em; text-decoration-color: var(--link-border-bottom-color); text-decoration-thickness: 1px; transition: all 0.3s ease-in-out; font-size: 0.8rem; font-family: var(--font-family-sans-serif); line-height: var(--paragraph-line-height); align-items: start; column-gap: 8px; font-weight: 500; padding: 0; width: 100%; margin: 0 0 24px; } .embedded.isPrelogin .helpfeaturescontainer .helpfeature.button.tertiary.neutral.passkey:hover, .embedded.isPrelogin .helpfeaturescontainer { text-decoration-color: var(--link-border-bottom-color-hover); } .embedded.isPrelogin .helpfeaturescontainer .helpfeatureicon, .embedded.isPrelogin .helpfeaturescontainer .button.tertiary.neutral.signup { display: none; } .embedded.isPrelogin .login .visibilityToggle { position: absolute; top: 3.25rem; right: 0.75rem; z-index: 1; cursor: pointer; transform: translateY(-50%); } @media print { .embedded.isPrelogin .login .visibilityToggle { display: none; } } .embedded.isPrelogin .login .visibilityToggle svg { fill: #767676; height: 1.5rem; width: 1.5rem; } .embedded.isPrelogin .login .visibilityToggle svg:hover { fill: #003361; } .embedded.isPrelogin .login .loginCaptcha { margin-top: 0; } /* ===== Open Scheduling, 2FA, and sign up Terms/Conditions, Password reset */ /* Background */ body.graphicHeader.md_openscheduling_standalone:before, body.graphicHeader.md_openscheduling_index:before, body.graphicHeader.md_passwordreset_index:before, body.graphicHeader.md_standalone_signup:before, body.graphicHeader.md_secondaryvalidation_index:before, body.graphicHeader.md_termsconditions_index:before, body.graphicHeader.md_proxyselect_index:before { background-color: var(--color-white); } @media only screen and (min-width: 1300px) { body.graphicHeader.md_openscheduling_standalone:before, body.graphicHeader.md_openscheduling_index:before, body.graphicHeader.md_passwordreset_index:before, body.graphicHeader.md_standalone_signup:before, body.graphicHeader.md_secondaryvalidation_index:before, body.graphicHeader.md_termsconditions_index:before, body.graphicHeader.md_proxyselect_index:before { background-color: var(--color-air); } } /* Header look and feel edits */ body.md_openscheduling_standalone #wrap, body.md_openscheduling_index #wrap, body.md_passwordreset_index #wrap, body.md_openscheduling_index #wrap, body.md_standalone_signup #wrap, body.md_secondaryvalidation_index #wrap, body.md_termsconditions_index #wrap, body.md_proxyselect_index #wrap { min-height: auto; } body.md_openscheduling_standalone #graphicHeader:not(:empty) #locale_container #localeswitch, body.md_openscheduling_index #graphicHeader:not(:empty) #locale_container #localeswitch, body.md_passwordreset_index #graphicHeader:not(:empty) #locale_container #localeswitch, body.md_standalone_signup #graphicHeader:not(:empty) #locale_container #localeswitch, body.md_secondaryvalidation_index #graphicHeader:not(:empty) #locale_container #localeswitch, body.md_termsconditions_index #graphicHeader:not(:empty) #locale_container #localeswitch, body.md_proxyselect_index #graphicHeader:not(:empty) #locale_container #localeswitch { background-color: var(--button-ocean-background-color); } body.md_openscheduling_standalone #header.static #graphicHeader:not(:empty) #logout_button, body.md_openscheduling_standalone #header.static #graphicHeader:not(:empty) #localeswitch, body.md_openscheduling_index #header.static #graphicHeader:not(:empty) #logout_button, body.md_openscheduling_index #header.static #graphicHeader:not(:empty) #localeswitch, body.md_passwordreset_index #header.static #graphicHeader:not(:empty) #logout_button, body.md_passwordreset_index #header.static #graphicHeader:not(:empty) #localeswitch, body.md_standalone_signup #header.static #graphicHeader:not(:empty) #logout_button, body.md_standalone_signup #header.static #graphicHeader:not(:empty) #localeswitch, body.md_secondaryvalidation_index #header.static #graphicHeader:not(:empty) #logout_button, body.md_secondaryvalidation_index #header.static #graphicHeader:not(:empty) #localeswitch, body.md_termsconditions_index #header.static #graphicHeader:not(:empty) #logout_button, body.md_termsconditions_index #header.static #graphicHeader:not(:empty) #localeswitch, body.md_proxyselect_index #header.static #graphicHeader:not(:empty) #logout_button, body.md_proxyselect_index #header.static #graphicHeader:not(:empty) #localeswitch { margin-top: 13px; } @media only screen and (min-width: 768px) { body.md_openscheduling_standalone #header.static #graphicHeader:not(:empty) #logout_button, body.md_openscheduling_standalone #header.static #graphicHeader:not(:empty) #localeswitch, body.md_openscheduling_index #header.static #graphicHeader:not(:empty) #logout_button, body.md_openscheduling_index #header.static #graphicHeader:not(:empty) #localeswitch, body.md_passwordreset_index #header.static #graphicHeader:not(:empty) #logout_button, body.md_passwordreset_index #header.static #graphicHeader:not(:empty) #localeswitch, body.md_standalone_signup #header.static #graphicHeader:not(:empty) #logout_button, body.md_standalone_signup #header.static #graphicHeader:not(:empty) #localeswitch, body.md_secondaryvalidation_index #header.static #graphicHeader:not(:empty) #logout_button, body.md_secondaryvalidation_index #header.static #graphicHeader:not(:empty) #localeswitch, body.md_termsconditions_index #header.static #graphicHeader:not(:empty) #logout_button, body.md_termsconditions_index #header.static #graphicHeader:not(:empty) #localeswitch, body.md_proxyselect_index #header.static #graphicHeader:not(:empty) #logout_button, body.md_proxyselect_index #header.static #graphicHeader:not(:empty) #localeswitch { margin-top: 34px; } } body.md_openscheduling_standalone #graphicHeader:not(:empty) #header_logo .header_logo_link, body.md_openscheduling_index #graphicHeader:not(:empty) #header_logo .header_logo_link, body.md_passwordreset_index #graphicHeader:not(:empty) #header_logo .header_logo_link, body.md_standalone_signup #graphicHeader:not(:empty) #header_logo .header_logo_link, body.md_secondaryvalidation_index #graphicHeader:not(:empty) #header_logo .header_logo_link, body.md_termsconditions_index #graphicHeader:not(:empty) #header_logo .header_logo_link, body.md_proxyselect_index #graphicHeader:not(:empty) #header_logo .header_logo_link { background: transparent url(../images/loginlogo.svg) no-repeat scroll center/contain; } body.isPrelogin.graphicHeader.graphicHeader.md_openscheduling_standalone .header_graphic.static .fitme.width, body.isPrelogin.graphicHeader.graphicHeader.md_openscheduling_index .header_graphic.static .fitme.width, body.isPrelogin.graphicHeader.graphicHeader.md_passwordreset_index .header_graphic.static .fitme.width, body.isPrelogin.graphicHeader.graphicHeader.md_standalone_signup .header_graphic.static .fitme.width, body.isPrelogin.graphicHeader.graphicHeader.md_secondaryvalidation_index .header_graphic.static .fitme.width, body.isPrelogin.graphicHeader.graphicHeader.md_termsconditions_index .header_graphic.static .fitme.width, body.isPrelogin.graphicHeader.graphicHeader.md_proxyselect_index .header_graphic.static .fitme.width { width: 100%; min-width: 100%; } body.md_openscheduling_standalone #header:not(:empty), body.md_openscheduling_index #header:not(:empty), body.md_passwordreset_index #header:not(:empty), body.md_openscheduling_index #header:not(:empty), body.md_standalone_signup #header:not(:empty), body.md_secondaryvalidation_index #header:not(:empty), body.md_termsconditions_index #header:not(:empty), body.md_proxyselect_index #header:not(:empty) { min-width: auto; position: relative; background-color: transparent; box-shadow: none; } body.md_openscheduling_standalone #header:not(:empty).header_graphic.static, body.md_openscheduling_index #header:not(:empty).header_graphic.static, body.md_passwordreset_index #header:not(:empty).header_graphic.static, body.md_openscheduling_index #header:not(:empty).header_graphic.static, body.md_standalone_signup #header:not(:empty).header_graphic.static, body.md_secondaryvalidation_index #header:not(:empty).header_graphic.static, body.md_termsconditions_index #header:not(:empty).header_graphic.static, body.md_proxyselect_index #header:not(:empty).header_graphic.static { position: relative; height: 72px; } @media only screen and (min-width: 768px) { body.md_openscheduling_standalone #header:not(:empty).header_graphic.static, body.md_openscheduling_index #header:not(:empty).header_graphic.static, body.md_passwordreset_index #header:not(:empty).header_graphic.static, body.md_openscheduling_index #header:not(:empty).header_graphic.static, body.md_standalone_signup #header:not(:empty).header_graphic.static, body.md_secondaryvalidation_index #header:not(:empty).header_graphic.static, body.md_termsconditions_index #header:not(:empty).header_graphic.static, body.md_proxyselect_index #header:not(:empty).header_graphic.static { height: 152px; } } body.md_openscheduling_standalone #graphicHeader:not(:empty) #header_logo, body.md_openscheduling_index #graphicHeader:not(:empty) #header_logo, body.md_passwordreset_index #graphicHeader:not(:empty) #header_logo, body.md_openscheduling_index #graphicHeader:not(:empty) #header_logo, body.md_standalone_signup #graphicHeader:not(:empty) #header_logo, body.md_secondaryvalidation_index #graphicHeader:not(:empty) #header_logo, body.md_termsconditions_index #graphicHeader:not(:empty) #header_logo, body.md_proxyselect_index #graphicHeader:not(:empty) #header_logo { height: 32px; position: relative; margin: 40px auto 0; } body.md_openscheduling_standalone #header:not(:empty).header_graphic .header_color, body.md_openscheduling_index #header:not(:empty).header_graphic .header_color, body.md_passwordreset_index #header:not(:empty).header_graphic .header_color, body.md_openscheduling_index #header:not(:empty).header_graphic .header_color, body.md_standalone_signup #header:not(:empty).header_graphic .header_color, body.md_secondaryvalidation_index #header:not(:empty).header_graphic .header_color, body.md_termsconditions_index #header:not(:empty).header_graphic .header_color, body.md_proxyselect_index #header:not(:empty).header_graphic .header_color { background-color: transparent; } /* #graphicHeader:not(:empty) #header_extras { margin-top: 25px; } */ /* Open Scheduling message */ body.md_openscheduling_standalone .wsSchedulingMessage, body.md_openscheduling_index .wsSchedulingMessage { margin-top: 20px; font-size: 1rem; font-weight: normal; color: var(--color-white); } @media only screen and (min-width: 769px) { body.md_openscheduling_standalone .wsSchedulingMessage, body.md_openscheduling_index .wsSchedulingMessage { color: var(--color-charcoal); } } /* Hide Open Scheduling message internally */ body.md_scheduling_index .wsSchedulingMessage { display: none; } /* Remove 100% height on main content and add other check-out box tweaks */ body.md_openscheduling_standalone #content, body.md_openscheduling_index #content, body.md_passwordreset_index #content, body.md_openscheduling_index #content, body.md_standalone_signup #content, body.md_secondaryvalidation_index #content, body.md_termsconditions_index #content, body.md_proxyselect_index #content { min-height: auto !important; border-radius: none; box-shadow: none; } @media only screen and (min-width: 1300px) { body.md_openscheduling_standalone #content, body.md_openscheduling_index #content, body.md_passwordreset_index #content, body.md_openscheduling_index #content, body.md_standalone_signup #content, body.md_secondaryvalidation_index #content, body.md_termsconditions_index #content, body.md_proxyselect_index #content { border-radius: var(--transactional-window-border-radius); box-shadow: var(--transactional-window-box-shadow); } } body.isPrelogin.md_openscheduling_standalone #header.header_graphic.static:not(:empty) + #toastWrapper + #content #main, body.isPrelogin.md_openscheduling_index #header.header_graphic.static:not(:empty) + #toastWrapper + #content #main, body.isPrelogin.md_passwordreset_index #header.header_graphic.static:not(:empty) + #toastWrapper + #content #main, body.isPrelogin.md_standalone_signup #header.header_graphic.static:not(:empty) + #toastWrapper + #content #main, body.isPrelogin.md_secondaryvalidation_index #header.header_graphic.static:not(:empty) + #toastWrapper + #content #main, body.isPrelogin.md_termsconditions_index #header.header_graphic.static:not(:empty) + #toastWrapper + #content #main, body.isPrelogin.md_proxyselect_index #header.header_graphic.static:not(:empty) + #toastWrapper + #content #main { padding: 0px 24px 30px; } @media only screen and (min-width: 1300px) { body.isPrelogin.md_openscheduling_standalone #header.header_graphic.static:not(:empty) + #toastWrapper + #content #main, body.isPrelogin.md_openscheduling_index #header.header_graphic.static:not(:empty) + #toastWrapper + #content #main, body.isPrelogin.md_passwordreset_index #header.header_graphic.static:not(:empty) + #toastWrapper + #content #main, body.isPrelogin.md_standalone_signup #header.header_graphic.static:not(:empty) + #toastWrapper + #content #main, body.isPrelogin.md_secondaryvalidation_index #header.header_graphic.static:not(:empty) + #toastWrapper + #content #main, body.isPrelogin.md_termsconditions_index #header.header_graphic.static:not(:empty) + #toastWrapper + #content #main, body.isPrelogin.md_proxyselect_index #header.header_graphic.static:not(:empty) + #toastWrapper + #content #main { padding: 20px 80px 70px; } } html:not(.mobile):not(.datatile) body.isPrelogin.md_openscheduling_standalone:not(.embedded) #main, html:not(.mobile):not(.datatile) body.isPrelogin.md_openscheduling_index:not(.embedded) #main, html:not(.mobile):not(.datatile) body.isPrelogin.md_passwordreset_index:not(.embedded) #main, html:not(.mobile):not(.datatile) body.isPrelogin.md_standalone_signup:not(.embedded) #main, html:not(.mobile):not(.datatile) body.isPrelogin.md_secondaryvalidation_index:not(.embedded) #main, html:not(.mobile):not(.datatile) body.isPrelogin.md_termsconditions_index:not(.embedded) #main, html:not(.mobile):not(.datatile) body.isPrelogin.md_proxyselect_index:not(.embedded) #main { min-height: auto !important; } @media screen and (max-width: 768px) { html:not(.mobile):not(.datatile) body:not(.embedded) #scheduling-workflow { min-height: auto; } } @media screen and (min-width: 1300px) { body.md_openscheduling_standalone #main:nth-last-child(2) #scheduling-workflow > *:not(.summaryBannerContainer):not(.summary_navbar):not(#EmergencyWarningBanner), body.md_openscheduling_index #main:nth-last-child(2) #scheduling-workflow > *:not(.summaryBannerContainer):not(.summary_navbar):not(#EmergencyWarningBanner), body.md_passwordreset_index #main:nth-last-child(2) #scheduling-workflow > *:not(.summaryBannerContainer):not(.summary_navbar):not(#EmergencyWarningBanner), body.md_standalone_signup #main:nth-last-child(2) #scheduling-workflow > *:not(.summaryBannerContainer):not(.summary_navbar):not(#EmergencyWarningBanner), body.md_secondaryvalidation_index #main:nth-last-child(2) #scheduling-workflow > *:not(.summaryBannerContainer):not(.summary_navbar):not(#EmergencyWarningBanner), body.md_termsconditions_index #main:nth-last-child(2) #scheduling-workflow > *:not(.summaryBannerContainer):not(.summary_navbar):not(#EmergencyWarningBanner), body.md_proxyselect_index #main:nth-last-child(2) #scheduling-workflow > *:not(.summaryBannerContainer):not(.summary_navbar):not(#EmergencyWarningBanner) { padding-left: 0; padding-right: 0; } } /* Open Scheduling Footer */ body.md_openscheduling_standalone #footer, body.md_openscheduling_index #footer, body.md_passwordreset_index #footer, body.md_standalone_signup #footer, body.md_secondaryvalidation_index #content.midlogin #footer, body.md_termsconditions_index #content.midlogin #footer, body.md_proxyselect_index #content.midlogin #footer { background: none; border-top: var(--transactional-window-border); background-color: var(--color-light-gray); padding: 40px 24px; } body.md_secondaryvalidation_index #content.midlogin #footer .midlogin, body.md_termsconditions_index #content.midlogin #footer .midlogin, body.md_proxyselect_index #content.midlogin #footer .midlogin { background-color: var(--color-light-gray); } body.md_openscheduling_standalone #content #mainFooter, body.md_openscheduling_index #content #mainFooter, body.md_passwordreset_index #content #mainFooter, body.md_standalone_signup #content #mainFooter, body.md_secondaryvalidation_index #content #mainFooter, body.md_termsconditions_index #content #mainFooter, body.md_proxyselect_index #content #mainFooter { padding-top: 0; background-color: transparent; } body.md_openscheduling_standalone #content #sidebarFooter, body.md_openscheduling_index #content #sidebarFooter, body.md_passwordreset_index #content #sidebarFooter, body.md_standalone_signup #content #sidebarFooter, body.md_secondaryvalidation_index #content #sidebarFooter, body.md_termsconditions_index #content #sidebarFooter, body.md_proxyselect_index #content #sidebarFooter { padding-bottom: 0; background-color: transparent; } body.md_openscheduling_standalone #content #mainFooter .links a, body.md_openscheduling_index #content #mainFooter .links a, body.md_passwordreset_index #content #mainFooter .links a, body.md_standalone_signup #content #mainFooter .links a, body.md_secondaryvalidation_index #content #mainFooter .links a, body.md_termsconditions_index #content #mainFooter .links a, body.md_proxyselect_index #content #mainFooter .links a { font-size: 0.875rem; } /* Mobile teaks to Open Scheduling */ @media screen and (max-width: 768px) { body.md_openscheduling_standalone:not(.embedded) #scheduling-workflow:before, body.md_openscheduling_index:not(.embedded) #scheduling-workflow:before, body.md_passwordreset_index:not(.embedded) #scheduling-workflow:before, body.md_standalone_signup:not(.embedded) #scheduling-workflow:before, body.md_secondaryvalidation_index:not(.embedded) #scheduling-workflow:before, body.md_termsconditions_index:not(.embedded) #scheduling-workflow:before, body.md_proxyselect_index:not(.embedded) #scheduling-workflow:before { background: none; } } @media screen and (max-width: 768px) { body:not(.embedded):not(.isInside) .summary_navbar { background: none; } } @media screen and (max-width: 768px) { body.md_openscheduling_standalone .section.questionsContainer .question .answers, body.md_openscheduling_index .section.questionsContainer .question .answers, body.md_passwordreset_index .section.questionsContainer .question .answers, body.md_standalone_signup .section.questionsContainer .question .answers, body.md_secondaryvalidation_index .section.questionsContainer .question .answers, body.md_termsconditions_index .section.questionsContainer .question .answers, body.md_proxyselect_index .section.questionsContainer .question .answers { margin-left: 0; } } /* ===== Authenticated Changes */ /* ===== Internal header */ /* Remove header shadow #header:not(:empty) { box-shadow: none; } */ /* Adjust header height and lower piece color/border */ /* #header:not(:empty).header_graphic { height: 145px; background: var(--color-white); border-bottom: 1px solid var(--color-slate); } */ /* Adjust top header height. It's absolutely positioned so the spacing is a little more annoying to get right. */ /* #header:not(:empty).header_graphic .header_color { height: 82px; } */ /* Logo */ @media screen and (min-width: 1301px) { body.isInside #graphicHeader:not(:empty) #header_logo { min-width: 20%; width: 20%; } } /* #graphicHeader:not(:empty) #header_logo .header_logo_link { background: transparent url("../images/myWellSpan-white.svg") no-repeat scroll left/contain; background-size: 70%; } */ /* #graphicHeader:not(:empty) #header_logo { margin: 10px 0; } */ /* Your menu button */ /* #graphicHeader:not(:empty) #header_menu { border: 1px solid var(--color-ocean); border-radius: var(--button-border-radius); padding: 4px 16px 4px 10px; margin-right: 16px; height: auto; } */ /* #graphicHeader:not(:empty) #header_menu:hover { box-shadow: var(--button-hover-box-shadow); } */ /* Your menu button inner icon adjustment */ /* #graphicHeader:not(:empty) #header_menu #header_menu_icon { height: 31px; width: 31px; margin-right: 0px; background: none; background-image: url("../images/DXP/icon_your_menu.svg"); background-repeat: no-repeat; background-position-x: center; background-position-y: center; box-shadow: none; } */ /* Your menu button inner icon hide existing icon */ /* #graphicHeader:not(:empty) #header_menu #header_menu_icon svg { display: none; } */ /* Your menu button remove hover box shadow */ /* #graphicHeader:not(:empty) #header_menu #header_menu_icon:hover, #graphicHeader:not(:empty) #header_menu:hover #header_menu_icon:not(:hover) { box-shadow: none; } */ /* Your menu button text */ /* #graphicHeader:not(:empty) #header_menu #header_menu_name { max-width: fit-content; } */ /* Your menu button remove hover text underline */ /* #graphicHeader:not(:empty) #header_menu:hover #header_menu_name { text-decoration: none; } */ /* Adjust lower nav link offset */ /* #graphicHeader:not(:empty) #header_navigation { top: 92px; } */ /* Adjust lower nav link margins */ /* #graphicHeader:not(:empty) #header_menu_name, #graphicHeader:not(:empty) .shortcut_name { margin-top: 0px; } */ /* Yellow card/help boxes */ .card.helptip { border: none; border-radius: 16px; background-color: var(--color-light-gray); } .slotsstep .schedulinginstructions .helptip, .confirmationstep .schedulinginstructions .helptip { border: none; border-radius: 16px; } /* Plan of care page */ /* Remove medications from sidebar */ body.md_registries_index .sidebar .medications, body.md_registries_index [data-component=medications] { display: none; } /* Adjusted authenticated links internally for accessibility */ a:not(button):not(.button):not(.copyright a):not(#footer a):not(#showCategoriesTab):not(.menu):not(.proxySubjectLink):not(.shortcutButton a):not(.btn-blue):not(.card):not(._Link._actionable._link._readOnlyText._InternalLink):not(._InternalLink):not(._InternalDeepLink) { color: var(--link-color); text-decoration: underline; text-underline-offset: 0.25em; text-decoration-color: var(--link-border-bottom-color); text-decoration-thickness: 1px; transition: all 0.3s ease-in-out; } a:not(button):not(.button):not(.copyright a):not(#footer a):not(#showCategoriesTab):not(.menu):not(.proxySubjectLink):not(.shortcutButton a):not(.btn-blue):not(.card):not(._Link._actionable._link._readOnlyText._InternalLink):not(._InternalLink):not(._InternalDeepLink):hover, a:not(button):not(.button):not(.copyright a):not(#footer a):not(#showCategoriesTab):not(.menu):not(.proxySubjectLink):not(.shortcutButton a):not(.btn-blue):not(.card):not(._Link._actionable._link._readOnlyText._InternalLink):not(._InternalLink):not(._InternalDeepLink):focus { text-decoration-color: var(--link-border-bottom-color-hover); }