﻿/* BEGIN: CONFIGURABLE PRELOGIN LOGO HEIGHT */
/* Prelogin logo height is 6rem by default which can cause it to be cropped for many larger logos. Change it here. But we be aware 
    that your changes can affect the responsive design layout on small screens. Bottom line: the logo must be height-matched to its
    container to get a good result on both sides of the responsive breakpoint. 
	BG Image was causing double-image in so this line was removed - 
	background-image: url(../images/_custom/myPennMedicine_logo.svg);
	        height: 4rem;
	*/
    body.isPrelogin .logo {
        margin-top: 1.5rem;
        margin-bottom: 2rem;
    }
    
/* END: CONFIGURABLE PRELOGIN LOGO HEIGHT */   
/* BEGIN: Underline text links */
    a,
    a.proxySubjectLink .proxySelectorDropDownName {
        color: #12548E;
        color: #0091EA;
        text-decoration: underline;
    }
/* FOOTER links */
    body #footer a,
    body.md_saveform #footer a {
        color: #0091EA !important;
        color: #011F5B !important;
    }
/* END: Underline links */
/* BEGIN: Remove link underline from exceptions */
    #main .previousstep,
    #calprev>a,
    /* links in calendar */
    #calnext>a,
    /* links in calendar */
    #main span.cardline,
    /* links in cards (titles) */
    a.button,
    /* links in buttons */
    .menuitem a,
    /* links in menu */
    a.proxySubjectLink,
    /* link in proxy avatar */
    a .subtle,
    /* links in cards (subtitles) */
    a.card {
        /* links in cards */
        text-decoration: none;
    }
    
    /* remove blue color from specific links */
    span.cardline.heading
    /* card titles */
        {
        color: hsl(209, 69.9%, 32.6%);
    }

    span.cardline
    /* card sub-titles */
        {
        color: #666;
    }
    
/* END: Underline link exceptions */   
/* BEGIN: CSS Switcher */
    #footer a.cssSwitcher
    
    /* makes link look like button and differentiates from other links in footer */
        {
        background-color: #011F5B;
        color: rgba(255, 255, 255, 1);
        padding: .25rem .7rem;
        border-radius: .5rem;
        font-weight: bold;
        margin-top: .5rem;
        display: inline-block;
    }
    body #footer a.cssSwitcher,
    body.md_saveform #footer a.cssSwitcher {
        color: rgba(255, 255, 255, 1) !important;
    }
/* END: CSS Switcher */    
/* BEGIN: Hiding "County" field from forms */
    #addressSectionRoot .county, /* Signup form [/signup] */
    .permanentAddress .county, /* Permanent address form [/PersonalInformation] */
    .temporaryAddress .county, /* Temp address form [/PersonalInformation] */
    .relationship-content .relationshipAddress .county /* Family & Friends address form [/PersonalInformation] */
        {
        display: none !important;
    }
    
/* END: Hiding "County" field from forms */
/* BEGIN: list styles */
    ul.bulleted {
        margin-top: .5em;
        margin-left: 1rem;
    }
    
    ul.bulleted li {
        margin-bottom: .35rem;
    }
    
    ol {
        margin-left: 2rem;
    }
    
/* END: list styles */
/* BEGIN adding disclaimer on Contact Care Team page */
    #MedAdvice .uploader:before {
        display: block;
        content: "A diagnosis cannot be made based on a photograph. If you have a condition about which you are concerned, please contact your health care provider to schedule an appointment.";
        color: rgba(204, 0, 0, 1);
        padding-bottom: 1rem;
    }
/* END Adding disclaimer on Contact Care Team page */   
/* BEGIN adding help text to member id field */
    input#memberID:after {
        display: block;
        color: rgba(204, 0, 0, 1);
        content: "Do not include dashes";
    }
/* END adding help text to member id field */
/* BEGIN italicizing notes copy */
    .ins-note {
        font-style: italic;
    }
