/*
#graphicHeader:not(:empty) #header_logo .header_logo_link {
background: transparent url("../images/Premier_MyChart_Logo.png") no-repeat scroll center/contain;
}

#main > div.mainLoginContent.beforeLoginFields > div > div > ul > li:nth-child(6) {Display: none}
*/

@font-face {
    font-family: "PremierIcon8";
    src: url("fonts/PremierIcon8.eot");
    src: url("fonts/PremierIcon8.eot?#iefix") format("embedded-opentype"), url("fonts/PremierIcon8.woff") format("woff"), url("fonts/PremierIcon8.ttf") format("truetype"), url("fonts/PremierIcon8.svg#PremierIcon8") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[data-icon]:before {
    font-family: "PremierIcon8" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="premiericon-"]:before,
[class*=" premiericon-"]:before {
    font-family: "PremierIcon8" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.blue-card .premiericon{
  font-size: 64px;
  background-color: #fff;
  border-radius: 50%;
  margin-top: -35px;
  margin-left: -50px;
  width: 64px;
  height: 64px;
  display: block;
		
}	

.premiericon-find-a-doctor:before {
    content: "\e006";
}

.premiericon-find-a-doctor-circle:before {
    content: "\e007";
}

.premiericon-medication:before {
    content: "\e07c";
}

.premiericon-medication-circle:before {
    content: "\e07d";
}

.premiericon-events:before {
    content: "\e002";
}

.premiericon-events-circle:before {
    content: "\e003";
}

.premiericon-diagnostics-and-imaging:before {
    content: "\e053";
}

.premiericon-diagnostics-and-imaging-circle:before {
    content: "\e054";
}
.premiericon-appointments:before {
    content: "\3b";
}

.premiericon-appointments-circle:before {
    content: "\3c";
}




 .isPrelogin .copyright {
     font-size:11px;
}
 .fullLinks{
     text-align:center;
}
 .fullLinks a{
     font-size: 12px;
}
 .helpfeaturescontainer .helpfeature.button, div.legacyLabelledField label, #footer a {
     color: #443d3f;
}
 footer a {
     text-decoration: underline;
}
 #footer a:hover {
     color: #443d3f;
     text-decoration: none;
}
 #content #main{
     background-color: #fff;
}
 #content #sidebar{
     background-color: rgb(238,238,238, 1);
}
 #content #footer {
     background-color: #fff;
}
 #sidebar:where(#main + #sidebar), #sidebarFooter:where(#main + #sidebar ~ * > #sidebarFooter){
     box-shadow: none;
}
/* .loginPage */
 #content #main .logo{
    /* this is the PH logo */
    /* position:absolute;
     right: 30px;
     top: 15px;
     */
     float: right;
}
 div.row.login-header{
     top: 10px;
     position: absolute;
}
 .mychart-logo-wrap{
     padding-top: 20px;
    /* position:absolute;
     left: 30px;
     top: 15px;
     */
}
 .logo-locations{
     font-size: 14px;
     width: 245px;
     color: #443d3f;
     margin-top: -30px;
     margin-right: 63px;
     float: right;
}
 .loginAlerts{
     font-weight: bold;
}
/* .mychart-logo{
     max-width: 250px;
     padding-top: 12px;
}
 .logo-locations{
     font-size: 14px;
     margin-left: 550px;
     width: 245px;
     display: block;
     color: #443d3f;
     margin-top: -30px;
}
 body.md_standalone_signup #wrap #content #main .title, .md_guestpay_payasguest #main .title, .recoveryPage #main .title, .resetPage #main .title{
     padding-top: 50px;
}
 .login-title{
     position: absolute !important;
     top: 70px;
}
 .login-title h1.header{
     padding-bottom: 0px !important;
     padding-top:30px !important;
     padding-left: 10px !important;
}
 */
 .helpfeaturescontainer .helpfeature.button.tertiary.neutral:not(:hover), a.recovery,
.passkeyWrapper .button.tertiary.neutral {
     /*color: #003C70; */
     font-size:18px !important;
     text-decoration: underline;
}
 .helpfeaturescontainer .helpfeature.button.tertiary.neutral:hover, a.recovery:hover,
.passkeyWrapper .button.tertiary.neutral:hover {
    /*color: #003C70; */
     font-size:18px;
     text-decoration: none;
}
 a.blue-link{
    /* color: #003C70; */
     font-size:18px;
     text-decoration: underline;
}
 a.blue-link:hover{
    /*color: #003C70; */
     text-decoration: none;
}
 .card-container{
     padding-bottom:5px;
}
 .blue-card{
     background-color: rgb(238,238,238); /* rgb(235,248,254); */
     padding: 10px;
     padding-top: 20px;
     border-radius: 15px;
}
 .blue-card a{
   /*  color: 443d3f; */
}
 img.card-icon{
     margin-top: -32px;
     margin-left: -50px;
}
 .pad-features{
     padding-bottom: 0px !important;
     padding-top: 15px !important;
    /*100px*/
     margin-bottom: -35px;
}
 .features li h2.header{
     font-size: 22px;
     padding-top:0px;
}
 .features li a h2.header{
     text-decoration: underline;
}
 .features li span.info{
     font-size: 18px;
     color: #443d3f;
}
 .features li h2.header, .features li span.info{
     margin-left:-50px;
     display:block;
}
/* Not just login screen changes */
 div.linkwrapper a{
     text-decoration: underline;
}
 div.linkwrapper a:hover{
     text-decoration: none;
}
 @media only screen and (max-width: 1300px) {
     #content #sidebar{
         background-color:#fff;
    }
     #content #main .logo{
         margin-left: auto;
         margin-right: auto;
         display: block;
         float: inherit;
    }
	   .mychart-logo-wrap{ 
         margin-top: 75px;
    }
     .logo-locations{
         margin-top: -225px;
         margin-right: auto;
         margin-left: auto;
         float: none;
         text-align: left;
         padding-left: 47px;
         width: 280px;
    }
	
     div.row.login-header
		{
         top: -38px;
         position: absolute;
         text-align: center;
         margin-left: -15px 
    }
  
     div.login #loginForm{
         padding-top: 200px;
    }
     .login-title{
         margin-top: 45px;
    }
	div.loginHeader,
     .loginAlerts{
         left: 0;
         right: 0;
         margin-left: auto;
         margin-right: auto;
         position: absolute;
         background-color: #fff;
         z-index: 99;
         top: 135px;
		 width:300px;
    }
     .pad-features{
         padding-bottom: 20px !important;
         padding-top: 20px !important;
    }
}