@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');

/* BEGIN EPIC DELIVERED THEME CSS */
/* Generated by v84.0.90 */
/* BEGIN: SPECIAL HIDING PROPERTIES */
/* If you only want certain HTML content to display on mobile, tag it with an "OnlyMobile" class*/
.onlymobile,
.onlyMobile,
.Onlymobile,
.OnlyMobile {
    display: none !important;
}

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

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

.isInside .prelogin-only,
.isInside .midlogin-only,
.isPrelogin .inside-only,
.isPrelogin.midlogin .prelogin-only,
.isPrelogin:not(.midlogin) .midlogin-only {
    display: none !important;
}
/* END: SPECIAL HIDING PROPERTIES */

/* END EPIC DELIVERED THEME CSS */

/* 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. */

/* #region Global */

html {
    font-family: 'Open Sans', Calibri, Arial, sans-serif;
    font-size: 17px;
    color: #282828;
    scroll-behavior: smooth;
    scroll-padding-top: 3rem;
}

body {
    line-height: 1.6;
}

body.isInside.graphicHeader::before {
    background: #ededed;
}

/* Headings */

:is(h1,
h1.header) {
    font-weight: 800;
}

:is(h2,
h3,
h4,
.header,
.heading,
.titlebar,
.sectionheader,
table thead tr) {
    font-weight: 700;
}

/* Paragraphs */

p {
    margin: 0 0 1rem;
}

p:last-of-type {
    margin-bottom: 1rem;
}

p:last-child {
    margin-bottom: 0;
}

/* Lists */

ol,
ul.bulleted {
    margin: 0 0 1rem;
}

ol:last-child,
ul.bulleted:last-child {
    margin-bottom: 0;
}

ol {
    padding-left: 1.5rem;
}

ul.bulleted {
    padding-left: 1.75rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

ol li,
ul.bulleted li {
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

/* Links */

a {
    font-weight: 700;
    text-decoration: underline;
}

a:hover,
tr.hover a {
    text-decoration: none;
}

#header a,
#footer a,
.list a:not(.button),
.flyoutparent a,
.navparent a,
a.MidTriageCard,
a.EndTriageCard {
    font-weight: 400;
    text-decoration: none;
}

.card a[class$='_link'],
.card.addItem a {
    text-decoration: none;
}

.TestResultsList .SingleResult a {
    font-weight: inherit;
}

/* Inputs */

input,
select,
textarea,
optgroup {
    font-family: 'Open Sans', Calibri, Arial, sans-serif;
}

/* Buttons */

a.button,
div.button,
input.button {
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
    text-transform: none;
    border-radius: 0.25rem;
}

.button:has(.sanford-icon) {
    display: flex;
}

.button.autowidth:has(.sanford-icon) {
    display: inline-flex;
}

.button.has-icon {
    padding-right: 2.5rem;
}

.button.has-icon::after,
.button.has-icon::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    border: 1px solid currentColor;
}

.button.has-icon::before {
    right: 1rem;
    height: 0.75rem;
    width: 0.75rem;
    border-radius: 50%;
    transform: translateY(-50%);
}

.button.has-icon::after {
    right: 1.33rem;
    height: 0.25rem;
    width: 0.25rem;
    border-width: 2px;
    border-left: none;
    border-top: none;
    transform: translateY(-50%) rotate(-45deg);
}

/* Banners */

.standardBanner.successType {
    background-color: #ecf4fb;
    border-color: #9fb6c9;
}

.standardBanner.successType:not(.showIcon) {
    background-position-y: center;
}

.standardBanner.successType .header {
    color: #003f72;
}

/* Cards */

.card.helptip.success:not(.moreToDo) {
    background-color: #ecf4fb;
    border-color: #9fb6c9;
}

.card.helptip.success:not(.moreToDo) .header.medium {
    color: #003f72;
}

.sanford-card {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    padding: 1rem 2rem;
    background-color: #fff;
}

@media print {
    .sanford-card {
        break-inside: auto;
        border: 1px solid #000;
    }

    .sanford-card:not(.noprint):not(.hidden) {
        display: block;
    }
}

/* Components */

.component .news .newscard {
    margin-right: 0.5%;
    margin-left: 0.5%;
    font-size: 0.9rem;
    line-height: 1.4;
}

.component .news .newscard.notesRelease {
    background-image: url("../images/notes_release.png");
}

.component .news .newscard.evisits {
    background-image: url("../images/evisit.png");
}

/* Dates */

.verticalDate,
._VerticalDate {
    line-height: 1.2;
    color: #6aade4;             /* Billing Details */
}

.Visits .date .verticalMonth,   /* Visits */
.visitDate .verticalMonth,      /* Item Feed */
.verticalDate .verticalMonth,   /* Billing Details, Claims */
._VerticalDate .verticalMonth { /* Record Download */
    color: #6aade4;
}

.Visits .date .verticalDateOfMonth,
.visitDate .verticalDateOfMonth,
.verticalDate .verticalDateOfMonth,
._VerticalDate .verticalDateOfMonth {
    color: #003f72;
}

.Visits .date .verticalYear,
.visitDate .verticalYear,
.verticalDate .verticalYear,
._VerticalDate .verticalYear {
    color: #999;
}

.Visits .date .verticalDayOfWeek,
.visitDate .verticalDayOfWeek {
    color: #999;
}

/* Popup Calendar */

#calendar table td.wkndn button,
#calendar table td.n button {
    opacity: 0.3;
}