/* END italicizing notes copy */
/* BEGIN: Logo override Desktop - post-login 
    #graphicHeader:not(:empty) #header_logo .header_logo_link {
        background-image: url(../images/_custom/MyPennMedicine_logo.svg) !important;
    }
    
END */
/* separate copyright link from other footer links 
    #footer .copyright {
        display: block;
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    */
/* BEGIN: Styles for disclaimer on Contact Care Team page */
    /* These get changed by the JavaScript on the page */
    #MedAdvice {
        display: none;
    }
    .md_medadvice #Custom_PageDisclaimer {
        display: block;
    }
    .md_medadvice #Custom_PageDisclaimer {
        background-color: rgba(255, 255, 255, 1);
        top: 98px;
        bottom: 0px;
        left: 0px;
        position: absolute;
        z-index: 999;
        width: 100%;
    }
    .md_medadvice .messaging-disclaimer {
        width: 700px;
        margin: 80px auto 0 auto;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        padding: 1rem;
        background-color: rgba(158, 189, 198, .1);
        border-radius: .5rem;
    }
    .md_medadvice #main .section .content .messaging-disclaimer p {
        margin: 1em 1.5em 2em 1.5em;
        padding: 0;
        width: auto;
        text-align: center;
    }
    
    .md_medadvice #main .section .content .messaging-disclaimer p.disclaimer-alert {
        color: #c00;
        font-weight: bold;
        margin: 1em 1.5em 1em 1.5em;
        font-size: 16px
    }
    .md_medadvice #main .section .content .messaging-disclaimer p a.button {
        margin: 0;
        padding: 5px 1.5em;
        border-top: 1px solid #f66;
        border-left: 1px solid #f66;
        border-right: 1px solid #300;
        border-bottom: 1px solid #300;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        color: #fff;
        background-color: #c00;
    }
/* END: Styles for disclaimer on Contact Care Team page */
/* BEGIN: Matching pre-login background styles to post-login styles */
    body.isPrelogin {
        /*
		background:
            #3C86C3 url(../images/_custom/Gradient-Black.svg) repeat fixed bottom center/cover,
            #3C86C3 url(../images/_custom/prelogin.jpg) repeat fixed bottom center/cover;
		*/
        background-image: url(../images/_custom/Gradient-Black.svg), url(../images/_custom/prelogin.jpg);
        margin: 0 auto;
        position: relative;
    }
/* END: Matching pre-login background styles to post-login styles */
/* BEGIN: special styling for providers comments on test results  */
    .md_labdetail #comments {
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding: .25rem 1rem 1rem 1rem;
        background-color: #F6F8DF;
        box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.2);
    }
/* END:  special styling for providers comments on test results  */
/* BEGIN: override to prevent bill pay form from getting cut off */
    #extPmtPageFrame {
        height: 38rem;
    }  
    @media only screen and (max-width: 768px) {
    
        #iFrameLoadingIndicator,
        #extPmtPageFrame {
            height: 50rem;
        }
    }  
/* END: override to prevent bill pay form from getting cut off */
/* BEGIN: hiding and displaying content based on pre- or post-login */
    /* hide appropriately */
    .isInside .isPreloginOnly,
    .isPrelogin .isInsideOnly {
        display: none !important;
    }
/* END: hiding and displaying content based on pre- or post-login */
/* BEGIN: Messaging copy updates - Background and mouse over color changes for 'Emergency' and 'Read before send' text */
    .Composer ._Segment._container.boundary-none.ComposeDisclaimer.outer {
        background-color: #eee8aa
    } 
    .Composer ._Text._readOnlyText.disclaimerText.noMargin {
        color: #D22D2D;
        font-weight: bold;
    }  
    .Composer button._InfoBubbleCommand._actionable {
        font-weight: 100 !important;
        text-decoration: underline;
        color: #0D0DBA;
        font-weight: bold !important;
    }   