#calendar table td.othermonth button {
    color: #767676;
}

#calendar table td.hi button {
    color: #fff;
}

/* Other */

.helptext,
.helptext li,
.subtle {
    line-height: 1.4;
}

.helptext ul.bulleted li,
.subtle ul.bulleted li {
    margin-bottom: 0.25rem;
    line-height: 1.2;
}

/* Align Accept/Decline buttons */
.terms + .formbuttons {
    margin: 1rem 5%;
}

/* Prevent subway stops from wrapping in the middle of a word */
.trainstop {
    word-wrap: normal;
}

/* Hide Epic-released footer links (custom footer content will remain visible) */
#baselinks > a {
    display: none;
}

/* #endregion */

/* #region Prelogin */

/* Add styles for signup area in prelogin sidebar */
.isPrelogin:not(.embedded) .signup {
    margin-top: 1.6rem;
}

.isPrelogin:not(.embedded) .button.newworkflow {
    padding-left: 0;
    padding-right: 0;
    font-size: 0.8rem;
    white-space: nowrap;
}

.isPrelogin .mcp-organizations {
    margin: 0 0 2rem;
    text-align: center;
}

.isPrelogin .mcp-organizations h1 {
    margin: 0 0 1.5rem;
    padding: 0;
}

.isPrelogin .mcp-organizations ul {
    margin: 0 0 1rem;
}

.isPrelogin .mcp-organizations li {
    display: inline-block;
    margin: 0 0.5rem;
    font-size: 0.8rem;
}

.isPrelogin .mcp-organizations p {
    font-size: 0.8rem;
}

.isPrelogin .features {
    line-height: 1.4;
}

/* Add feature promos for e-visit and video visit */
.isPrelogin .features .icon-evisit {
    background-image: url("../images/quicklinks/evisit.png");
}

.isPrelogin .features .icon-videoVisit {
    background-image: url("../images/quicklinks/video_visit.png");
}

.isPrelogin .features .icon-insurance {
    background-image: url("../images/shp/insurance.png");
}

.isPrelogin .features .icon-commit {
    background-image: url("../images/shp/commit.png");
}

/* Customize icons in signup workflow */
.isPrelogin .name.icon.usedemographics::after {
    background-image: url("../images/signup/guest.png");
}

.isPrelogin .name.icon.usethirdparty::after {
    background-image: url("../images/signup/user.png");
}

/* Add spacing between form elements on signup pages */
.isPrelogin .formsection {
    margin: 0 0 1.5rem;
    padding: 0;
}

.isPrelogin .formsection:last-child {
    margin-bottom: 0;
}

.isPrelogin .formsection label,
.isPrelogin .formsection legend {
    font-size: inherit;
    color: inherit;
}

.isPrelogin .formsection label + .helptext,
.isPrelogin .formsection legend + .helptext {
    margin: 0.25rem 0 0.75rem;
}

.isPrelogin .terms {
    margin: 0 10% 1.5rem;
    padding: 0.5rem;
    height: 360px;
    width: 80%;
}

/* Darken the background of lightbox overlays when popup components are displayed. Epic specifies
 * this rule in inside.css, but we need it present in prelogin areas as well.
 */
.isPrelogin .lb_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3000;
    opacity: 0.5;
    background: #666;
    background: linear-gradient(#666 50%, #000 100%) repeat scroll 0 0 transparent;
    box-shadow: inset 0 -20px 100px 25px rgba(0, 0, 0, 0.7);
}

/* The .signup area is not rendered when displaying the widget version of the login page, but our
 * additional signup links are still present in the poststext. Hide them to maintain the minimal
 * look needed here.
 */
.isPrelogin.liteMode .posttext .button {
    display: none;
}

/* MyChart v9.2 (February 2020) loads the prelogin footer links via an asynchronous JavaScript
 * request. In addition, the new Strings Manager-based configuration gives us less flexibility than
 * we had with the Classic ASP engine. Our workaround is to move the entire footer links structure
 * into the area intended for custom content, and hide the Epic-released footer links using CSS.
 */
.isPrelogin #footer .badges,
.isPrelogin #footer .links > a {
    display: none;
}

/* Hide login form to prevent scrolling when set to focus by LoginController. */
@media (max-width: 1300px) {
.isPrelogin.md_stdfile #sidebar > *:not(.mainLoginContent) {
    display: none;
}
}

/* #endregion */

/* #region Pay Premiums as Guest */

.md_premiumguestpay_start #extPmtPageFrame {
    height: 58rem;
}

/* #endregion */

/* #region Pay My Premium */

.md_premiumpayment_paymentlanding #extPmtPageFrame {
    height: 61rem;
}

/* #endregion */

/* #region Signup */

.md_standalone_signup .thirdparty .thirdparty_logo {
    display: none;
}

.md_standalone_signup #skipThirdParty {
    display: none;
}

/* #endregion */

/* #region Standard Files */

:is(.md_stdfile, .md_standardfile_handlestandardfile) .faq {
    margin: 0 0 1rem;
}

    :is(.md_stdfile, .md_standardfile_handlestandardfile) .faq ul {
        margin: 0;
    }

        :is(.md_stdfile, .md_standardfile_handlestandardfile) .faq ul a {
            font-weight: normal;
        }

:is(.md_stdfile, .md_standardfile_handlestandardfile) .faq-content {
    padding: 1rem 2rem;
}

    :is(.md_stdfile, .md_standardfile_handlestandardfile) .faq-content h2 {
        margin-top: 2rem;
        border-top: 2px solid #808080;
        padding-top: 2rem;
    }

        :is(.md_stdfile, .md_standardfile_handlestandardfile) .faq-content h2:first-of-type {
            margin-top: 0;
            border-top: none;
            padding-top: 1rem;
        }

/* #endregion */

/* #region Navigation */

.isInside #account a {
    font-weight: 600;
}

.isInside #account .acctname {
    color: #fff;
}

.isInside #account .menuname {
    color: #a5a5a5;
}

/* #endregion */

/* #region Quick Links */

#sidebar .quickLinks a {
    padding-right: 1rem;
    padding-left: 0.5rem;
    min-height: 0;
    font-size: 0.9rem;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
}