/* END: Messaging copy updates - Background and mouse over color changes for 'Emergency' and 'Read before send' text */
/* BEGIN: Removing the E-Visit menu item */
    .menuitem a[href*="EvisitRedirect"] {
        display: none !important;
    }
/* END: Removing the E-Visit menu item */
/* BEGIN: 2862 Removing Friends and Family videos from sidebar  */
    #FriendAndFamilyAccess.videoCard,
    #ShareMyRecord.videoCard {
        display: none;
    }
/* End: 2862 Removing Friends and Family videos from sidebar */
/* BEGIN: Removing banner from scheduling page until content can be changed */
    .md_scheduling_index .standardBanner {
        display: none !important;
    }
/* END: Removing banner from scheduling page until content can be changed */
/* BEGIN: Adding padding / margin to accesscheck.asp so button is accessible 
    
    @media only screen and (min-width: 1300px) {
    
        body.accessPage form#accessForm,
        body.resetPage form#passwordresetForm,
        body.recoveryPage form#recoveryForm,
        body.signupPage form#signupForm,
        body.notificationPage form#notifyForm {
            padding-bottom: 3rem;
        }
    }
/* END: Adding padding / margin to accesscheck.asp so button is accessible */
/* BEGIN MPM-2996 - Removing Health Care Agent, Watch Video, and Schedule Appointment from Advance Care Planning */
    .md_caredecision_index .jumbotron-actions-container,
    .md_caredecision_index .two-column-container .section.left,
    .md_caredecision_index #related-links-container,
    .md_caredecision_index #DocHelpBubble {
        display: none;
    }
    
/* END MPM-2996 */
/* BEGIN  */
    a#updatewaitlist {
        text-decoration: none;
        color: #ffffff;
        margin: 0.5rem;
        border: none;
        border-radius: 4px;
        padding: 0.375rem 0.75rem;
        text-align: center;
        -webkit-user-select: none;
        user-select: none;
        text-decoration: none;
        box-shadow: inset 0 -2px 0 0 rgb(0 0 0 / 20%);
    }
    span#waitlistpretext {
        display: block;
    }
    a#updatewaitlist[data-add="1"] {
        background-color: #00AF72;
    }
    a#updatewaitlist[data-add="0"] {
        background-color: #B52925;
    }
    a#updatewaitlist[data-add="1"]:hover {
        background-color: #009561;
    }
    a#updatewaitlist[data-add="0"]:hover {
        background-color: #9a231f;
    }
/* END  */

body.embedded .header {
    margin-top: 0 !important;
}
body.embedded, body.embedded main#main {
    background: none;
}
body.embedded label.togglebutton {
    border: 1px solid rgb(58, 131, 192);
    border-radius: 4px;
}
#concernCallToAction {
	text-align: center;
}
/* Override background gradient that is set in Kuiper */
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.tvmode.graphicHeader:after, body.md_proxyselect_index:after, body.graphicHeader.md_bedlogin_index:after, body.graphicHeader.md_react_index:after {
    background-image: url(../images/_custom/Gradient-Black.svg);
}
/* Hide icons on ALL OPTIONS scheduling landing page */
.md_scheduling_index .AllSpecialties .iconContainer,
.md_scheduling_index .badge.rfvImage.specialtyImage {
    display: none;
}

/* hide the "Saving time while saving paper" callout on the Billing Summary page
.md_summary_index #paperless_banner {
    display: none;
    }
*/
/* hide the toggle button that accompanies the message that we can change on the Paperless Preferences page 
.PaperlessSettings button[aria-label="Turn on paperless billing"] {
    display: none;
    }
*/
/* Alert messages */

.string-alert {
    background-color:#fffbeb; 
    padding:0.5rem 1rem; 
    color:#c00; 
    border:1px solid #c00; 
    border-radius: 0.25rem;
    margin-top:1rem;
}