#sidebar .quickLinks a::after {
    content: "";
    display: block;
    height: 0.25rem;
    width: 0.25rem;
    position: absolute;
    top: 50%;
    right: 0.67rem;
    background: none;
    border: 2px solid #999;
    border-left: none;
    border-top: none;
    transform: translateY(-50%) rotate(-45deg);
}

#sidebar .quickLinks a img {
    display: none;
}

#sidebar .quickLinks a span {
    display: block;
    width: 100%;
}

#sidebar #moreWaysToShare.quickLinks span {
    margin: 0;
}

#sidebar #moreWaysToShare.quickLinks span.small-info-text {
    font-weight: 400;
}

/* #endregion */

/* #region Advance Care Planning */

.md_caredecision_index .jumbotron,
.md_caredecision_index #related-links-container,
.md_caredecision_index #helpful-resources-container .helpful-resource-elem {
    display: none;
}

/* #endregion */

/* #region Billing Details */

.md_details_index #ba_details_discovery {
    display: none;
}

/* #endregion */

/* #region My Conditions */

.md_mycondition .nodata {
    margin-bottom: 1em;
}

/* #endregion */

/* #region Plan of Care */

.md_registries_index .poc-header-container {
    display: none;
}

.md_registries_index .poc-content-container .component:first-child {
    margin-top: 0;
}

.md_registries_index #sidebar * {
    padding-left: 0;
    padding-right: 0;
}

.md_registries_index #sidebar .medicationlistelement::after {
    left: 0;
}

/* #endregion */

/* #region Scheduling */

/* Hide landing page post text and icon */
.md_scheduling_index .LandingPagePostText {
    display: none;
}

/* Hide the "On My Way" button in Scheduling quick links */
.md_scheduling_index .quickLinks [data-id='onmywaybutton'] {
    display: none;
}

/* Fix rule causing 70% width to cascade into nested divs */
.md_scheduling_index .card.hasBadge div > div {
    width: 100%;
}

/* Fix issue with AM/PM buttons not wrapping when only AM is shown (e.g., Saturday) */
.md_scheduling_index .timepreferencecontainer.vertical .daytimetable .rangebuttons {
    width: 100%;
}

/* Hide the "Would you like to use insurance to pay for this appointment?" question */
.md_scheduling_index .guarantorVerification {
    display: none;
}

.md_scheduling_index .chip .chipIcon.nearMe,
.md_scheduling_index .chip .chipIcon.nearHome,
.md_scheduling_index .chip .chipIcon.nearZip,
.md_scheduling_index .chip .chipIcon.allLocations,
.md_scheduling_index .chip.hasInput input[type="button"] {
    background-color: #6aade4;
}

/* Fix position of "Edit" link in verification step */
.md_scheduling_index .confirmation-info-row .confirm-info-text .flexParent {
    flex-wrap: initial;
}

.isInside #scheduling-workflow .schedulebutton .scheduleicon svg {
    display: none;
}
/* #endregion */

/* #region eCheck-In */

/* Hide the "Would you like to use insurance to pay for this appointment?" question */
.md_echeckin_index .selfPay {
    display: none;
}

/* #endregion */

/* #region E-Visit */

.md_evisit_landingpage .terms p.bold.underline {
    margin-bottom: 0;
    padding-right: 0.5rem;
    float: left;
}

.md_evisit_landingpage .terms #evisit-conditions {
    float: left;
}

.md_evisit_landingpage .terms #evisit-conditions li {
    float: left;
    width: 50%;
}

.md_evisit_landingpage .terms #evisit-conditions + * {
    clear: both;
}

/* #endregion */

/* #region Visits */

/* Increase width to prevent "Update Information" button from wrapping */
.md_visitslist_index .actions {
    float: right;
    width: 24%;
}

.md_visitslist_index .actions .button.nextstep {
    letter-spacing: -0.5px;
}

/* Remove green background on visit action banners */
.md_visitdetails_index .telemedicine,
.md_visitdetails_index .visitactionbanner {
    background-color: rgba(118, 118, 118, 0.02);
}

/* Hide watermark images on visit action banners */
.md_visitdetails_index .visitactionbanner::before,
.md_visitdetails_index .visitactionbanner::after {
    display: none;
}

/* #endregion */

/* #region Message Center */

.md_review_index .actionButtons a {
    font-weight: 700;
}

.md_review_index .MessageDetails a {
    font-weight: 700;
    text-decoration: underline;
}

.md_review_index .Tasks .clearlabel {
    height: auto !important;
    width: auto !important;
    opacity: 1 !important;
    line-height: 1.4 !important;
    color: #767676 !important;
    font-size: 0.8em;
}

.md_review_index .Tasks ul {
    margin: 0 0 1.25rem;
    padding: 0.5rem; 0 0.75rem;
    border-bottom: 1px solid #cecece;
}

/* #endregion */

/* #region Release of Information */

.md_react_index .ReleaseOfInformation .Banner.warning {
    display: none;
}

/* #endregion */

/* #region Request Prescription Renewal */

/* Hide the "Estimated cost" line */
.md_medications_list .costContainer {
    display: none;
}

/* #endregion */

/* #region Open Scheduling */

.md_openscheduling_index .schedulingPretext .mainText.expandableMainText {
    font-weight: normal;
    pointer-events: none;
}

    .md_openscheduling_index .schedulingPretext .mainText.expandableMainText:hover {
        background-color: none;
    }

.md_openscheduling_index .schedulingPretext .expandChevron {
    display: none;
}

.md_openscheduling_index .schedulingPretext .expandedText {
    display: block !important;
    padding: 0.5rem;
    margin: 0.3rem;
}

.md_openscheduling_index .header .stepNumber {
    font-size: 1rem;
    background-color: #003c71;
    border-color: #003c71;
}

.md_openscheduling_index .stepContainer .cardlist.buttonCards .card .iconLabel {
    margin-bottom: 0.5rem;
}

.md_openscheduling_index .stepContainer .openingsData .slotslist .slotdetailaction {
    background-color: #6babe5;
}

.md_openscheduling_index .stepContainer .openingsData .subslotslist.pm .slotdetailaction,
.md_openscheduling_index .stepContainer .openingsData .slotdetailaction.pm {
    background-color: #4b8ed9;
}

.md_openscheduling_index .stepContainer .openingsData .slotslist .slotdetailaction.selected {
    background-color: #003c71;
}

.md_openscheduling_index .signupContainer .card.loginContainer {
    background: #fff linear-gradient(to bottom, rgb(221, 213, 189, 0.05) 0%, rgb(221, 213, 189, 0.65) 100%);
}

.md_openscheduling_index .signupContainer .card.loginContainer h2 {
    font-size: 1.1rem;
}

.md_openscheduling_index .signupContainer .card.loginContainer .recovery a {
    color: #766e46;
}

.md_openscheduling_index .signupContainer .navigation .stepindicator {
    border-color: #003c71;
}

.md_openscheduling_index .signupContainer .navigation .stepindicator:not(.disabled) {
    background-color: rgba(0, 60, 113, 0.5);
}

.md_openscheduling_index .signupContainer .navigation .stepindicator.current {
    background-color: #003c71;
}

.md_openscheduling_index #member-number-explanation {
    float: right;
    top: -2rem;
    margin-right: 2.5rem;
}

.md_openscheduling_index #member-number-explanation .popupinstructionsicon::after {
    display: none;
}

.md_openscheduling_index #member-number-explanation .popupInstructions {
    padding: 0.5rem 0.67rem;
    font-size: 0.8rem;
    line-height: 1rem;
    box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.33);
}

/* #endregion */

/* #region Questionnaires */

.md_mychartquestionnaire_askfrommessage .title .qnr-prompt,
.md_mychartquestionnaire_askfromseries .title .qnr-prompt,
.md_mychartquestionnaire_questionnaires .title .qnr-prompt {
    font-size: 1.5rem;
}

.md_mychartquestionnaire_askfrommessage .terms,
.md_mychartquestionnaire_askfromseries .terms,
.md_mychartquestionnaire_questionnaires .terms {
    margin-left: 0;
    height: 320px;
}

/* #endregion */

/* #region Utilities */

.sanford-alert {
    margin: 0 0 1rem;
    padding: 0.75rem 1rem;
    display: block;
    width: 100%;
    color: rgba(0, 0, 0, 0.85);
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.sanford-alert.insulated {
    padding: 1.5rem 2rem;
}

.sanford-alert .header {
    padding-top: 0;
}

.sanford-alert .sanford-icon {
    margin-right: 0.5rem;
    flex-shrink: 0;
}

.sanford-alert-success {
    background-color: #d1e6b9;
    border-color: #629824;
}

.sanford-alert-success .sanford-icon {
    fill: #629824;
}

.sanford-alert-info {
    background-color: #edeff4;
    border-color: #b7c3d7;
}

.sanford-alert-info .sanford-icon {
    fill: #b7c3d7;
}

.sanford-alert-warning {
    background-color: #fff9d7;
    border-color: #e2c822;
}

.sanford-alert-warning .sanford-icon {
    fill: #e2c822;
}

.sanford-alert-danger {
    background-color: #ffebe8;
    border-color: #dd3c10;
}

.sanford-alert-danger .sanford-icon {
    fill: #dd3c10;
}

.sanford-badge {
    margin-left: 1rem;
    padding: 0.1em 0.5em;
    font-size: 0.6em;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 4px;
    vertical-align: middle;
}

.sanford-badge-primary {
    background-color: #237ac2;
    border-color: #237ac2;
    color: #fff;
}

.sanford-badge-secondary {
    background-color: #fff;
    border-color: #003f72;
    color: #003f72;
}

.sanford-icon-list li {
    display: block;
    margin-bottom: 1rem;
}

.sanford-icon-list li img {
    margin-right: 0.5rem;
    height: 1.5rem;
    width: 1.5rem;
    vertical-align: middle;
}

.noProxies #sanford-proxy-alert {
    display: none;
}

.sanford-verify-no-emergency .titlebar {
    text-align: center;
}

.sanford-verify-no-emergency h3 {
    padding-top: 0;
}

.sanford-verify-no-emergency ul.bulleted {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
    font-size: 14px;
}

.sanford-verify-no-emergency ul.bulleted li {
    line-height: 1.2;
}

/* Add styling for side-by-side Yes/No buttons. */

.sanford-verify-no-emergency .toolbar .buttons {
    flex-direction: row;
    justify-content: center;
}

.sanford-verify-no-emergency .toolbar .buttons .button {
    margin: 0;
    margin-right: 0.5rem;
    width: 100%;
    max-width: 200px;
}

.sanford-icon {
    margin-right: 0.25em;
    height: 1.5rem;
    width: 1.5rem;
}

.sanford-iframe {
    min-height: 320px;
    width: 100%;
    background: url(../images/spinner_barbershop.gif) no-repeat 50% 50%;
    border: none;
}

.sanford-iframe.ready {
    background: none;
}

.password-success,
.password-fail {
    position: relative;
    font-weight: bold;
    list-style-type: none;
}

.password-success {
    color: #52cc6e;
}

.password-fail {
    color: #d9545b;
}

.password-success::before,
.password-fail::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    line-height: 0;
    text-align: center;
    height: 1rem;
    width: 1rem;
    color: #fff;
    border-radius: 100%;
    font-weight: normal;
}

.password-success::before {
    content: "";
    background-color: #52cc6e;
}

.password-success::after {
    content: "";
    height: 0.45rem;
    width: 0.2rem;
    border: 0 solid #fff;
    border-width: 0 2px 2px 0;
    position: absolute;
    top: 0.4rem;
    left: -1.15rem;
    transform: rotate(45deg);
}

.password-fail::before {
    content: "";
    background-color: #d9545b;
}

.password-fail::after {
    content: "";
    height: 0;
    width: 0.4rem;
    border: 0 solid #fff;
    border-width: 0 0 2px;
    position: absolute;
    top: 0.7rem;
    left: -1.2rem;
}

.sanford-password-container {
    min-width: 230px;
}

.sanford-password-container input::-ms-reveal,
.sanford-password-container input::-ms-clear {
    display: none;
}

.sanford-password-container a {
    margin: 0 0.4rem;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.6rem;
    line-height: 1.25rem;
}

.sanford-password-container.ghostInput {
    position: relative;
}

/* #endregion */

/* #region Recent Payment Info Page 
      Increase the sizing of the Year input box */
.md_recentpay #fromYear,
.formcontents input.tiny {
    width: 3.25rem;
    line-height: 1.6rem;
}
/* #endregion*/

/* #region Confirmation Pages Customizations */
.successMessage img {
    width: 2rem;
    vertical-align: top;
    margin-right: 0.5rem;
}

.md_evisit_index .successMessage > img {
    display: none;
}

img.refilldone {
    width: 2rem;
    vertical-align: top;
    margin-right: 0.5rem;
    margin-top: 0 !important;
}

/* #endregion */

/* #region Track My Health Add New Data calendar Styling */
.md_pefltdtl #pagecalendar {
    line-height: 27.2px !important;
    font-size: 0.8rem !important;
}

.md_pefltdtl #pagecalendar .hdr {
    color: hsl(208.1, 100%, 22.2%);
}
/* #endregion */

/* #region Health Reports */

/* SLG #6193984: Restore opacity to table headers print preview */
.md_fshreport .section .chart .tableWrapper table tr .fixed:not(.withBubble).name {
    opacity: 1;
}

/* #endregion */

/* #region Add a Back to Home Page button on the PreLogin pages */
.isPrelogin #footer .button {
    color: #003f72;
    border-style: solid;
    border-width: 1px;
    background-color: rgba(255, 255, 255, 0.6);
}

.isPrelogin .back {
    text-align: center;
    padding-bottom: 0.5rem;
}

body.md_login_login:not(.md_stdfile) .back {
    display: none;
}

.isPrelogin .links {
    width: 100%;
    text-align: center;
}
/* #endregion */


/* #region Update the color of Patient First Name in 
   Schedule Confirmation to match the rest of the message */
.md_scheduling_index #patfirstname {
    color: hsl(208.1, 100%, 22.2%);
}
/* #endregion */

.MessageList .SingleMessage .head {
    line-height: 1.2;
}

@media only screen and (max-width: 768px) {
    #menu .menugroup .menuicon {
        font-size: 0.67rem;
    }

    #header #menu .menugroup:last-of-type .menuicon {
        color: transparent;
        position: relative;
    }

    #header #menu .menugroup:last-of-type .menuicon::after {
        content: "Prefs";
        text-align: center;
        width: 100%;
        position: absolute;
        left: 0;
        color: #fff;
    }
}

.is-tyto-care .button {
    display: none;
}

/* Region: Add styling to display footer on the home page footer */
.isInside #content[style*="min-height"] + #footer .languageLinks {
    margin-top:0.25rem; 
}

.isInside #content[style*="min-height"] + #footer {
    margin-top: -3.5rem;
}

.isInside #content[style*="min-height"] + #footer .languageLinks a {
    margin-left: 0.75rem; 
    margin-right: 0.75rem;
    padding-top: 1rem;
}

.isInside #main .back {
    padding-bottom: 3rem !important;
}
/* #endregion */

/* Region: stdfile shp-resources */
section.shp-resources {
	margin: 2em 0;
}

section.shp-resources .ui-accordion-header-icon {
	top: 1.75em;
}

section.shp-resources .accordion,
section.shp-resources ul {
	margin-top: 1em;
}
/* #endregion */